Difference between revisions of "Team:Lethbridge/CSS"

Line 4: Line 4:
 
</head>
 
</head>
 
<style>
 
<style>
−
/* FONTS - will be uploaded to iGEM server when font decision has been finalized */
+
<style>
−
/* Wiki Style Reset from 2016 U of C.  Edits have been done to change default fonts, colors, etc.  Resets the wiki style by overriding with a reset stylesheet. The relevant wiki css rules are reset by using rules with higher priority. Written by Florian Albrecht.  Shoutout to the 2016 U of C Wiki */
+
 
−
    <style type="text/css">
+
body {font-family: 'Ralway', sans-serif; background-color: #ffffff; color: darkslategrey !important;}
−
    /* Start general reset ================================================== */
+
 
−
    /* changed background-color and color */
+
/* HEADERS */
−
        html body {font-size: inherit;font-family:Arial;background-color: #ffffff !important;color: #000000;padding: 0;}
+
 
−
        div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
+
h1, h2, h3, h4, h5, h6 {color: black !important; font-family: 'Ralway', sans-serif;}
−
    /* Start top-section reset ============================================== */
+
h1 {text-align: center; font-size: 24pt}
−
        div#top-section {border: 0;height: auto;margin: 0;position: static;width: auto;}
+
h2 {text-align: left; font-size: 18pt}
−
        div#p-logo {height: auto;position: static;width: auto;z-index: auto;}
+
h3 {text-align: left; font-size: 16pt}
−
        div#p-logo a, div#p-logo a:hover {text-decoration: none; font-family: 'Arial', sans-serif;}
+
h4 {text-align: left; font-size: 14pt}
−
        div#menubar {font-family: inherit;font-size: inherit;line-height: inherit;position: static;top: 0px;white-space: normal;width: auto;z-index: auto;}
+
h5 {text-align: left; font-size: 12pt}
−
        div.left-menu, div.left-menu a {color: inherit;left: 0;text-align: left;text-transform: none;font-family: 'Arial', sans-serif;}
+
h6 {text-align: center; font-size: 10pt}
−
        div#menubar ul {color: inherit;list-style: disc outside none;margin: 0;padding: 0; font-family: 'Arial', sans-serif;}
+
 
−
        div#menubar li {cursor: auto;display: list-item;padding: 0;margin: 0;position: static; font-family: 'Arial', sans-serif;}
+
/* INLINE BLOCK - div percentage width and alignment */
−
        div.left-menu li a {padding: 0; font-family: 'Arial', sans-serif;}
+
#div60mid {width: 60%; vertical-align:middle;}
−
        div.left-menu:hover {color: inherit;background-color: transparent;}
+
#div50mid {width: 50%; vertical-align:middle;}
−
        div.left-menu:hover a {color: inherit;font-family: 'Arial', sans-serif;}
+
#div40mid {width: 40%; vertical-align:middle;}
−
        div.right-menu, div.right-menu a {color: inherit;right: 0;text-align: left;font-family: 'Arial', sans-serif;}
+
#div30mid {width: 30%; vertical-align:middle;}
−
        div.right-menu li a {background-color: transparent;color: inherit;padding: 0;font-family: 'Arial', sans-serif;}
+
#div25mid {width: 25%; vertical-align:middle;}
−
        div.right-menu li a:hover {color: inherit;text-decoration: none;font-family: 'Arial', sans-serif;}
+
#div20mid {width: 20%; vertical-align:middle;}
−
        div#search-controls {background-color: transparent;height: auto;position: static;right: 0;text-align: left;top: 0;width: auto;z-index: auto;}
+
 
−
    /* Start content reset ================================================== */
+
#div60bot {width: 60%; vertical-align:bottom;}
−
        div#content {background: transparent;border: 0;color: inherit;line-height: inherit;margin: 0;padding: 0;position: static;width: auto;z-index: auto;}
+
#div50bot {width: 50%; vertical-align:bottom;}
−
        a:link, a:hover, a:active, a:visited{color: white; text-decoration: none;font-family: 'Arial', sans-serif;}
+
#div40bot {width: 40%; vertical-align:bottom;}
−
        body li {margin: 0; font-family: 'Arial', sans-serif;}
+
#div30bot {width: 30%; vertical-align:bottom;}
−
        body h1, body h2, body h3, body h4, body h5, body h6 {background: transparent;border: 0;color: inherit;padding: 0; font-family: 'Arial', sans-serif;}
+
#div25bot {width: 25%; vertical-align:bottom;}
−
        body .firstHeading {margin: 0;}
+
#div20bot {width: 20%; vertical-align:bottom;}
−
        div#contentSub {color: inherit;font-size: inherit;line-height: inherit;margin: 0;width: auto;}
+
 
−
        div#catlinks {background-color: transparent;border: 0;clear: both;margin: 0;padding: 0;}
+
#div60top {width: 60%; vertical-align:top;}
−
    /* Start footer reset =================================================== */
+
#div50top {width: 50%; vertical-align:top;}
−
        div#footer-box {background-color: transparent;border: 0;margin: 0;padding: 0;width: auto;}
+
#div40top {width: 40%; vertical-align:top;}
−
        div#footer {color: inherit;font-size: inherit;text-align: left;}
+
#div30top {width: 30%; vertical-align:top;}
−
        div#f-poweredbyico, div#f-copyrightico {float: none;}
+
#div25top {width: 25%; vertical-align:top;}
−
        div#footer li {margin: 0;display: list-item; font-family: 'Arial', sans-serif;}
+
#div20top {width: 20%; vertical-align:top;}
−
    /* Reset template additions for 2018 */
+
 
−
        div#top_title {visibility: hidden;}
+
/* font size */
 +
.10f {font-size: calc(10px + 0.45vw) !important; line-height: calc (1.1em + 0.45vw) !important;}
 +
.12f {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
.14f {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
.16f {font-size: calc(16px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
.18f {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
.22f {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
.26f {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
.34f {font-size: calc(34px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
 
 +
/* alignment, weight, and style */
 +
#left {text-align: left !important; font-weight: normal;}
 +
#left-bold {text-align: left !important; font-weight: bold;}
 +
#left-italic {text-align: left !important; font-style: italic;}
 +
#left-bold-italic {text-align: left !important; font-weight: bold; font-style: italic;}
 +
#left-italic-bold {text-align: left !important; font-weight: bold; font-style: italic;}
 +
 
 +
#center {text-align: center !important; font-weight: normal;}
 +
#center-bold {text-align: center !important; font-weight: bold;}
 +
#center-italic {text-align: center !important; font-style: italic;}
 +
#center-bold-italic {text-align: center !important; font-weight: bold; font-style: italic;}
 +
#center-italic-bold {text-align: center !important; font-weight: bold; font-style: italic;}
 +
 
 +
#right {text-align: right !important; font-weight: normal;}
 +
#right-bold {text-align: right !important; font-weight: bold;}
 +
#right-italic {text-align: right !important; font-style: italic;}
 +
#right-bold-italic {text-align: right !important; font-weight: bold; font-style: italic;}
 +
#right-italic-bold {text-align: right !important; font-weight: bold; font-style: italic;}
 +
 
 +
#justify {text-align: justify !important; font-weight: normal;}
 +
#justify-bold {text-align: justify !important; font-weight: bold;}
 +
#justify-italic {text-align: justify !important; font-style: italic;}
 +
#justify-bold-italic {text-align: justify !important; font-weight: bold; font-style: italic;}
 +
#justify-italic-bold {text-align: justify !important; font-weight: bold; font-style: italic;}
 +
 
 +
/* list formatting */
 +
li {width: 99%;}
 +
 
 +
/* link referencing */
 +
a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;}
 +
a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;}
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 20:26, 28 June 2018