You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
1.7 KiB
CSS
102 lines
1.7 KiB
CSS
8 years ago
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "cinetype";
|
||
|
|
src: url('font/GT-Cinetype-Bold.eot'); /* IE9 Compat Modes */
|
||
|
|
src: url('font/GT-Cinetype-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||
|
|
url('font/GT-Cinetype-Bold.otf') format("opentype"),
|
||
|
|
url('font/GT-Cinetype-Bold.ttf') format("truetype"),
|
||
|
|
url('font/GT-Cinetype-Bold.woff') format("woff");
|
||
|
|
}
|
||
|
|
|
||
|
|
body{
|
||
|
|
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
background-image: url("img/cropped-pattern.jpg");
|
||
|
|
background-repeat: repeat;
|
||
|
|
font-family: "cinetype", Helvetica, sans-serif;
|
||
|
|
color:#ff662c;
|
||
|
|
font-size:14pt;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
a, a:visited{
|
||
|
|
color:#ff662c;
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1{
|
||
|
|
font-size: 1.8em;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
margin-top: 0px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
p { font-size: 1.2em;}
|
||
|
|
|
||
|
|
|
||
|
|
.big{
|
||
|
|
font-size: 30px;
|
||
|
|
text-align: right;
|
||
|
|
line-height: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.small{
|
||
|
|
font-size: 12px;
|
||
|
|
text-align: justify;
|
||
|
|
text-align-last: right;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.small-right{
|
||
|
|
font-size: 12px;
|
||
|
|
text-align: right;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.icons{
|
||
|
|
width:20px;
|
||
|
|
margin: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
div.parent { }
|
||
|
|
|
||
|
|
.info-op-is-op{
|
||
|
|
float:right;
|
||
|
|
display:inline-block;
|
||
|
|
padding: 10px 20px 10px 30px;
|
||
|
|
text-align: left;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: 10px;
|
||
|
|
width:40%;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.white{ background-color: white;
|
||
|
|
padding: 10px 20px 10px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.images {
|
||
|
|
float:left;
|
||
|
|
display:inline-block;
|
||
|
|
margin-left: 10px;
|
||
|
|
margin-right: auto;
|
||
|
|
width:40%;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
width:100%;
|
||
|
|
margin-top:10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media (max-width:900px){
|
||
|
|
div.parent{margin-left: 100px;}
|
||
|
|
div.white {margin:10px;}
|
||
|
|
div.info-op-is-op{ width:100%;}
|
||
|
|
div.images { width:100%;}
|
||
|
|
}
|