96 lines
1.1 KiB
CSS
Executable File
96 lines
1.1 KiB
CSS
Executable File
body{
|
|
font: 15px/1.5 Arial, Helvetica,sans-serif;
|
|
padding:0;
|
|
margin:0;
|
|
background-color:#ee7600;
|
|
}
|
|
|
|
/* Global */
|
|
.container{
|
|
width:80%;
|
|
margin:auto;
|
|
overflow:hidden;
|
|
}
|
|
|
|
ul{
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
/* Header **/
|
|
header{
|
|
background:#35424a;
|
|
color:#00FF00;
|
|
padding-top:30px;
|
|
min-height:70px;
|
|
border-bottom:#0000FF 3px solid;
|
|
}
|
|
|
|
header a{
|
|
color:#ee7600;
|
|
text-decoration:none;
|
|
text-transform: uppercase;
|
|
font-size:16px;
|
|
}
|
|
|
|
header li{
|
|
float:left;
|
|
display:inline;
|
|
padding: 0 20px 0 20px;
|
|
}
|
|
|
|
header #branding{
|
|
float:left;
|
|
}
|
|
|
|
header #branding h1{
|
|
margin:0;
|
|
}
|
|
|
|
header nav{
|
|
float:right;
|
|
margin-top:10px;
|
|
}
|
|
|
|
header .highlight, header .current a{
|
|
color:#00FFAA;
|
|
font-weight:bold;
|
|
}
|
|
|
|
header a:hover{
|
|
color:#0000FF;
|
|
font-weight:bold;
|
|
}
|
|
#latest{
|
|
margin-top:20px;
|
|
}
|
|
|
|
#latest .late{
|
|
float:left;
|
|
text-align: center;
|
|
width:30%;
|
|
padding:10px;
|
|
}
|
|
|
|
#latest .late img{
|
|
width:90px;
|
|
}
|
|
|
|
/* Media Queries */
|
|
@media(max-width: 768px){
|
|
header #branding,
|
|
header nav,
|
|
header nav li,
|
|
#latest .late,
|
|
aside#sidebar{
|
|
float:none;
|
|
text-align:center;
|
|
width:100%;
|
|
}
|
|
|
|
header{
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
}
|
|
|