Team:UNITN-Trento/CSS/Main
From 2013.igem.org
(First box implementation) |
|||
Line 88: | Line 88: | ||
.right-menu li a:hover { | .right-menu li a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /*BOX CSS*/ | ||
+ | |||
+ | .tn-box { | ||
+ | |||
+ | } | ||
+ | |||
+ | .tn-box.box-w-1 { | ||
+ | width: 10%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-2 { | ||
+ | width: 20%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-3 { | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-4 { | ||
+ | width: 40%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-5 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-6 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-7 { | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-8 { | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-w-9 { | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-c1 { | ||
+ | border-color: red; | ||
+ | } | ||
+ | |||
+ | .tn-box.box-c2 { | ||
+ | border-color: green; | ||
} | } |
Revision as of 13:53, 28 July 2013
/*Hides WIKI default template*/ html,body { padding: 0; margin: 0; overflow: auto; background: none; }
- contentSub,#search-controls,.firstHeading,#footer-box,#catlinks,#p-logo,#mw-panel,#mw-head,#footer,#mw-page-base,#mw-head-base {
display: none; }
- content {
display: none; }
- tn-main-wrap-wrap {
position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0; z-index: 2; }
- tn-main-wrap {
margin: 0; padding: 0; width: 100%; min-width: 1280px; overflow: auto; font-size: 16px; background-color: none; }
- top-section {
position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; margin: 0; padding: 0; border: none; background: white; z-index: 1; display: none; }
/*To hide button for debug mode*/ .tn-hidden { display: none; }
/*Top menus (left/right)*/
- menubar {
background: none !important; }
- menubar ul li {
color: transparent !important; }
- menubar:hover {
display: block; position: absolute; color: white; }
- menubar:hover ul li {
color: white; }
.right-menu li a { background: none; color: transparent; text-decoration: none; }
.right-menu:hover li a { color: white; }
.right-menu li a:hover { text-decoration: underline; }
/*BOX CSS*/
.tn-box {
}
.tn-box.box-w-1 { width: 10%; }
.tn-box.box-w-2 { width: 20%; }
.tn-box.box-w-3 { width: 30%; }
.tn-box.box-w-4 { width: 40%; }
.tn-box.box-w-5 { width: 50%; }
.tn-box.box-w-6 { width: 60%; }
.tn-box.box-w-7 { width: 70%; }
.tn-box.box-w-8 { width: 80%; }
.tn-box.box-w-9 { width: 90%; }
.tn-box.box-c1 { border-color: red; }
.tn-box.box-c2 { border-color: green; }