wiki_thsf_2015/public/stylesheets/style.css

161 lines
2.4 KiB
CSS

* { margin:0; padding:0; }
@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");
}
.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%;
}
body {
padding-bottom:0;
padding-top: 120px;
}
#main {
text-align:center;
min-width: 30%;
padding-bottom:10em;
}
@media screen and (max-width: 768px) {
body { padding-top: 0px; }
}
a {
color: #00B7FF;
}
.navbar-fixed-top {
font-family: 'Frontage-regular';
background-color: #ffffff;
font-size:1vw;
border-color: #f1623b;;
}
.navbar-default .navbar-nav>li>a{
color:#000000;
}
#home {
/*display:block;*/
}
.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;
}
*/
#main h3{
text-align:center;
}
.section table {
/*display: table;*/
margin-left: auto;
margin-right: auto;
border-collapse : collapse;
text-align:center;
min-width:100%
}
.section table th,
.section table td {
padding : 4px 8px;
border : 1px solid #aaa;
min-width:30px;
}
.section ul {
padding-left: 2em;
}
#logo {
display: block;
/*margin-top: 50px;*/
margin-left: auto;
margin-right: auto;
width:40%;
padding: 10%;
background-image: url(../images/logo_thsf.svg);
background-size: contain;
background-position: top center;
/* filter: invert(100%);
-webkit-filter: invert(100%);
*/
background-repeat: no-repeat;
}
#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%;
}