botsArena/html/style.css

120 lines
2.3 KiB
CSS
Raw Normal View History

2015-11-28 11:24:18 +01:00
body{
width:100%;
font-size:100%;
line-height:140%;
word-wrap:break-word;
text-rendering:optimizelegibility;
margin:0 auto;
font-family : "lucida grande", "gill sans", arial, sans-serif;
2015-12-09 22:18:11 +01:00
left:auto;
2015-11-28 11:24:18 +01:00
}
header{
background-color:#A60800;
width: 100%;
overflow: hidden;
height: auto;
}
header h1{
display: block;
font-size:300%;
color:#FFF;float: left;
margin-left: 5%;}
2015-11-28 11:18:21 +01:00
2015-12-10 20:39:32 +01:00
header nav{
2015-11-28 11:24:18 +01:00
display: block;
width: 45%;
color:#FFF;
2015-11-28 11:37:15 +01:00
float: right;
2015-11-28 11:24:18 +01:00
}
2015-12-09 20:40:03 +01:00
#menus{
margin-left: 50px;
width:100%;
display: table;
}
2015-12-09 20:40:03 +01:00
#menus a{
color: #fff;
display: table-cell;
text-decoration: none;
text-align: center;
2015-11-28 13:19:39 +01:00
border-radius: 15px 15px 0px 0px;
}
2015-11-28 13:19:39 +01:00
#menus a.selected{
color:#202020;
background-color:#fff;
2015-11-28 11:35:36 +01:00
}
2015-12-09 20:40:03 +01:00
footer{
height: 70px;
2015-12-09 20:46:20 +01:00
display: block;
2015-12-09 20:40:03 +01:00
color: #343638;
font-size: 11pt;
line-height: 15pt;
margin: 0;
2015-12-09 20:47:28 +01:00
padding-top: 15pt;
2015-12-09 20:40:03 +01:00
overflow-x: hidden;
2015-12-09 20:42:14 +01:00
box-sizing: border-box;
background-image: -webkit-linear-gradient(top, #f5f5f5,#e9e9e9);
2015-12-09 20:46:20 +01:00
border-top: 1px solid #bebebe;
color: #999;
2015-12-09 20:42:14 +01:00
font-size: 12px;
line-height: 1.5em;
2015-12-09 20:46:20 +01:00
text-align: center;
2015-12-09 22:47:19 +01:00
width: 100%;
2015-12-09 20:46:20 +01:00
}
footer a {
2015-12-26 19:41:13 +01:00
margin:0px 15px 0px 15px;
2015-12-09 21:29:22 +01:00
color: #666;
text-decoration: none;
font-weight: normal;
2015-12-09 20:40:03 +01:00
}
2015-11-28 13:19:39 +01:00
#languages{
float: right;
text-align: right;
}
2015-11-28 17:25:13 +01:00
section{
margin: 0 auto;
width: 90%;
}
article{
2015-11-29 11:16:36 +01:00
float: right;
width:70%;
}
aside{
2015-11-29 11:16:36 +01:00
float:left;
width: 28%;
2015-12-10 20:39:32 +01:00
border-right: 1px dashed green;
}
2015-12-25 01:16:31 +01:00
.center{text-align: center;}
aside p img{ width: 100%; max-width:342px;}
2015-11-30 21:01:58 +01:00
form textarea, form input, form select {width:40%;}
2015-12-03 22:21:33 +01:00
form input[type=checkbox], form input[type=radio] { width:15px; }
2016-06-14 18:56:09 +02:00
form input, form select, form textarea{
padding: 4px;
vertical-align: top;
}
2015-11-30 20:57:07 +01:00
form label {
2016-06-14 18:56:09 +02:00
display: inline-block;
width: 40%;
margin-right: 20px;
vertical-align: top;
text-align: right;
2015-11-30 20:57:07 +01:00
}
2015-12-20 19:10:20 +01:00
pre{
font-style: normal;
font-size: 16px;
margin-left: 32px;
font-family: Consolas, "Times New Roman", Verdana;
border-left: 4px solid #CCC;
padding-left: 8px;
2015-12-25 01:16:31 +01:00
}
2016-06-10 00:32:33 +02:00
.podium{list-style-type:none;padding: 5px 20px 5px 0;}
2016-06-10 00:32:04 +02:00
.podium li{padding: 5px 20px 5px 0;}
2016-06-10 00:34:40 +02:00
.podium li img {height: 50px; vertical-align:middle;}
2016-06-10 16:20:41 +02:00
.hidden{display:none;}
2015-12-25 01:16:31 +01:00
@media screen and (max-width: 800px){
aside, article{display: block; width: 100%; border-right:none;}
}