Difference between revisions of "Template:Lethbridge/css"

 
(11 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=Permanent+Marker" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Lato" 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 33: Line 29:
 
div#top_title {/*visibility: hidden;*/ display: none;}
 
div#top_title {/*visibility: hidden;*/ display: none;}
  
body {background-color: white; background-image: url(https://static.igem.org/mediawiki/2018/c/c0/T--Lethbridge--backgroundTexture.jpg)}
+
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 */
 
/* Background cardboard texture designed by kues1@Freepik */
  
Line 43: Line 40:
 
h1 {text-align: center; font-size: 24pt}
 
h1 {text-align: center; font-size: 24pt}
 
h2 {text-align: left; margin-left: 2em;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 71: 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 111: 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;}
p a {color: black !important;}
+
.content p a {color: darkslategrey !important; text-decoration: underline !important;}
  
 
/* WIKI & HTML CONFLICT WORKAROUNDS */
 
/* WIKI & HTML CONFLICT WORKAROUNDS */

Latest revision as of 19:57, 17 October 2018