xoy
/
ctdo-wp-customs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Upload custom shit]

This commit is contained in:
xoy 2024-06-13 14:31:22 +02:00
commit a3460e72d5
2 changed files with 93 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ctdo-wp-raumstatus-widget-custom.html Normal file
View File

@ -0,0 +1,19 @@
<h2 class="widgettitle">Raumstatus</h2>
<div style="display: flex; flex-direction: row; justify-content: center;">
<a href="https://status.ctdo.de/" style="display: block;">
<img src="https://status.ctdo.de/api/simple/image" width="60px; float:left" >
</a>
<span id="roomstate" style="display: block; margin-top: auto; margin-bottom:auto; padding-left:10px; font-size:180%">Unbekannt</span>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
var jsHost = ("https:" == document.location.protocol) ? "https://" : "http://";
jQuery.getJSON(jsHost + "status.ctdo.de/api/simple/v2", function(data) {
if(data.state === true) {
jQuery("#roomstate").text("Geöffnet");
} else {
jQuery("#roomstate").text("Geschlossen");
}
});
});
</script>

74
ctdo-wp-responsive-custom-css.css Normal file
View File

@ -0,0 +1,74 @@
.site-description {
width: 180px;
text-align: left;
padding-left: 16px;
}
.site-title {
text-wrap: nowrap;
text-align: left;
}
@media only screen and (max-width: 991px) {
#secondary {
position: absolute;
width: 100% !important;
display: flex;
flex-direction: column;
left: 0;
}
#secondary div.widget-wrapper {
position: relative;
display: block !important;
max-width: 512px !important;
width: 100% !important;
border: 1px solid #EAEAEA;
margin: auto !important;
}
#primary {
margin-top: 850px;
width: 100% !important;
}
}
@media only screen and (max-width: 575px) {
.site-description {
padding-left: 0;
}
.custom-logo {
margin: auto;
}
.site-title-tagline {
display: inline-block;
width: auto;
margin: auto;
}
.main-navigation-wrapper .menu-toggle {
width: 100% !important;
background-color: rgb(0, 102, 204) !important;
}
.main-navigation-wrapper .menu-toggle i {
width: 100%;
}
.main-navigation-wrapper #header-menu li {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.main-navigation-wrapper #header-menu li a {
display: inline-block;
width: 80%;
}
.main-navigation-wrapper #header-menu li span{
width: 20%;
}
}