Initial commit: Backup der Webseiten
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Felix Zösch
233
zoesch.de/colorpicker/css/custom.css
Normal file
233
zoesch.de/colorpicker/css/custom.css
Normal file
@@ -0,0 +1,233 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
body {
|
||||
background-image: url(../images/bg2.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
}
|
||||
h1 {text-align: center;}
|
||||
|
||||
/*Navbar*/
|
||||
.navbar-default {
|
||||
margin-bottom: 0px;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-color: #fff;
|
||||
border: 0px;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.navb {
|
||||
width: 100%;
|
||||
max-width: 1170px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
background-image: url(../images/LEDPi.png);
|
||||
background-size: 40px 40px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 50px;
|
||||
padding: 5px;
|
||||
}
|
||||
.navbar-brand {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
line-height:50px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {padding:0px; margin-left: 5px;}
|
||||
.navbar-right {margin-right: 15px}
|
||||
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
|
||||
.navbar-nav li a {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding: 0 25px;
|
||||
background-color: transparent;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-size: 1.4em;
|
||||
text-align: center;
|
||||
color: #088EC4;
|
||||
}
|
||||
.navbar-default .navbar-nav>li>a { color: #088EC4;}
|
||||
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
|
||||
color: #088EC4;
|
||||
border-bottom: 3px solid #088EC4;
|
||||
}
|
||||
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
|
||||
color: #088EC4;
|
||||
background-color: transparent;
|
||||
border-bottom: 3px solid #088EC4;
|
||||
}
|
||||
button.navbar-toggle.collapsed, .navbar-default .navbar-toggle{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
padding: 3px;
|
||||
margin: 10px 10px;
|
||||
|
||||
}
|
||||
.navbar-default .navbar-toggle:focus {background-color: transparent;}
|
||||
.navbar-default .navbar-toggle:hover {background-color: rgba(0,0,0,0.2);}
|
||||
.list-icon i {
|
||||
color: #088EC4;
|
||||
font-size: 1.5em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
/*picker*/
|
||||
|
||||
.picker {
|
||||
margin-top: 100px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
color: #121417;
|
||||
}
|
||||
.picker-content {
|
||||
width: 100%;
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.sp-picker-container {
|
||||
width: 300px;
|
||||
border: none;
|
||||
float: none;
|
||||
position: inherit;
|
||||
padding: 10px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
}
|
||||
.sp-input {
|
||||
font-size: 12px !important;
|
||||
border: 1px solid #000;
|
||||
padding: 4px 5px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
background: #ECECEC;
|
||||
border-radius: 3px;
|
||||
color: #222;
|
||||
}
|
||||
.sp-container {
|
||||
z-index: auto;
|
||||
width: 325px;
|
||||
height: 325px;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*Temperature*/
|
||||
.temp {
|
||||
margin-top: 100px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
color: #121417;
|
||||
}
|
||||
.temp-content {
|
||||
width: 100%;
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.temper h3 {
|
||||
text-align: center;
|
||||
font-family: 'Roboto', arial, verdana;
|
||||
color: #fff;
|
||||
font-size: 2em;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.result {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
line-height: 400px;
|
||||
text-align: center;
|
||||
font-family: 'LCD2N';
|
||||
color: #fff;
|
||||
font-size: 3em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
background-image: url(../images/thermostat.png);
|
||||
background-position: center;
|
||||
background-size: 420px 420px;
|
||||
-webkit-box-shadow: 10px 10px 18px -1px rgba(0,0,0,0.33);
|
||||
-moz-box-shadow: 10px 10px 18px -1px rgba(0,0,0,0.33);
|
||||
box-shadow: 10px 10px 18px -1px rgba(0,0,0,0.33);
|
||||
}
|
||||
|
||||
/*Footer*/
|
||||
footer {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.foot {max-width: 1170px;}
|
||||
.foot a {color: #2D2F32;}
|
||||
.footer-text {
|
||||
color: #2D2F32;
|
||||
font-family: 'Roboto', arial, verdana;
|
||||
font-size: 1em;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.copyright i{
|
||||
color: #2D2F32;
|
||||
font-size: 1em;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navb {padding: 0;}
|
||||
.navbar-nav li>a {
|
||||
text-align: left;
|
||||
font-size: 1.5em;
|
||||
padding-left: 40px;
|
||||
color: #088EC4;
|
||||
}
|
||||
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
|
||||
background: #fff;
|
||||
color: #088EC4;
|
||||
border: none;
|
||||
}
|
||||
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
|
||||
background: #fff;
|
||||
padding: 0px;
|
||||
max-height: 500px;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
}
|
||||
.logo {
|
||||
background-image: url(../images/ledpi_logo.png);
|
||||
background-size: 132px 30px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 50px;
|
||||
padding: 5px;
|
||||
}
|
||||
.navbar-brand {
|
||||
height:50px;
|
||||
width: 150px;
|
||||
line-height:50px;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user