Difference between revisions of "Template:2015Top"

 
(41 intermediate revisions by 2 users not shown)
Line 77: Line 77:
 
width: 180px;
 
width: 180px;
 
float: left;
 
float: left;
−
height:2250px;
+
height:1950px;
 
padding-top:5px;
 
padding-top:5px;
 
}
 
}
Line 182: Line 182:
 
background-color:#c1dfa6;
 
background-color:#c1dfa6;
 
}
 
}
 +
 +
 +
 +
  
  
Line 190: Line 194:
 
/*Container for the iGEM logo, top left corner*/
 
/*Container for the iGEM logo, top left corner*/
 
     #igemLogo {
 
     #igemLogo {
−
         width: 190px;
+
         width: 160px;
 
         float:left;  
 
         float:left;  
 
         text-align:center;
 
         text-align:center;
Line 196: Line 200:
 
         margin-top:10px;
 
         margin-top:10px;
 
         height:80px;
 
         height:80px;
 +
        position:fixed;
 +
display:initial;
 
     }
 
     }
  
Line 208: Line 214:
 
     #pageTitle {
 
     #pageTitle {
 
         width: 730px;
 
         width: 730px;
−
         float: left;
+
         float: none;
 
         padding: 5px 10px 0px 10px;
 
         padding: 5px 10px 0px 10px;
 
         height:80px;
 
         height:80px;
 
         margin-top:10px;
 
         margin-top:10px;
 +
margin-left:180px;
 +
 
       }
 
       }
 
        
 
        
Line 222: Line 230:
 
/*Gray lines that dives the top of the page and clears */
 
/*Gray lines that dives the top of the page and clears */
 
       #grayLine_Clear {
 
       #grayLine_Clear {
−
        width: 960px;
 
 
         height: 1px;  
 
         height: 1px;  
 
         background-color: #ccc;  
 
         background-color: #ccc;  
 
         margin:auto;
 
         margin:auto;
 
clear:both;
 
clear:both;
 +
        margin-left:180px;
 +
        width: 800px;
 
       }
 
       }
  
Line 236: Line 245:
 
background-color: #ffffff;
 
background-color: #ffffff;
 
margin-bottom: 5px;
 
margin-bottom: 5px;
−
padding: 5px 20px 5px 20px;
+
padding: 0px 20px 0px 20px;
 +
padding-bottom: 80px;
 +
padding-top: 30px;
 
}
 
}
 +
  
  
 
/* For pages with submenus, creates the right column of the page*/
 
/* For pages with submenus, creates the right column of the page*/
 
#rightColumn {
 
#rightColumn {
−
width: 770px;
+
margin-left:180px;
−
float: left;
+
padding:0px;
−
padding: 25px 15px 5px 15px;
+
margin-top: 10px;
 +
float:right;
 +
width:800px;
 +
padding-bottom: 50px;
 +
padding-top: 10px;
 
}
 
}
  
Line 253: Line 269:
 
width: 160px;
 
width: 160px;
 
float: left;
 
float: left;
−
padding: 25px 10px 5px 10px;
+
background-color: #f2f2f2;
−
margin-top: 0px;
+
padding: 0px;
 +
position: fixed;
 +
height: 100vh;
 +
margin:0px;
 +
padding-top:-1px;
 +
display:initial;
 
}
 
}
  
Line 264: Line 285:
 
font-size: 13px;
 
font-size: 13px;
 
color: #434343;
 
color: #434343;
 +
}
 +
 +
#leftColumn li .sidemenu_below {
 +
font-weight: normal;
 +
font-style: italic;
 +
font-size: smaller;
 +
text-align: right;
 +
margin-right: 2em;
 
}
 
}
  
Line 269: Line 298:
 
padding-left: 10px;
 
padding-left: 10px;
 
margin-left: -19px;
 
margin-left: -19px;
−
padding-top:4px;
 
 
padding-bottom: 4px;
 
padding-bottom: 4px;
 
margin-bottom: -1px;
 
margin-bottom: -1px;
Line 303: Line 331:
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
 +
 +
 +
#contentWrap a h3{
 +
position:relative;
 +
top: -50px;
 +
}
  
 
/* Styling links on hover- links are different in menu divs */
 
/* Styling links on hover- links are different in menu divs */
Line 362: Line 396:
 
vertical-align: text-top;
 
vertical-align: text-top;
 
}
 
}
 +
 +
 +
 +
 +
/* styling for all the headers in all the pages */
 +
#rightColumn h2{
 +
background-color: #ccc;
 +
padding-left: 10px;
 +
margin-top:10px;
 +
}
 +
  
  
Line 409: Line 454:
 
     }
 
     }
  
 +
 +
 +
 +
li.menusubtopic {
 +
background-color:#ccc;
 +
font-weight:bold;
 +
}
  
 
/*Class for text that needs to be highlighted, used in span tag */
 
/*Class for text that needs to be highlighted, used in span tag */
Line 579: Line 631:
 
}
 
}
  
 +
.twoColumns_div {
 +
width: 48%;
 +
float:left;
 +
padding:5px;
 +
}
  
−
</style>
 
  
 +
.threeColumns_div {
 +
width: 31%;
 +
float:left;
 +
padding:5px;
 +
}
  
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
  
 +
.Alumni_Menu{
 +
float:left;
 +
width: 100px;
 +
margin-top:50px;
 +
height: 25px;
  
−
// Places first heading on top part of the page, inside a h1(#placeHeading) in #pageTitle
+
/*animate transition */
−
$('.firstHeading').prependTo('#placeHeading');
+
-webkit-transition: background 0.2s linear;
 +
-moz-transition: background 0.2s linear;
 +
-ms-transition: background 0.2s linear;
 +
-o-transition: background 0.2s linear;
 +
transition: background 0.2s linear;
 +
}
 +
 
 +
 
 +
 
 +
</style>
  
−
// Attaches a hover script to every item with the class 'pop_why'
 
−
$('.pop_why').hover(
 
−
        function() {
 
−
                      // Does the pop_why need to be installed?
 
−
                if ( ! $(this).children('.pop_why_div').length ) {
 
−
                        $(this).append("<DIV class='pop_why_div' style='display:block'>Loading...</div>");
 
−
                              $(this).find('.pop_why_div').load( $(this).attr("data-poptitle") + '?action=raw' );
 
−
                }
 
−
                var foo = $(this).find('.pop_why_div').show();
 
−
        } ,
 
−
        function() {
 
−
                $(this).find('.pop_why_div').clearQueue();
 
−
        $(this).find('.pop_why_div').hide();
 
−
                $(this).find('.pop_why_div').clearQueue();
 
−
                $(this).find('.pop_why_div').hide();
 
−
}
 
−
        );
 
  
−
});
 
−
</script>
 
  
  

Latest revision as of 15:56, 9 July 2015