Template:Team:HokkaidoU Japan/LargeDropDown/CSS

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <style type=text/css"> ul.ldd_menu{ margin:0px; padding:0; display:block; height:50px; background-color:#D04528; list-style:none; font-family:"Trebuchet MS", sans-...")
 
(95 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style type=text/css">
+
<style type="text/css">
-
ul.ldd_menu{
+
span.reference{
-
margin:0px;
+
                position:fixed;
 +
                left:10px;
 +
                bottom:10px;
 +
                font-size:11px;
 +
            }
 +
            span.reference a{
 +
                color:#DF7B61;
 +
                text-decoration:none;
 +
                text-transform: uppercase;
 +
                text-shadow:0 1px 0 #fff;
 +
            }
 +
            span.reference a:hover{
 +
                color:#000;
 +
            }
 +
.box{
 +
    margin-top:-1px;
 +
    width:100%;
 +
    position:relative;
 +
    background-color:#000;
 +
}
 +
.box h2{
 +
color:#f0f0f0;
 +
padding:40px 10px;
 +
text-shadow:1px 1px 1px #ccc;
 +
}
 +
 
 +
#box-wrapper {
 +
    width:960px;
 +
    height:50px;
 +
    margin: 0 auto;
 +
    text-align:center;
 +
}
 +
 
 +
.ldd_menu{
 +
margin:0 auto;
padding:0;
padding:0;
display:block;
display:block;
height:50px;
height:50px;
-
background-color:#D04528;
+
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;
-
border-left:10px solid #D04528;
+
border-left:1px solid #D04528;
-moz-box-shadow:0px 3px 4px #591E12;
-moz-box-shadow:0px 3px 4px #591E12;
-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:553px;
}
}
-
ul.ldd_menu a{
+
 
 +
.ldd_menu a{
text-decoration:none;
text-decoration:none;
}
}
-
ul.ldd_menu > li{
+
.ldd_menu > li{
float:left;
float:left;
position:relative;
position:relative;
 +
        margin: 0px auto;
}
}
-
ul.ldd_menu > li > span{
+
.ldd_menu > li > span {
float:left;
float:left;
color:#fff;
color:#fff;
-
background-color:#D04528;
+
background-color:transparent;
-
height:50px;
+
height:49px;
-
line-height:50px;
+
line-height:20px;
cursor:default;
cursor:default;
-
padding:0px 20px;
+
padding:9px;
-
text-shadow:0px 0px 1px #fff;
+
/*text-shadow:0px 0px 1px #fff;
border-right:1px solid #DF7B61;
border-right:1px solid #DF7B61;
-
border-left:1px solid #C44D37;
+
border-left:1px solid #C44D37;*/
 +
        text-align:center;
 +
        width:138px;
 +
 
}
}
-
ul.ldd_menu .ldd_submenu{
+
.ldd_menu .ldd_submenu{
position:absolute;
position:absolute;
-
top:50px;
+
top:49px;
-
width:550px;
+
width:650px;
display:none;
display:none;
-
opacity:0.95;
 
left:0px;
left:0px;
-
font-size:10px;
+
font-size:20px;
-
background: #C34328;
+
background: #d92424;
-
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:1005;
}
}
-
a.ldd_subfoot{
+
 
-
background-color:#f0f0f0;
+
.ldd_menu ul{
-
color:#444;
+
-
display:block;
+
-
clear:both;
+
-
padding:15px 20px;
+
-
text-transform:uppercase;
+
-
font-family: Arial, serif;
+
-
font-size:12px;
+
-
text-shadow:0px 0px 1px #fff;
+
-
-moz-box-shadow:0px 0px 2px #777 inset;
+
-
-webkit-box-shadow:0px 0px 2px #777 inset;
+
-
-box-shadow:0px 0px 2px #777 inset;
+
-
}
+
-
ul.ldd_menu ul{
+
list-style:none;
list-style:none;
float:left;
float:left;
-
border-left:1px solid #DF7B61;
+
margin:20px 10px 20px 10px;
-
margin:20px 0px 10px 30px;
+
        width:170px;
-
padding:10px;
+
}
}
-
li.ldd_heading{
+
 
 +
.ldd_heading > a{
 +
font-size: 20px;
 +
color:#d5a826;
 +
/*text-shadow:0px 0px 1px #B03E23;*/
 +
padding:10px 0px 10px 0px;
 +
        font-style:italic;
font-family: Georgia, serif;
font-family: Georgia, serif;
-
font-size: 13px;
 
-
font-style: italic;
 
-
color:#FFB39F;
 
-
text-shadow:0px 0px 1px #B03E23;
 
-
padding:0px 0px 10px 0px;
 
}
}
-
ul.ldd_menu ul li a{
+
 
-
font-family: Arial, serif;
+
.ldd_submenu > ul > li:hover {
-
font-size:10px;
+
      -moz-box-shadow:0px 0px 2px #333;
-
line-height:20px;
+
-
color:#fff;
+
-
padding:1px 3px;
+
-
}
+
-
ul.ldd_menu ul li a:hover{
+
-
-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:#AF412B;
background:#AF412B;
 +
        opacity:0.7;
}
}
-
</style>
+
.ldd_submenu > ul > li:hover {
 +
       
 +
}
 +
.ldd_menu ul li a{
 +
font-family: Georgia, serif;
 +
font-size:19px;
 +
line-height:20px;
 +
padding:1px 3px;
 +
        display:block;
 +
        margin-bottom:5px;
 +
        padding:5px 0 5px 0;
 +
}
 +
 +
.ldd_menu > li > span > a {
 +
color:#fff;
 +
}
 +
 +
.ldd_contents > a {
 +
      color:#fff;
 +
}
 +
 +
.menu-list {
 +
  color: white;
 +
}
 +
 +
* {  -webkit-box-sizing: border-box;
 +
      -moz-box-sizing: border-box;
 +
        -o-box-sizing: border-box;
 +
        -ms-box-sizing: border-box;
 +
            box-sizing: border-box;
 +
 +
}
 +
 +
</style>
</html>
</html>

Latest revision as of 14:39, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:HokkaidoU_Japan/LargeDropDown/CSS"