Team:UNITN-Trento/CSS/Main

From 2013.igem.org

(Difference between revisions)
(Undo revision 50604 by Ggirelli (talk))
Line 1: Line 1:
-
#tn-header-wrap,#tn-footer-wrap,#tn-content-wrap {
+
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
-
display: block;
+
 
-
width: 800px;
+
/*Hides WIKI default template*/
-
text-align: center;
+
html,body {
 +
padding: 0;
 +
margin: 0;
 +
overflow: auto;
 +
background: none;
}
}
-
#tn-header-wrap,#tn-footer-wrap {
+
#contentSub,#search-controls,.firstHeading,#footer-box,#catlinks,#p-logo,#mw-panel,#mw-head,#footer,#mw-page-base,#mw-head-base {
-
width: 100%;
+
display: none;
-
height: 220px;
+
}
}
-
#tn-footer-wrap {
+
#content {
-
background-color: #c0c0b6;
+
display: none;
}
}
-
#tn-content-wrap {
+
#tn-main-wrap-wrap {
-
width: 100%;
+
position: fixed;
-
height: 100%;
+
top: 0;
-
padding: 25px 0;
+
left: 0;
-
vertical-align: top;
+
right: 0;
 +
bottom: 0;
 +
padding: 0;
 +
margin: 0;
 +
z-index: 2;
 +
overflow: auto;
}
}
-
.tn-sidebar,#tn-content {
+
#tn-main-wrap {
-
vertical-align: top;
+
-
display: inline-block;
+
margin: 0;
margin: 0;
padding: 0;
padding: 0;
 +
width: 100%;
 +
min-width: 1280px;
 +
font-size: 16px;
 +
background-color: none;
}
}
-
.tn-sidebar {
+
#top-section {
-
width: 15%;
+
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;
}
}
-
#tn-content {
+
/*To hide button for debug mode*/
-
width: 68%;
+
.tn-hidden {
-
text-align: center;
+
display: none;
}
}
-
/*Filters*/
+
/*Top menus (left/right)*/
-
#tn-filter-faces, #tn-filter-tags-wrap {
+
#menubar {
-
width: 175px;
+
background: none !important;
-
padding: 0.3em;
+
-
margin: 0 auto;
+
-
background-color: rgb(3, 140, 126);
+
-
border: 10px solid rgb(191, 27, 57);
+
}
}
-
#tn-filter-faces .faces img {
+
#menubar ul li {
-
display: inline-table;
+
color: white !important;
-
border: 1px solid black;
+
-
margin: 1px 0px;
+
-
border-radius: 5px;
+
-
width: 75px;
+
}
}
-
#tn-filter-faces span.tn-title,#tn-filter-tags-wrap span.tn-title {
+
#menubar:hover {
display: block;
display: block;
-
font-family: x-small, sans-serif;
+
position: absolute;
-
font-weight: bold;
+
color: white;
-
color: rgb(240, 242, 223);
+
-
margin-bottom: 0.5em;
+
-
font-variant: small-caps;
+
}
}
-
#tn-filter-tags-wrap {
+
#menubar:hover ul li {
-
margin: 1em;
+
color: white;
}
}
-
/*Calendar*/
+
.right-menu li a, .left-menu li a {
-
#tn-calendar-table th,#tn-calendar-table td {
+
background: none;
-
width: 30px;
+
color: white !important;
-
height: 30px;
+
text-decoration: none;
-
font-size: 0.8em;
+
font-variant: small-caps;
-
border: 1px solid black;
+
opacity: 0.5;
}
}
-
#tn-calendar-table td:hover {
+
.right-menu li a:hover, .left-menu li a:hover {
-
background-color: black;
+
color: white;
color: white;
 +
opacity: 1.0;
 +
text-decoration: underline;
}
}
-
/*Addpost button*/
+
.left-menu > ul > li[style='color:white;cursor:default'] {
-
a.tn-addpost:link,a.tn-addpost:visited {
+
display: none !important;
-
display: block;
+
}
-
padding: 0.3em 0;
+
 
-
margin: auto 0;
+
/*BOX CSS*/
-
width: 500px;
+
.tn-box {
-
height: 30px;
+
display: inline-block;
-
vertical-align: middle;
+
text-align: justify;
-
border-radius: 5px;
+
border: 5px double;
-
background: #038c7e;
+
padding: 0 1em;
-
color: #f0f2df;
+
margin: 0.5em auto;
-
text-decoration: none;
+
font-size: 0.9em;
-
font-size: 1.5em;
+
font-family: 'PT Sans', sans-serif;
-
font-weight: bold;
+
}
-
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
 
 +
.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-c-1 {
 +
border-color: #bf1b39;
}
}
-
a.tn-addpost:hover {
+
.tn-box.box-c-2 {
-
background: #007366;
+
border-color: #038c7e;
-
color: #ffffff;
+
}
}

Revision as of 09:22, 2 August 2013

@import url(http://fonts.googleapis.com/css?family=PT+Sans);

/*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; overflow: auto; }

  1. tn-main-wrap {

margin: 0; padding: 0; width: 100%; min-width: 1280px; 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: white !important; }

  1. menubar:hover {

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

  1. menubar:hover ul li {

color: white; }

.right-menu li a, .left-menu li a { background: none; color: white !important; text-decoration: none; font-variant: small-caps; opacity: 0.5; }

.right-menu li a:hover, .left-menu li a:hover { color: white; opacity: 1.0; text-decoration: underline; }

.left-menu > ul > li[style='color:white;cursor:default'] { display: none !important; }

/*BOX CSS*/ .tn-box { display: inline-block; text-align: justify; border: 5px double; padding: 0 1em; margin: 0.5em auto; font-size: 0.9em; font-family: 'PT Sans', sans-serif; }

.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-c-1 { border-color: #bf1b39; }

.tn-box.box-c-2 { border-color: #038c7e; }

Retrieved from "http://2013.igem.org/Team:UNITN-Trento/CSS/Main"