Template:Team:Concordia/CSS
From 2014.igem.org
(Difference between revisions)
Line 143: | Line 143: | ||
} | } | ||
+ | |||
+ | /*OLD BUTTON STYLE | ||
.button { | .button { | ||
z-index: 1; | z-index: 1; | ||
Line 177: | Line 179: | ||
color: white; | color: white; | ||
} | } | ||
+ | |||
+ | */ | ||
#header { | #header { | ||
Line 231: | Line 235: | ||
font-size: 2.5em; | font-size: 2.5em; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
#menu { | #menu { | ||
Line 245: | Line 255: | ||
} | } | ||
- | #menu li { | + | #menu ul li { |
display: inline-block; | display: inline-block; | ||
padding: 0em 0.3em; | padding: 0em 0.3em; | ||
+ | -webkit-transition: all .2s ease-in-out; | ||
+ | -moz-transition: all .2s ease-in-out; | ||
+ | transition: all .2s ease-in-out; | ||
} | } | ||
Line 266: | Line 279: | ||
color: #3b8b5a; | color: #3b8b5a; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | DROPDOWN MENUS | ||
+ | */ | ||
+ | *, *:before, *:after{ | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | font-family: 'Ubuntu', sans-serif; | ||
+ | } | ||
+ | |||
+ | /*| Navigation |*/ | ||
+ | |||
+ | nav ul{ | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | margin-right: 100px; | ||
+ | display: inline-table; | ||
+ | } | ||
+ | nav ul li a{ | ||
+ | display: block; | ||
+ | padding: 30px 20px; | ||
+ | color: #222; | ||
+ | font-size: .9em; | ||
+ | letter-spacing: 1px; | ||
+ | text-decoration: none; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | nav ul ul{ | ||
+ | display: none; | ||
+ | background: #fff; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1); | ||
+ | border: 1px solid rgba(0,0,0,.1); | ||
+ | } | ||
+ | nav ul ul li{float: none; position: relative;} | ||
+ | nav ul ul li a { | ||
+ | padding: 15px 30px; | ||
+ | border-bottom: 1px solid rgba(0,0,0,.05); | ||
+ | } | ||
+ | nav ul ul ul { | ||
+ | position: absolute; | ||
+ | left: 100%; | ||
+ | top:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
#mywrapper | #mywrapper | ||
Line 813: | Line 889: | ||
margin: auto; | margin: auto; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 00:15, 16 October 2014