Team:St Andrews/Template:StyleOverride

From 2012.igem.org

(Difference between revisions)
(Menubar fixes)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
-
/*iGEM override. By http://www.jasonfweb.com/*/
+
/*iGEM override. Inspired by http://www.jasonfweb.com/*/
#content{
#content{
-
    position: relative;
+
position: relative;
-
    width: 95%;
+
width: 100%;
-
    margin: 3%;
+
margin: 0;
-
    padding:0;
+
padding:0;
-
    background: transparent;
+
background: transparent;
-
    color: #353535;
+
color: #353535;
-
    border-left: none;
+
border-left: none;
-
    border-right: none;
+
border-right: none;
-
    line-height: inherit;
+
line-height: inherit;
-
    z-index: 2;
+
z-index: 2;
}
}
#globalWrapper {
#globalWrapper {
-
    position: relative;
+
position: relative;
-
    font-size: 100%;
+
font-size: 100%;
-
    width: 100%;
+
width: 100%;
-
    margin: 0;
+
margin: 0;
-
    padding: 0;
+
padding: 0;
}
}
a:visited {
a:visited {
-
    color: grey;
+
color: grey;
-
    text-decoration: none;
+
text-decoration: none;
}
}
a:hover {
a:hover {
-
    text-decoration: none;
+
text-decoration: none;
}
}
#bodyContent a[href^="https://"], .link-https {
#bodyContent a[href^="https://"], .link-https {
-
    background-image: none;
+
background-image: none;
-
    padding-right: 0;
+
padding-right: 0;
}
}
#bodyContent a[href^="https://"] .facebook:hover, .link-https .facebook:hover {
#bodyContent a[href^="https://"] .facebook:hover, .link-https .facebook:hover {
-
    background-color: rgba(19,84,238,0.5);
+
background-color: rgba(19,84,238,0.5);
-
    color: white;
+
color: white;
}
}
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
-
    margin: 0;
+
margin: 0;
-
    padding: 0;
+
padding: 0;
-
    border-bottom: none;}
+
border-bottom: none;}
-
   
+
-
hr {
+
-
    margin: 0;
+
-
    border: 0;
+
-
    border-top: 0px solid #EEE;
+
-
    border-bottom: 0px solid white;
+
-
    background-color: #FFFFFF;
+
-
}
+
#bodyContent h1, #bodyContent h2 {
#bodyContent h1, #bodyContent h2 {
-
    margin-bottom: 0;
+
margin-bottom: 0;
-
    font-weight: bold;
+
font-weight: bold;
}
}
#bodyContent h2 {
#bodyContent h2 {
-
    margin-bottom: 10px;
+
margin-bottom: 10px;
}
}
#bodyContent h3 {
#bodyContent h3 {
-
    margin-bottom: 0px;
+
margin-bottom: 0px;
}
}
-
.firstHeading, /*#top-section,*/ #catlinks {
+
.firstHeading, #top-section, #catlinks {
-
    display: none;
+
display: none;
-
}
+
-
 
+
-
#top-section {
+
-
    border: 0;
+
-
    height: 0;
+
-
    width: auto;
+
}
}
#footer-box{
#footer-box{
-
    display: none;
+
display: none;
}
}
.originaltopbar {
.originaltopbar {
-
    position: absolute;
+
position: absolute;
-
    top: -20px;
+
top: -20px;
-
    text-align: center;
+
text-align: center;
-
    font-size: 11px;
+
font-size: 11px;
-
    z-index: 100;
+
z-index: 100;
-
    display: none;
+
display: none;
}
}
.originaltopbar ul li {
.originaltopbar ul li {
-
    list-style: none;
+
list-style: none;
-
    display: inline;
+
display: inline;
-
    margin-right: 8px;
+
margin-right: 0px;
}
}
 +
body {
 +
    padding-top: 40px;}
-
hr.soften {
+
hr.soften {
-
   height: 1px;
+
   height: 1px;
   margin: 54px 0;
   margin: 54px 0;
-
   background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
   background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
-
   background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
   background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
-
   background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
   background-image:   -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
-
   background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
   background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
-
   border: 0;
+
   border: 0;
 +
  background-color: #FFF;
}
}
-
 
-
/* This may blow up */
 
-
 
-
/* Removes "teams" from the menubar */
 
-
#menubar > ul > li:last-child {
 
-
    display: none;}
 
-
/* Resizes the menubar to fik the links (default is 400px) */
 
-
#menubar {
 
-
    width: auto;
 
-
    position: absolute;
 
-
    top: -40px;
 
-
    z-index: 1;}
 
-
 
-
body {
 
-
    padding-top: 40px;}
 

Latest revision as of 10:24, 6 June 2012

/*iGEM override. Inspired by http://www.jasonfweb.com/*/

  1. content{

position: relative; width: 100%; margin: 0; padding:0; background: transparent; color: #353535; border-left: none; border-right: none; line-height: inherit; z-index: 2; }

  1. globalWrapper {

position: relative; font-size: 100%; width: 100%; margin: 0; padding: 0; }

a:visited { color: grey; text-decoration: none; }

a:hover { text-decoration: none; }

  1. bodyContent a[href^="https://"], .link-https {

background-image: none; padding-right: 0; }

  1. bodyContent a[href^="https://"] .facebook:hover, .link-https .facebook:hover {

background-color: rgba(19,84,238,0.5); color: white;

}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border-bottom: none;}

  1. bodyContent h1, #bodyContent h2 {

margin-bottom: 0; font-weight: bold; }

  1. bodyContent h2 {

margin-bottom: 10px; }

  1. bodyContent h3 {

margin-bottom: 0px; }

.firstHeading, #top-section, #catlinks { display: none; }

  1. footer-box{

display: none; }

.originaltopbar { position: absolute; top: -20px; text-align: center; font-size: 11px; z-index: 100; display: none; }

.originaltopbar ul li { list-style: none; display: inline; margin-right: 0px; } body {

   padding-top: 40px;}

hr.soften {

 height: 1px;	
 margin: 54px 0;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));	
 background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));	
 background-image:    -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));	
 background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));	
 border: 0;	
 background-color: #FFF;

}