"

From 2014.igem.org

Revision as of 01:39, 17 October 2014 (view source) Hassanc (Talk | contribs) ← Older edit		Latest revision as of 17:30, 17 October 2014 (view source) Hassanc (Talk | contribs)
Line 172:		Line 172:
	.floatRight{		.floatRight{
	float: right;		float: right;
		+	padding: 5px;
		+	padding-right: 0;
		+	}
		+	.floatCenter{
		+	float: center;
	padding: 5px;		padding: 5px;
	padding-right: 0;		padding-right: 0;

---

Latest revision as of 17:30, 17 October 2014

body {

           background-image: url();
           background-size:100%;
           background-repeat: no-repeat;
           background-size:100% auto;
           background-attachment: fixed;
           background-top: 0px;
           width:100%;
           height:100%;
           font-family: 'Open Sans', sans-serif;
           background-color: #F2F2F2;
        }
        
        #pageWrapper {
           width: 1200px;
        }

           .headerImage {
              margin: 10px;
              clear:both;
           }

           #mainMenuBar {
              list-style:none;
              width:100%;
              float:left;
              clear:both;
              font-weight:bold;
              font-family: 'Dosis', sans-serif;
              font-size: 22px;
              background-color: #96c997;
              border-radius: 5px; /* Rounded edges on the menu box */
              padding: 5px 0;
              margin-bottom: 10px; /* Empty space under the menu bar */
           }

           #mainMenuBar li {
              padding: 15px 15px 0 0; /* The gap between menu items */
              display: inline;
              list-style: none;
              /* float:left;
              position:relative; */
           }

              #mainMenuBar a {
                 /* display:block; */
                 padding:5px;
                 text-decoration:none;
                 color: #232323;
                 -o-transition:.2s;
                 -ms-transition:.2s;
                 -moz-transition:.2s;
                 -webkit-transition:.2s;
                 transition:.2s;
              }

              #mainMenuBar a:hover {
                 text-shadow: 0px 0px 6px #94FF70;
                 text-decoration: none;
                 color: #EFFFEF;
                 -o-transition:.2s;
                 -ms-transition:.2s;
                 -moz-transition:.2s;
                 -webkit-transition:.2s;
                 transition:.2s;
               }
               
             #secondaryMenu {
              list-style:none;
              width:100%;
              float:left;
              clear:both;
              font-weight:bold;
              font-family: 'Dosis', sans-serif;
              font-size: 22px;
              background-color: #96c997;
              border-radius: 5px; /* Rounded edges on the menu box */
              padding: 5px 0;
              margin-bottom: 10px; /* Empty space under the menu bar */
             }
             
             #secondaryMenu li {
              padding: 15px 15px 0 0; /* The gap between menu items */
              display: inline;
              list-style: none;
              /* float:left;
              position:relative; */
           }

              #secondaryMenu a {
                 /* display:block; */
                 padding:5px;
                 text-decoration:none;
                 color: #232323;
                 -o-transition:.2s;
                 -ms-transition:.2s;
                 -moz-transition:.2s;
                 -webkit-transition:.2s;
                 transition:.2s;
              }

              #secondaryMenu a:hover {
                 text-shadow: 0px 0px 6px #94FF70;
                 text-decoration: none;
                 color: #EFFFEF;
                 -o-transition:.2s;
                 -ms-transition:.2s;
                 -moz-transition:.2s;
                 -webkit-transition:.2s;
                 transition:.2s;
               }
               
               li span {
                 color:red;
               }                       /* To allow for colouring of menu items when on their page */
               
           #pageContentWrapper {
              float:left;
              clear: both;
              background-color: white;
              border-radius: 5px; /* Rounded edges on the menu box */

           }
              #pageContent {
                 padding: 20px;
              }

              /* GENERAL HEADERS */
              #pageContent h1 {
                 float: left;
                 clear:both;
                 color: #232323;
                 padding: 6px 0;
                 margin-bottom: 3px;
                 text-align: left;
                 text-decoration: none;
                 font-family: 'Dosis', sans-serif;
                 border-bottom: solid 2px #232323;
              }

              /* GENERAL PARAGRAPHS */
              #pageContent p{
                 float:left;
                 /*padding: 0;
                 margin: 0;*/
                 text-align: justify;
              }
              /* GENERAL LISTS */
              #pageContent ul {

                 list-style: disc;
                 padding: 0;
                 margin: 0;
                 margin-left: 40px;
                 float: left;
                 clear: both;
                 line-height: 18px;
              }
              #pageContent li {
                 padding: 0;
                 margin: 0;
                 text-align: left;
              }

              /* GENERAL IMAGES */
              .floatLeft{
                 float: left;
                 padding: 5px;
                 padding-left: 0;
              }

              .floatRight{
                 float: right;
                 padding: 5px;
                 padding-right: 0;
              }
              .floatCenter{
                 float: center;
                 padding: 5px;
                 padding-right: 0;
              }
              
              /* Border removal */
              
              	#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   				display:none;}

#top-section { border: none; height: 0} #content { border: none;}

/* Removes "teams" from the menubar */

#menubar > ul > li:last-child {

   				display: none;
   				}
   				

/* Resizes the menubar to fix the links (default is 400px) */

#menubar {

   				width: auto;
   				}
   				
   			/* Transparency and hover functionality for menubar (so much troubleshooting!) */
   			
   			#menubar:hover {
   				background-color: #96c997;
   			}    			
   			#menubar li a:link {;
   				color: #F2F2F2;
   			}
   			#menubar li a:visited {;
   				color: #F2F2F2;
   			}
   			#menubar li a:hover {
   				color: red;
   			}
               
               #leftBoxx {
                   width: 40%;
                   float: left;
                   padding: 20px;
                   border: 20px green;
                   margin: 0;
               }
               
               #rightBoxx {
                   width: 40%;
                   float: right;
                   padding: 20px;
                   border: 20px green;
                   margin: 0;
               }