198 lines
3.3 KiB
CSS
198 lines
3.3 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;
|
|
}
|
|
/*
|
|
padding-bottom: 0px;
|
|
background-color: #f1623b;
|
|
background-color: #000000;
|
|
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
|
color: #ffffff;
|
|
margin-left: auto;
|
|
|
|
/*
|
|
margin-right: auto;
|
|
background-image: url(../images/logo1.png) ;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-size: contain;
|
|
background-clip: padding-box;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
*/
|
|
@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;
|
|
|
|
}
|
|
.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%;
|
|
|
|
}
|
|
|
|
.content_box:before{
|
|
content:<p/>;
|
|
z-index:-1;
|
|
margin:0;
|
|
padding-top:50px;
|
|
width:20%;
|
|
margin-bottom:-20px;
|
|
border-bottom: 10px solid rgb(0,0,0);
|
|
border-right: 10px solid transparent;
|
|
}
|
|
|
|
.content_box:nth-of-type(odd):before{
|
|
|
|
border-bottom: 10px solid rgb(255,255,255);
|
|
border-right: 10px solid transparent;
|
|
}
|
|
|
|
|