Difference between revisions of "Template:CSS UCL5"
Superjack15 (Talk | contribs) |
|||
(23 intermediate revisions by 5 users not shown) | |||
Line 4: | Line 4: | ||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway|League Script"/> | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway|League Script"/> | ||
+ | <link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css"> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'> | ||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> | ||
Line 49: | Line 55: | ||
.bigtitle {width: 42%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/4/43/UCL_headercircle.png'); text-align: center; line-height: 2; | .bigtitle {width: 42%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/4/43/UCL_headercircle.png'); text-align: center; line-height: 2; | ||
− | background-position: top center; background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: | + | background-position: top center; background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 300px; color: #22343C;} |
.bigtitle a {color: #22343C; text-decoration: none;} | .bigtitle a {color: #22343C; text-decoration: none;} | ||
− | .title2 {font-family: | + | .title2 {font-family: Allura; font-size: 300%;line-height:1.5; color:grey;} |
.titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;} | .titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;} | ||
Line 59: | Line 65: | ||
.arrow {font-size: 50px;} | .arrow {font-size: 50px;} | ||
+ | /*HEADINGS*/ | ||
h5 { | h5 { | ||
font-size:600%; | font-size:600%; | ||
Line 71: | Line 78: | ||
h3{padding:25px 40px 0px 0px;} | h3{padding:25px 40px 0px 0px;} | ||
+ | #text h2 { | ||
+ | font-size: 30px !important; | ||
+ | } | ||
+ | #wrapper { | ||
+ | width: 80%; | ||
+ | height: 80%; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | top: 80px; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #submenu { | ||
+ | width: 100%; | ||
+ | margin-top: 20px; | ||
+ | text-align: center; | ||
+ | position: relative;} | ||
+ | |||
+ | #text { | ||
+ | margin-top: 50px; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | #text h2 { | ||
+ | font-size: 20px; | ||
+ | text-decoration: none; | ||
+ | border-bottom: 0px; | ||
+ | display: block; | ||
+ | background-color: #c97062; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | border-radius: 4px; | ||
+ | padding: 10px; | ||
+ | opacity: 0.5; | ||
+ | } | ||
a { | a { | ||
Line 429: | Line 470: | ||
@media(max-width:400px){ | @media(max-width:400px){ | ||
− | h5 {font-size:400%;margin-top:30px;text-align:center;font- | + | h5 {font-size:400%;margin-top:30px;text-align:center;font-family: arial;} |
#main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0} | #main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0} | ||
} | } | ||
Line 568: | Line 609: | ||
display:none; | display:none; | ||
position:fixed; | position:fixed; | ||
− | top:53px | + | top:53px; |
− | ; | + | margin:auto; |
} | } | ||
Line 783: | Line 824: | ||
<div id="igemlogo"> | <div id="igemlogo"> | ||
+ | <ul style="margin-top:-5px;"> | ||
+ | <ul style="margin-left:-50px;"> | ||
<a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" width="50px" height="42px"></a></div> | <a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" width="50px" height="42px"></a></div> | ||
<div id="ucligemlogo"> | <div id="ucligemlogo"> | ||
− | <a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/ | + | <ul style="margin-top:5px;"> |
+ | <ul style="margin-left:-50px;"> | ||
+ | <a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/b/b7/UCL_igem_logo_black_and_white.png" style="width: 40px; height: 40px; opacity: 0.8;"></a> | ||
</div> | </div> | ||
Line 807: | Line 852: | ||
− | <li><a href="#"> | + | <li><a href="#">Practices</a> |
<ul> | <ul> | ||
− | <li><a href="https://2015.igem.org/Team:UCL/Practices">Human Practices</a></li> | + | <li><a href="https://2015.igem.org/Team:UCL/Practices">Integrated Human Practices</a></li> |
− | <li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Public Engagement</a></li> | + | <li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Education and Public Engagement</a></li> |
</ul> | </ul> | ||
Line 855: | Line 900: | ||
<li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li> | <li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li> | ||
<li><a href="https://2015.igem.org/Team:UCL/People">People</a></li> | <li><a href="https://2015.igem.org/Team:UCL/People">People</a></li> | ||
− | <li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice | + | <li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice">Policy & Practice</a></li> |
<!--<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>--> | <!--<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>--> | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | |||
+ | </div> | ||
</body> | </body> | ||
− | |||
</html> | </html> |
Latest revision as of 12:41, 17 September 2015