Difference between revisions of "Template:WPI Worcester"

 
(32 intermediate revisions by the same user not shown)
Line 73: Line 73:
 
   padding:0.05em;
 
   padding:0.05em;
 
   color: #86c6e7;
 
   color: #86c6e7;
 +
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
  font-family: "Nunito Bold", Helvetica, sans-serif !important;
 
}
 
}
  
 
h1 {
 
h1 {
−
   font-family: "Fredoka One", Helvetica, sans-serif;
+
   text-align: center;
 +
  color: #609737;
 
}
 
}
  
 +
h2 {
 +
  color: #2f5668;
 +
  margin-bottom: 1rem;
 +
}
  
−
h2, h3, h4, h5, h6 {
+
h3 {
−
   font-family: "Nunito Bold", Helvetica, sans-serif;
+
  color: #1687C2;
 +
   font-style: italic;
 +
  margin-bottom: 0;
 
}
 
}
  
 
/* All CLASSES defined here */
 
/* All CLASSES defined here */
 +
 +
.centered {
 +
  text-align: center;
 +
}
  
 
.greentext {
 
.greentext {
 
   color: #72b045;
 
   color: #72b045;
 +
}
 +
 +
.bluetext {
 +
  color: #86c6e7;
 +
}
 +
 +
.midbluetext {
 +
  color: #1687C2;
 
}
 
}
  
Line 175: Line 198:
 
   position: fixed;
 
   position: fixed;
 
   background-color: white;
 
   background-color: white;
−
   background-image: linear-gradient(135deg, white 30%, #86c6e7 30%);
+
   background-image: linear-gradient(135deg, white 35%, #86c6e7 35%);
 
   font-family: "Fredoka One", Helvetica, sans-serif;
 
   font-family: "Fredoka One", Helvetica, sans-serif;
 
   font-size: 2em;
 
   font-size: 2em;
 
   line-height: 1em;
 
   line-height: 1em;
 +
  z-index: 100;
 
}
 
}
  
Line 203: Line 227:
 
   margin: 4em auto;
 
   margin: 4em auto;
 
   padding: 1em;
 
   padding: 1em;
 +
  overflow: auto;
 
}
 
}
  
−
#main_content > div {
+
#main_content div {
 
   background-color: #2f5668;
 
   background-color: #2f5668;
 
   background-color: rgba(255, 255, 255, 0.7);
 
   background-color: rgba(255, 255, 255, 0.7);
−
   padding: 2em;
+
  margin: 1em;
 +
   padding: 1em;
 
}
 
}
  
 
#main_content a {
 
#main_content a {
−
color: #5bc7d8;
+
  color: #1687C2;
−
font-weight: bold;  
+
}
−
text-decoration: underline;
+
 
−
text-decoration-color:#5bc7d8;
+
#main_content a:hover {
−
transition: all 0.4s ease;
+
  color: #72b045;
−
-webkit-transition: all 0.4s ease;
+
}
−
-moz-transition: all 0.4s ease;  
+
 
−
-ms-transition: all 0.4s ease;  
+
#main_content a:active {
−
-o-transition: all 0.4s ease;  
+
  color: #609737;
 +
}
 +
 
 +
#main_content a:visited {
 +
  color: #609737;
 +
}
 +
 
 +
#main_content img {
 +
  margin: 1em;
 +
}
 +
 
 +
#main_content ol {
 +
  list-style-type: disc;
 +
}
 +
 
 +
#main_content p {
 +
  font-size: .8em;
 +
  text-align: left;
 +
}
 +
 
 +
#main_content p.centered {
 +
  text-align: center;
 +
}
 +
 
 +
#main_content li {
 +
  font-size: .8em;
 
}
 
}
  
Line 247: Line 298:
 
   border-color: #2f5668;
 
   border-color: #2f5668;
 
   border-color: rgba(183, 243, 241, 0.3);
 
   border-color: rgba(183, 243, 241, 0.3);
−
   font-family: "Nunito", sans-serif;
+
   font-family: "Nunito Bold", sans-serif;
 +
}
 +
 
 +
#menu_list > li > a, #menu_list > li > button {
 +
  font-family: "Nunito Bold", sans-serif;
 
}
 
}
  
Line 285: Line 340:
 
       toggleMenu();
 
       toggleMenu();
 
   }
 
   }
−
   $("#main_content").find("a").removeCase("text");
+
 
−
   $("#main_content").find("a").removeCase("external");
+
   $("#main_content").find("a").removeClass("text");
 +
   $("#main_content").find("a").removeClass("external");
 +
  // wasn't sure how else to remove the external link symbol
 
}
 
}
 +
 +
$( window ).load(pageSetup());
  
 
function toggleMenu(){
 
function toggleMenu(){
Line 322: Line 381:
  
  
−
<body onload="pageSetup()">
+
<body>
 
<div id="header">
 
<div id="header">
 
   <a id="header_link" href="https://2018.igem.org/Team:WPI_Worcester"><img id="header_logo" src="https://static.igem.org/mediawiki/2018/e/ed/T--WPI_Worcester--logo.svg"/>
 
   <a id="header_link" href="https://2018.igem.org/Team:WPI_Worcester"><img id="header_logo" src="https://static.igem.org/mediawiki/2018/e/ed/T--WPI_Worcester--logo.svg"/>

Latest revision as of 02:08, 18 October 2018