Template:Team:HokkaidoU Japan/LargeDropDown/CSS

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
                 color:#000;
                 color:#000;
             }
             }
-
            .box{
+
.box{
-
                height:30px;
+
    margin-top:-1px;
-
width:100%;
+
    width:100%;
-
                position:relative;
+
    position:relative;
-
            }
+
    background-color:#000;
-
            .box h2{
+
}
-
color:#f0f0f0;
+
.box h2{
-
padding:40px 10px;
+
color:#f0f0f0;
-
text-shadow:1px 1px 1px #ccc;
+
padding:40px 10px;
-
            }
+
text-shadow:1px 1px 1px #ccc;
 +
}
 +
 
#box-wrapper {
#box-wrapper {
     width:960px;
     width:960px;
-
     height:20px;
+
     height:50px;
     margin: 0 auto;
     margin: 0 auto;
     text-align:center;
     text-align:center;
-
   
 
}
}
 +
.ldd_menu{
.ldd_menu{
margin:0 auto;
margin:0 auto;
padding:0;
padding:0;
display:block;
display:block;
-
height:38px;
+
height:50px;
background-color:transparent;
background-color:transparent;
list-style:none;
list-style:none;
-
font-family:"Trebuchet MS", sans-serif;
+
font-family: 'Special Elite', cursive;
/*border-top:1px solid #EF593B;
/*border-top:1px solid #EF593B;
border-bottom:1px solid #EF593B;
border-bottom:1px solid #EF593B;
Line 48: Line 50:
-webkit-box-shadow:0px 3px 4px #591E12;
-webkit-box-shadow:0px 3px 4px #591E12;
-box-shadow:0px 3px 4px #591E12;*/
-box-shadow:0px 3px 4px #591E12;*/
-
         width:560px;
+
         width:553px;
-
        float:right;
+
-
        margin-top:4px;
+
}
}
Line 65: Line 65:
color:#fff;
color:#fff;
background-color:transparent;
background-color:transparent;
-
height:39px;
+
height:49px;
-
line-height:19px;
+
line-height:20px;
cursor:default;
cursor:default;
-
padding:0;
+
padding:5px;
/*text-shadow:0px 0px 1px #fff;
/*text-shadow:0px 0px 1px #fff;
border-right:1px solid #DF7B61;
border-right:1px solid #DF7B61;
Line 77: Line 77:
.ldd_menu .ldd_submenu{
.ldd_menu .ldd_submenu{
position:absolute;
position:absolute;
-
top:39px;
+
top:49px;
width:650px;
width:650px;
display:none;
display:none;
left:0px;
left:0px;
font-size:20px;
font-size:20px;
-
background: #81E27C;
+
background: #F13C3C;
-
/*border-top:1px solid #EF593B;
+
/*border-top:1px solid #EF593B;*/
-moz-box-shadow:0px 3px 4px #591E12 inset;
-moz-box-shadow:0px 3px 4px #591E12 inset;
-webkit-box-shadow:0px 3px 4px #591E12 inset;
-webkit-box-shadow:0px 3px 4px #591E12 inset;
-
-box-shadow:0px 3px 4px #591E12 inset;*/
+
-box-shadow:0px 3px 4px #591E12 inset;
-
         z-index:1000;
+
         z-index:1005;
}
}
Line 99: Line 99:
.ldd_heading > a{
.ldd_heading > a{
font-size: 20px;
font-size: 20px;
-
color:#0C8905;
+
color:#FFC080;
-
text-shadow:0px 0px 1px #B03E23;
+
/*text-shadow:0px 0px 1px #B03E23;*/
 +
padding:10px 0px 10px 0px;
         font-style:italic;
         font-style:italic;
font-family: Georgia, serif;
font-family: Georgia, serif;
Line 106: Line 107:
.ldd_submenu > ul > li:hover {
.ldd_submenu > ul > li:hover {
-
/*-moz-box-shadow:0px 0px 2px #333;
+
      -moz-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
-
box-shadow:0px 0px 2px #333;*/
+
box-shadow:0px 0px 2px #333;
-
background:#098C05;
+
background:#AF412B;
         opacity:0.7;
         opacity:0.7;
 +
}
 +
 +
.ldd_submenu > ul > li:hover {
 +
       
}
}

Revision as of 04:16, 16 October 2014