Team:UNITN-Trento/CSS/Main

From 2013.igem.org

(Difference between revisions)
(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; }

  1. contentSub,#search-controls,.firstHeading,#footer-box,#catlinks,#p-logo,#mw-panel,#mw-head,#footer,#mw-page-base,#mw-head-base {

display: none; }

  1. content {

display: none; }

  1. tn-main-wrap-wrap {

position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0; z-index: 2; }

  1. tn-main-wrap {

margin: 0; padding: 0; width: 100%; min-width: 1280px; overflow: auto; font-size: 16px; background-color: none; }

  1. 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)*/

  1. menubar {

background: none !important; }

  1. menubar ul li {

color: transparent !important; }

  1. menubar:hover {

display: block; position: absolute; color: white; }

  1. 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; }