Difference between revisions of "Template:Lethbridge/css"

 
(35 intermediate revisions by one other user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<!-- Fonts will be selected and then uploaded to the iGEM server when the decision is made -->
 
<!-- Fonts will be selected and then uploaded to the iGEM server when the decision is made -->
−
    <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
−
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
−
    <link href="https://fonts.googleapis.com/css?family=Signika" rel="stylesheet">
+
−
    <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet">
+
−
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+
 
</head>
 
</head>
 
<style>
 
<style>
Line 12: Line 9:
  
 
/* LOGO CONTAINER */
 
/* LOGO CONTAINER */
−
#logo-container {width: 400px !important; height: 400px !important; position: relative;  margin-left: auto; margin-right: auto; padding-left: 50px; z-index: 1111;}
+
#logo-container {width: 400px !important; height: 400px !important; position: relative;  margin-left: auto; margin-right: auto; padding-left: 50px;}
 
#ulethlogo {position: absolute; z-index: 999;}
 
#ulethlogo {position: absolute; z-index: 999;}
 
#gear {z-index: 888; padding-top: 80px; padding-left: 100px;}
 
#gear {z-index: 888; padding-top: 80px; padding-left: 100px;}
Line 32: Line 29:
 
div#top_title {/*visibility: hidden;*/ display: none;}
 
div#top_title {/*visibility: hidden;*/ display: none;}
  
−
body {background-color: white;}
+
body {background-color: white; }
 +
/*background-image: url(https://static.igem.org/mediawiki/2018/c/c0/T--Lethbridge--backgroundTexture.jpg)*/
 +
/* Background cardboard texture designed by kues1@Freepik */
  
 
/* Alternative to body section, so we don't get the navbar or other components affected */
 
/* Alternative to body section, so we don't get the navbar or other components affected */
−
.content {font-family: 'Ralway', sans-serif; background-color: #ffffff; color: darkslategrey !important; margin-left: 3% !important; margin-right: 3% !important; z-index: 1111;}
+
.content {font-family: 'Ralway', sans-serif; color: darkslategrey !important; margin-left: 3% !important; margin-right: 3% !important; opacity: 0.999}
  
 
/* HEADERS */
 
/* HEADERS */
−
h1, h2, h3, h4, h5, h6 {/*color: black !important;*/ font-family: 'Raleway', sans-serif;}
+
h1, h2, h3, h4, h5, h6 {/*color: black !important;*/ font-family: 'Permanent Marker', cursive !important;}
 
h1 {text-align: center; font-size: 24pt}
 
h1 {text-align: center; font-size: 24pt}
−
h2 {text-align: left; font-size: 18pt}
+
h2 {text-align: left; margin-left: 2em;font-size: 18pt}
−
h3 {text-align: left; font-size: 16pt}
+
h3 {text-align: left; margin-left: 2em font-size: 16pt}
−
h4 {text-align: left; font-size: 14pt}
+
h4 {text-align: left; margin-left: 2em font-size: 14pt}
−
h5 {text-align: left; font-size: 12pt}
+
h5 {text-align: left; margin-left: 2em font-size: 12pt}
 
h6 {text-align: center; font-size: 10pt}
 
h6 {text-align: center; font-size: 10pt}
  
Line 69: Line 68:
  
 
/* FONT SIZE */
 
/* FONT SIZE */
−
.f10 {font-size: calc(10px + 0.45vw) !important; line-height: calc (1.1em + 0.45vw) !important;}
+
.f10 {font-size: calc(10px + 0.45vw) !important; line-height: calc(1.1em + 0.45vw) !important;}
 +
.f11 {font-size: calc(11px + 0.45vw) !important; line-height: calc(1.1em + 0.45vw) !important;}
 
.f12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 
.f12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
−
.f14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.f13 {font-size: calc(13px + 0.5vw) !important; line-height: calc(1.1em + 0.45vw) !important;}
−
.f16 {font-size: calc(16px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.f14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.55vw) !important;}
−
.f18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.f16 {font-size: calc(16px + 0.5vw) !important; line-height: calc(1.1em + 0.60vw) !important;}
−
.f22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.f18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.65vw) !important;}
−
.f26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.f22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.70vw) !important;}
−
.f34 {font-size: calc(34px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.f26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.75vw) !important;}
 +
.f34 {font-size: calc(34px + 0.5vw) !important; line-height: calc(1.1em + 0.80vw) !important;}
  
 
/* ALIGNMENT, WEIGHT, AND STYLE */
 
/* ALIGNMENT, WEIGHT, AND STYLE */
Line 109: Line 110:
 
a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;}
 
a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;}
 
a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;}
 
a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;}
 +
.content p a {color: darkslategrey !important; text-decoration: underline !important;}
  
 
/* WIKI & HTML CONFLICT WORKAROUNDS */
 
/* WIKI & HTML CONFLICT WORKAROUNDS */
Line 115: Line 117:
 
/* ADDED JULY 19 */
 
/* ADDED JULY 19 */
  
−
#teamDiv {
+
.teamDiv {position:relative;}
−
    position:relative;}
+
.teamDiv h1 {color: black; font-size: 26pt;}
−
 
+
.teamDiv h2 {color: black; font-weight: bold; font-size: 22pt;}
−
#teamDiv h1 {
+
.teamBios {margin-left: 3%; margin-right: 3%; color: black;}
−
    color: white;
+
−
    font-size: 26pt;}
+
−
 
+
−
#teamDiv h2 {
+
−
    color: white;
+
−
    font-weight: bold;
+
−
    font-size: 22pt;}
+
−
 
+
−
#teamBios {
+
−
    margin-left: 3%;
+
−
    margin-right: 3%;
+
−
    color: white;}
+
  
 +
/*
 
.teamMember {
 
.teamMember {
−
     color: white;
+
     color: black;
 
     height: 300px;
 
     height: 300px;
 
     position: relative;}
 
     position: relative;}
Line 158: Line 149:
 
     width: 75%;
 
     width: 75%;
 
     margin-left: 14em;
 
     margin-left: 14em;
−
     position: absolute; bottom: 0%; right: 5%;}
+
     position: absolute; bottom: 0%; right: 5%;}*/
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 19:57, 17 October 2018