wiki_thsf_2015/public/stylesheets/style.css

161 lines
2.4 KiB
CSS
Raw Normal View History

2015-04-15 11:18:49 +11:00
* { margin:0; padding:0; }
2015-03-29 06:13:18 +11:00
2015-04-12 20:30:34 +11:00
@font-face {
font-family: 'Frontage';
src: url("/fonts/Frontage-Bold.otf") format("opentype");
}
@font-face {
font-family: 'Frontage-regular';
src: url("/fonts/Frontage-Bold.otf") format("opentype");
}
2015-04-15 11:18:49 +11:00
.content_block_red{
background-color: #f16237;
min-width:100%;
padding:0;
margin:0;
}
a:link {
color: #777777;
}
/* visited link */
a:visited {
color: #f16237;
}
.red_back {
background-repeat: no-repeat;
background-image: url(../images/bluuu.svg);
background-color: #f16237;
min-width:100%;
min-height:10px;
background-position: left bottom;
background-clip: padding-box;
padding:0;
margin:0;
}
.section {
margin-left: auto;
margin-right: auto;
min-width:70%;
max-width:70%;
padding-bottom:5em;
}
.section img{
height:5%;
width:5%;
}
.section h3{
text-align:right;
margin-right:2%;
}
2012-01-19 03:01:17 +11:00
body {
2015-04-15 11:18:49 +11:00
padding-bottom:0;
2015-04-12 20:30:34 +11:00
padding-top: 120px;
2015-04-15 11:18:49 +11:00
}
#main {
text-align:center;
min-width: 30%;
padding-bottom:10em;
}
2015-04-12 20:30:34 +11:00
@media screen and (max-width: 768px) {
body { padding-top: 0px; }
2012-01-19 03:01:17 +11:00
}
a {
color: #00B7FF;
2015-03-29 06:13:18 +11:00
}
2015-04-12 20:30:34 +11:00
.navbar-fixed-top {
font-family: 'Frontage-regular';
2015-04-15 11:18:49 +11:00
background-color: #ffffff;
2015-04-12 20:30:34 +11:00
font-size:1vw;
2015-04-13 06:05:49 +11:00
border-color: #f1623b;;
2015-04-12 20:30:34 +11:00
}
2015-03-29 10:11:45 +11:00
2015-04-12 20:30:34 +11:00
.navbar-default .navbar-nav>li>a{
2015-04-15 11:18:49 +11:00
color:#000000;
2015-03-29 10:11:45 +11:00
}
2015-03-29 06:13:18 +11:00
#home {
2015-04-15 11:18:49 +11:00
/*display:block;*/
2015-03-29 06:13:18 +11:00
}
2015-04-12 20:30:34 +11:00
.img-logo{
padding-top:30%;
padding-left:10%;
max-width:30px;
}
/*
h3 {
background:#ffffff;
max-width:15%;
transform:rotate(9deg);
top:-10%;
border-radius:10px;
color:#000000;
}
*/
2015-04-15 11:18:49 +11:00
#main h3{
text-align:center;
2015-04-12 20:30:34 +11:00
}
2015-04-15 11:18:49 +11:00
.section table {
2015-04-12 20:30:34 +11:00
/*display: table;*/
2015-03-29 10:11:45 +11:00
margin-left: auto;
margin-right: auto;
border-collapse : collapse;
2015-04-12 20:30:34 +11:00
text-align:center;
2015-04-15 11:27:07 +11:00
min-width:100%
2015-04-15 11:18:49 +11:00
2015-03-29 10:11:45 +11:00
}
2015-04-15 11:18:49 +11:00
.section table th,
.section table td {
2015-03-29 10:11:45 +11:00
padding : 4px 8px;
border : 1px solid #aaa;
2015-04-15 11:18:49 +11:00
min-width:30px;
2015-03-29 10:11:45 +11:00
}
2015-04-15 11:18:49 +11:00
.section ul {
2015-03-29 10:11:45 +11:00
padding-left: 2em;
}
2015-04-15 11:18:49 +11:00
2015-03-29 10:11:45 +11:00
#logo {
display: block;
2015-04-15 11:18:49 +11:00
/*margin-top: 50px;*/
2015-03-29 10:11:45 +11:00
margin-left: auto;
margin-right: auto;
2015-04-15 11:18:49 +11:00
width:40%;
padding: 10%;
background-image: url(../images/logo_thsf.svg);
2015-03-29 10:11:45 +11:00
background-size: contain;
2015-04-15 11:18:49 +11:00
background-position: top center;
/* filter: invert(100%);
2015-04-12 20:30:34 +11:00
-webkit-filter: invert(100%);
2015-04-15 11:18:49 +11:00
*/
2015-03-29 10:11:45 +11:00
background-repeat: no-repeat;
2015-03-29 06:13:18 +11:00
}
2015-04-15 11:18:49 +11:00
2015-04-12 20:30:34 +11:00
#title_text{
font-family: "andale mono", "lucida console", monospace;
/*font-size:30px;*/
font-size:1vw;
color: #fff;
opacity:1;
padding-left:70%;
padding-top:5%;
}