Merge CSS files and introduce dev theme
This commit is contained in:
parent
2d4e7400cb
commit
d368f0862b
8 changed files with 39 additions and 42 deletions
3
htdocs/css/dev.css
Normal file
3
htdocs/css/dev.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.clock {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
.clock #ficlogo {
|
||||
float: left;
|
||||
height: 100px;
|
||||
margin-left: 25px;
|
||||
width: 12%;
|
||||
}
|
||||
.clock #epitalogo {
|
||||
float: right;
|
||||
height: 100px;
|
||||
width: 14%;
|
||||
}
|
||||
.clock #ficlogo img {
|
||||
max-height: 170px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.clock #epitalogo img {
|
||||
max-height: 170px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.clock {
|
||||
background:#202020;
|
||||
margin: 0 auto;
|
||||
|
|
@ -6,14 +5,32 @@
|
|||
border: 1px solid #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#Date {
|
||||
background:#202020;
|
||||
font-family: bold, sans-serif;
|
||||
text-align:center;
|
||||
text-shadow:0 0 5px #00c6ff;
|
||||
.clock #ficlogo {
|
||||
float: left;
|
||||
height: 100px;
|
||||
margin-left: 25px;
|
||||
width: 12%;
|
||||
}
|
||||
.clock #epitalogo {
|
||||
float: right;
|
||||
height: 100px;
|
||||
width: 14%;
|
||||
}
|
||||
.clock #ficlogo img {
|
||||
max-height: 170px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.clock #epitalogo img {
|
||||
max-height: 170px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#Date {
|
||||
background:#202020;
|
||||
font-family: bold, sans-serif;
|
||||
text-align:center;
|
||||
text-shadow:0 0 5px #00c6ff;
|
||||
}
|
||||
#Date + ul {
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
|
|
@ -21,7 +38,6 @@
|
|||
list-style: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Date + ul li {
|
||||
display: inline;
|
||||
font-size: 5em;
|
||||
|
|
@ -32,14 +48,12 @@
|
|||
|
||||
.point {
|
||||
position: relative;
|
||||
-moz-animation: mymove 1s ease infinite;
|
||||
-webkit-animation: mymove 1s ease infinite;
|
||||
-moz-animation: clockanim 1s ease infinite;
|
||||
-webkit-animation: clockanim 1s ease infinite;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
/* Simple Animation */
|
||||
@-webkit-keyframes mymove {
|
||||
@-webkit-keyframes clockanim {
|
||||
0% {
|
||||
opacity: 1.0;
|
||||
text-shadow: 0 0 20px #00c6ff;
|
||||
|
|
@ -55,8 +69,7 @@
|
|||
text-shadow: 0 0 20px #00c6ff;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes mymove {
|
||||
@-moz-keyframes clockanim {
|
||||
0% {
|
||||
opacity: 1.0;
|
||||
text-shadow: 0 0 20px #00c6ff;
|
||||
Reference in a new issue