Template:MIT E Template

From 2012e.igem.org

(Difference between revisions)
(Replaced content with "{{Bootstrap}} <html> <style type="text/css"> #top-section{ height: auto; width: 1000px; border: 0px; padding: 0px; margin-bottom: 0px; } #search-controls { display:...")
 
(31 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<style type="text/css">
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Inconsolata">
 +
 
 +
<style type="text/css">  
 +
 
 +
/* -------- iGEM Wiki Style Resets --------- */
 +
 
 +
#globalWrapper {
 +
  font-size: 100%;
 +
}
 +
 
#top-section{
#top-section{
-
height: auto;
+
  height: auto;
-
width: 1000px;
+
  width: 1000px;
-
border: 0px;
+
  border: 0px;
-
padding: 0px;
+
  padding: 0px;
-
margin-bottom: 0px;
+
  margin-bottom: 0px;
 +
  margin-top: 10px;
 +
  font-size: 14px;
}
}
#search-controls {
#search-controls {
-
    display: none;
+
  display: none;
}
}
.firstHeading {
.firstHeading {
-
    display: none;
+
  display: none;
}
}
-
 
#p-logo {
#p-logo {
-
    display: none;
+
  display: none;
}
}
 +
#footer-box {
 +
  border:none;
 +
}
 +
#footer {
 +
  font-size: 12px;
 +
}
 +
ul#f-list {
 +
  margin: 0;
 +
}
 +
#f-list > li > a {
 +
  color: #aaa;
 +
}
 +
#catlinks {
 +
  display: none;
 +
}
 +
#content {
 +
  border: none;
 +
}
 +
.right-menu li a {
 +
  background-color: inherit;
 +
  color: #aaa;
 +
}
 +
.left-menu, .left-menu:hover, .left-menu a, .left-menu:hover a {
 +
  background-color: inherit !important;
 +
  color: #aaa;
 +
}
 +
#f-poweredbyico { display: none; }
 +
#f-copyrightico { display: none; }
 +
 +
 +
/* -------- Padding Hacks --------- */
 +
.mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr40 { margin-left: 215px; } .mt0 { margin-top: 0; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mb0 { margin-bottom: 0; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .p0 { padding: 0; } .pt0 { padding-top: 0; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pb0 { padding-bottom: 0; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; }
 +
 +
 +
/* -------- Custom Styles --------- */
 +
 +
body {
 +
  font-family: 'Open Sans', Arial, sans-serif
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
  font-weight: 600;
 +
  border: none;
 +
}
 +
p {
 +
  font-size: 13px;
 +
}
 +
p.large {
 +
  font-size: 14px;
 +
}
 +
hr {
 +
  background-color: transparent;
 +
}
 +
small, .small {
 +
  font-size: 11px;
 +
}
 +
 +
button,
 +
.btn {
 +
  font-family: 'Open Sans', Arial, sans-serif;
 +
  font-weight: 600;
 +
}
 +
.btn:focus {
 +
  outline: none;
 +
}
 +
.btn-blue,
 +
.btn-blue:active,
 +
.btn-blue:visited,
 +
.btn-blue:hover {
 +
  background: transparent;
 +
  background-image: -webkit-gradient(linear, left top, left bottom, from(#26bee0), to(#1f77bf));
 +
  background-image: -moz-linear-gradient(top, #26bee0, #1f77bf);
 +
  border-color: #0f626c;
 +
  color: #fff;
 +
  font-weight: bold;
 +
  text-shadow: rgba(0,0,0,0.75) 0 1px 1px;
 +
}
 +
.btn-blue:active {
 +
  background: #1f77bf;
 +
}
 +
.btn-light-blue {
 +
  background: transparent;
 +
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eee));
 +
  background-image: -moz-linear-gradient(top, #fcfcfc, #eee);
 +
  font-size: 12px;
 +
  font-weight: 600;
 +
  text-shadow: none;
 +
}
 +
.btn-light-blue:hover,
 +
.btn-light-blue:active,
 +
.btn-light-blue.hover {
 +
  background: transparent;
 +
  background-image: -webkit-gradient(linear, left top, left bottom, from(#edf8fa), to(#c2e8ed));
 +
  background-image: -moz-linear-gradient(top, #edf8fa, #c2e8ed);
 +
  color: #1f77bf;
 +
  font-size: 12px;
 +
  font-weight: 600;
 +
  text-shadow: rgba(255,255,255,0.75) 0 1px 1px;
 +
}
 +
.btn-tall {
 +
  font-size: 18px;
 +
  height: 50px;
 +
}
 +
.btn-tiny {
 +
  height: 16px;
 +
  padding: 0 2px;
 +
  margin-top: 2px;
 +
}
 +
#header ul.nav > li > a {
 +
  color: #000;
 +
  font-weight: 600;
 +
  font-size: 14px;
 +
  margin: 10px 15px 10px;
 +
  padding: 0;
 +
}
 +
#header ul.nav > li > a:hover {
 +
  color: #1F77BF;
 +
}
 +
-
a:visited { color: #fff; }
 
</style>
</style>
</html>
</html>

Latest revision as of 00:20, 27 October 2012