Team:NRP-UEA-Norwich/Test/css

From 2013.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 10: Line 10:
background: #1b1b1b;
background: #1b1b1b;
padding-bottom: 3px;
padding-bottom: 3px;
-
font-family: 'Open Sans', sans-serif;
+
font-family: Verdana, 'Open Sans', sans-serif;
-
font-weight: 600;
+
font-weight: 590;
         border-radius: 7px;
         border-radius: 7px;
Line 71: Line 71:
display: block;
display: block;
color: white;
color: white;
-
font-size: 13px;
+
font-size: 12px;
text-decoration: none;
text-decoration: none;
text-transform: uppercase;
text-transform: uppercase;
Line 100: Line 100:
#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{
#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{
-
background: url(https://static.igem.org/mediawiki/2013/f/f7/Hover.png) repeat;
+
background: url(https://static.igem.org/mediawiki/2013/8/86/ActiveUEA_Button.png) repeat;
          
          
          
          
Line 177: Line 177:
border-left: 4px solid #b30e0e;
border-left: 4px solid #b30e0e;
-
background: url(https://static.igem.org/mediawiki/2013/f/f7/Hover.png) repeat;
+
background: url(https://static.igem.org/mediawiki/2013/8/86/ActiveUEA_Button.png) repeat;
          
          
Line 304: Line 304:
}
}
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
/*
 
-
Generated via www.cssmenubuilder.com
 
-
 
-
Copyright (c) 2008-2013 www.cssmenubuilder.com
 
-
 
-
Permission is hereby granted, free of charge, to any person
 
-
obtaining a copy of this software and associated documentation
 
-
files (the "Software"), to deal in the Software without
 
-
restriction, including without limitation the rights to use,
 
-
copy, modify, merge, publish, distribute, sublicense, and/or sell
 
-
copies of the Software, and to permit persons to whom the
 
-
Software is furnished to do so, subject to the following
 
-
conditions:
 
-
 
-
The above copyright notice and this permission notice shall be
 
-
included in all copies or substantial portions of the Software.
 
-
 
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 
-
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 
-
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 
-
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 
-
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 
-
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 
-
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 
-
OTHER DEALINGS IN THE SOFTWARE.
 
-
*/
 
-
 
-
.menu{margin:0; padding:0; width:150px; list-style:none;background:rgb(240,232,232);}
 
-
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
 
-
.menu li a{text-align:center;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('https://static.igem.org/mediawiki/2013/6/68/VerMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;}
 
-
.menu li a:hover{background:url('https://static.igem.org/mediawiki/2013/6/68/VerMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
 
-
.menu li a.active, .menu li a.active:hover{background:url('../images/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
 
-
.menu li a span{line-height:40px;}
 

Latest revision as of 10:20, 2 October 2013

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);



/* Menu CSS */

  1. cssmenu, #cssmenu > ul{

background: #1b1b1b; padding-bottom: 3px; font-family: Verdana, 'Open Sans', sans-serif; font-weight: 590;

       border-radius: 7px;



}

  1. cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

content: ; display: table;

}


  1. cssmenu:after, #cssmenu > ul:after {

clear: both;

}

  1. cssmenu {

zoom:1;

}

  1. cssmenu > ul{

background: url(Menu-bg.png) repeat; margin: 0; padding: 0;

       position: relative;
       border-radius: 7px;
       
       

}

  1. cssmenu > ul li{

margin: 0; padding: 0; list-style: none;

}

  1. cssmenu > ul > li{

float: left; position: relative;

}

  1. cssmenu > ul > li > a{

padding: 23px 26px; display: block; color: white; font-size: 12px; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #0d0d0d; text-shadow: 0 -1px 0 rgba(0, 0, 0, .70); line-height: 18px;

}


  1. cssmenu > ul > li:hover > a{

background: url(Menu-bg11.png) repeat; text-shadow: 0 -1px 0 #97321f; text-shadow: 0 -1px 0 rgba(122, 42, 26, .64);



}

  1. cssmenu > ul > li > a > span{

line-height: 15px;

}

  1. cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{

background: url(ActiveUEA_Button.png) repeat;


}


/* Childs */

  1. cssmenu > ul ul{

opacity: 0; visibility: hidden; position: absolute; top: 120px; background: url(Menu-bg.png) repeat; margin: 0; padding: 0; z-index: -1;


}

  1. cssmenu > ul li:hover ul{

opacity: 1; visibility: visible; margin: 0; color: #000; z-index: 2; top:64px; left: 0;

}

  1. cssmenu > ul ul:before{

content: ; position: absolute; top: -10px; width: 100%; height: 20px; background: transparent;

}


  1. cssmenu > ul ul li{

list-style: none; padding: 0; margin: 0; width: 100%;

}

  1. cssmenu > ul ul li a{

padding: 18px 26px; display: block; color: white; font-size: 13px; text-decoration: none; text-transform: uppercase; width: 150px; border-left: 4px solid transparent; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition: all .35s ease-in-out;

}

  1. cssmenu > ul ul li a:hover{

border-left: 4px solid #b30e0e; background: url(ActiveUEA_Button.png) repeat;


}

  1. cssmenu > ul ul li a:active{

background: url(Menu-bg.png) repeat;


}


















@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

/*body {background-image: linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -o-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);

background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.28, rgb(219,219,219)), color-stop(0.71, rgb(143,143,143)) ); }

  • /

body {

background: url('https://static.igem.org/mediawiki/2013/2/2f/Dirt.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } h1.firstHeading {

visibility:hidden; }

  1. center {

text-align:center;

}

  1. p-logo {
   visibility:hidden;

}

  1. searchform {
   visibility:hidden;

}


  1. top-section{

border:none; margin-bottom: -85px; }

  1. catlinks{

border:none; display:none; }

  1. content {padding:0px; width: 975px; border:none; background: none;}


  1. footer-box {

position:absolute; background:none; border:none; }


.content-wrap {

       position:absolute;
       left:50px;
       top:700px;

width: 291px;

       height: 54px;

margin: 0 auto; display:block; clear:both; margin-top: 0px; background: #f0e8e8; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 10px;

}