Difference between revisions of "Template:HKUST-Rice/CSS"
Mfcheungaa (Talk | contribs) (Created page with "Link title* { margin: 0; padding: 0; } div.project_superrow{ width: 100%; margin: 0 auto; clear:both; margin-top: 3%; } div.project_superrow div#page_title h1{ fo...") |
Mfcheungaa (Talk | contribs) |
||
| (9 intermediate revisions by 2 users not shown) | |||
| Line 7: | Line 7: | ||
margin: 0 auto; | margin: 0 auto; | ||
clear:both; | clear:both; | ||
| − | margin-top: 3%; | + | margin-top: 3%; |
} | } | ||
| Line 18: | Line 18: | ||
margin: 0 auto; | margin: 0 auto; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
| − | + | padding-bottom: 30px; | |
| + | line-height: 1em; | ||
} | } | ||
div.project_row h2{ | div.project_row h2{ | ||
| Line 27: | Line 28: | ||
text-align: left; | text-align: left; | ||
padding:inherit 10%; | padding:inherit 10%; | ||
| − | margin: 33px auto ; | + | margin: 33px auto ; |
| + | line-height: 1em; | ||
} | } | ||
| Line 58: | Line 60: | ||
border-bottom: 0; | border-bottom: 0; | ||
text-align: left; | text-align: left; | ||
| − | padding: | + | padding-bottom: 30px; |
| + | line-height: 1em; | ||
} | } | ||
| Line 135: | Line 138: | ||
padding: 5px 0; | padding: 5px 0; | ||
background-color: rgba(255, 255, 255, 0); | background-color: rgba(255, 255, 255, 0); | ||
| + | } | ||
| + | |||
| + | div#MYicon1{ | ||
| + | position:fixed; | ||
| + | width:100px; | ||
| + | height:auto; | ||
| + | left:4%; | ||
| + | top:40%; | ||
| + | } | ||
| + | div#MYicon2{ | ||
| + | position:fixed; | ||
| + | width:100px; | ||
| + | height:auto; | ||
| + | left:90%; | ||
| + | top:40%; | ||
| + | } | ||
| + | div.project_row a{ | ||
| + | color:#5570b0; | ||
| + | |||
| + | } | ||
| + | div.project_row ul li{ | ||
| + | text-align: left; | ||
| + | font-family: "Helvetica Neue", Helvetica, sans-serif; | ||
| + | font-size: 1.5em; | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | div.des{ | ||
| + | font-family: "Helvetica Neue", Helvetica, sans-serif; | ||
} | } | ||
Latest revision as of 14:23, 18 September 2015
Link title* { margin: 0; padding: 0; } div.project_superrow{ width: 100%; margin: 0 auto; clear:both;
margin-top: 3%;
}
div.project_superrow div#page_title h1{ font-family: "Source Sans Pro", sans-serif; font-size: 5em; font-weight: 500; border-bottom: 0; text-align: center; margin: 0 auto; margin-bottom: 10px;
padding-bottom: 30px;
line-height: 1em;
} div.project_row h2{ font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 2.2em; font-weight: 200; border-bottom: 0; text-align: left; padding:inherit 10%;
margin: 33px auto ;
line-height: 1em;
}
div.project_superrow div#page_title {
margin: 0;
padding: 10px;
/* background-image: url("
"); */
background-size: 1400px 100%;
}
div.project_content{ margin: 0 auto; }
div.project_row{ margin: 0 auto; padding: 0 15%; text-align: center; padding-bottom:50px; min-height:100px;
}
div.project_row h1{ font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 3em; font-weight: 300; border-bottom: 0; text-align: left; padding-bottom: 30px;
line-height: 1em;
} div.project_row p{ text-align:justify; margin: 33px auto ; line-height: 1.5em; font-size: 1.5em; font-family: "Helvetica Neue", Helvetica, sans-serif; padding:inherit 10%;
color:#0b0b17
}
div.project_row ol{
text-align:left;
margin: 30px 70px;
line-height: 1.5em;
font-size: 1.5em;
font-family: "Helvetica Neue", Helvetica, sans-serif;
padding:inherit 10%;
color:#0b0b17
}
div.project_image{
} div.project_image img{ } img.button {
opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */
}
img.button:hover {
opacity: 0.7; filter: alpha(opacity=80); /* For IE8 and earlier */
}
/*CLASSES */
/*Clear class for all the pages, adds spacing too*/ .clear{ clear:both; height: 10px; }
/* highlight box for special messages */
.highlightBox {
width:500px;
margin:auto;
background-color: #E8E8E9;
margin-bottom: 15px;
margin-top: 15px;
padding: 15px;
padding-top: 10px;
}
hr.para{
/* border: 0;
height: 1px;
background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.5), transparent);
background: linear-gradient(left, transparent, rgba(0, 0, 0, 0.5), transparent);
margin: 0; */
height: 125px;
background: url(
);
background-size: 100% 100%;
} hr.title{ border: 0; border-top: 5px solid #494961; border-bottom: 1px solid #BBBBC4; padding: 5px 0; background-color: rgba(255, 255, 255, 0); }
div#MYicon1{
position:fixed;
width:100px;
height:auto;
left:4%;
top:40%;
}
div#MYicon2{
position:fixed;
width:100px;
height:auto;
left:90%;
top:40%;
}
div.project_row a{ color:#5570b0;
} div.project_row ul li{
text-align: left;
font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 1.5em; line-height: 1.5em; } div.des{ font-family: "Helvetica Neue", Helvetica, sans-serif; }