Team:UNITN-Trento/CSS/Notebook

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#tn-header-wrap, #tn-footer-wrap, #tn-content-wrap {
+
#tn-header-wrap,#tn-footer-wrap,#tn-content-wrap {
display: block;
display: block;
-
 
width: 800px;
width: 800px;
-
 
text-align: center;
text-align: center;
}
}
-
#tn-header-wrap, #tn-footer-wrap {
+
#tn-header-wrap,#tn-footer-wrap {
width: 100%;
width: 100%;
height: 220px;
height: 220px;
Line 19: Line 17:
width: 100%;
width: 100%;
height: 100%;
height: 100%;
-
 
padding: 25px 0;
padding: 25px 0;
-
 
vertical-align: top;
vertical-align: top;
}
}
-
.tn-sidebar, #tn-content {
+
.tn-sidebar,#tn-content {
vertical-align: top;
vertical-align: top;
-
 
display: inline-block;
display: inline-block;
margin: 0;
margin: 0;
Line 34: Line 29:
.tn-sidebar {
.tn-sidebar {
-
width: 20%;
+
width: 15%;
}
}
#tn-content {
#tn-content {
-
width: 58%;
+
width: 68%;
-
+
text-align: center;
text-align: center;
}
}
Line 53: Line 47:
}
}
-
#tn-calendar-table th, #tn-calendar-table td {
+
#tn-calendar-table th,#tn-calendar-table td {
width: 30px;
width: 30px;
height: 30px;
height: 30px;
Line 59: Line 53:
border: 1px solid black;
border: 1px solid black;
}
}
 +
#tn-calendar-table td:hover {
#tn-calendar-table td:hover {
background-color: black;
background-color: black;
color: white;
color: white;
}
}

Revision as of 09:57, 9 July 2013

  1. tn-header-wrap,#tn-footer-wrap,#tn-content-wrap {

display: block; width: 800px; text-align: center; }

  1. tn-header-wrap,#tn-footer-wrap {

width: 100%; height: 220px; }

  1. tn-footer-wrap {

background-color: #c0c0b6; }

  1. tn-content-wrap {

width: 100%; height: 100%; padding: 25px 0; vertical-align: top; }

.tn-sidebar,#tn-content { vertical-align: top; display: inline-block; margin: 0; padding: 0; }

.tn-sidebar { width: 15%; }

  1. tn-content {

width: 68%; text-align: center; }

  1. tn-filter-faces {

width: 52px; }

  1. tn-filter-faces img {

border: 1px solid black; margin: 1px 0px; border-radius: 5px; }

  1. tn-calendar-table th,#tn-calendar-table td {

width: 30px; height: 30px; font-size: 0.8em; border: 1px solid black; }

  1. tn-calendar-table td:hover {

background-color: black; color: white; }