Template:UNIPV-Pavia/Style

From 2010.igem.org

(Difference between revisions)
m
 
(139 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
/*---Hacks - top section and background---*/
 +
/*
 +
#content {
 +
height: 100%;
 +
padding-bottom: 4em;
 +
min-height: 650px;
 +
-moz-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
 +
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
 +
box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
 +
background-color: #F7EFD5;
 +
} */
 +
 +
body {
 +
  background-color: #C1B99F;
 +
  background-image: url(http://img828.imageshack.us/img828/4149/sfondo4j.jpg);
 +
  background-repeat: none;
 +
  background-attachment: fixed;
 +
  background-position: top center;
 +
}
 +
.firstHeading { display: none;}
 +
/*
 +
.left-menu { width: 600px; display:block; float:left; margin-top:-73px; border: none }
 +
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-73px; border: none;}
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 +
#top-section { background-color: #ADA174; height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding-bottom: 8px; border-color: black; border-bottom: 1px;}
 +
#search-controls {display:none;}
 +
#p-logo { height:1px; overflow:hidden; display: none;}
 +
.right-menu ul { border: none;}
 +
.left-menu a:active {color: #ccaaaa}
 +
*/
 +
 +
 +
/*---Text and link colors---*/
 +
 +
font.menu {background-color:#F5FFFA}
 +
font.work { font-weight: bold; text-decoration: underline}
 +
font.rest { color: #9E9E9E }
 +
font.BBok {color: #228B22}
 +
font.BBko {color: red; text-decoration: line-through;}
 +
a:link {color:#7A630F}
 +
a:visited {color:#7A630F}
 +
a:active {color:#A15D10; font-weight:bold}
 +
a.new {color: #CC3300;}
 +
a.new:visited {color: #CC3300;}
 +
 +
 +
/*---Tables and content---*/
 +
 +
table {  }
 +
/*<!-- sfondo menu = #F7EFD5 -->*/
 +
table.menu {background-color:none; margin-top:0px; margin-left:3px; padding:0px; border:0px solid #ECE7DA;}
 +
table.menu td {background-color:none; width="15%"; margin-top:0px; margin-left:5px; border:0px;}
 +
table.menu th {background-color:none; width="15%"; margin-top:0px; margin-left:5px; border:0px;}
 +
table.menu a { display: block; font-weight:bold; margin-left: 4px ;}
 +
table.menu a:hover { background: #D6CBA5; text-decoration: none; }
 +
 +
table.cont {background-color = #8B4513; width:100%; padding: 3px; border: 1px;}
 +
table.cont th { background-color:#D6CBA5; padding-left: 5px; padding-right: 5px; border:1px;}
 +
table.cont td { background-color: #F7EFD5; padding:5px; text-align: justify; border:1px;}
 +
 +
table.page {  background-color = none; width:100%; border:0px;}
 +
table.page th { background-color: none; padding-left: 5px; padding-right:5px; border:0px;}
 +
table.page td { background-color: none; padding:5px; text-align: justify; border:0px;}
 +
 +
table.month_cell {background-color:#F7EFD5; border: 1px solid #ECE7DA}
 +
table.month_cell td {background-color:#FFFFFF; border:none}
 +
 +
/* Backup vecchi css
table.freezer {
table.freezer {
background-image:url(https://static.igem.org/mediawiki/2010/2/26/UNIPV_Pavia_ghiaccio2.png);
background-image:url(https://static.igem.org/mediawiki/2010/2/26/UNIPV_Pavia_ghiaccio2.png);
Line 16: Line 85:
backgroud-repeat: repeat-y;
backgroud-repeat: repeat-y;
}
}
-
table.menu {margin-top:0px; margin-left:3px; padding:0px; background-color:#228B22 ; border:1px solid #C8C5E3;}
+
table.menu {margin-top:0px; margin-left:3px; padding:0px; background-color:#F7EFD5; border:1px solid #ECE7DA;}
-
table.menu td {background-color:#F5FFFA; width="15%"; margin-top:0px; margin-left:5px }
+
table.menu td {background-color:#F7EFD5; width="15%"; margin-top:0px; margin-left:5px }
-
table.menu_mesi {margin-top:0px; margin-left:3px; padding:0px; background-color:#6A5ACD ; border:1px solid #C8C5E3;}
+
table.menu_mesi {margin-top:0px; margin-left:3px; padding:0px; background-color:#F7EFD5; border:1px solid #ECE7DA;}
-
table.menu_mesi td {background-color:#FFFFFF; width="15%"; margin-top:0px; margin-left:5px }
+
table.menu_mesi td {background-color:#F7EFD5; width="15%"; margin-top:0px; margin-left:5px }
-
table.menu_mesi th {background-color:##F5F5F5; width="15%"; margin-top:0px; margin-left:5px }
+
table.menu_mesi th {background-color:#F7EFD5; width="15%"; margin-top:0px; margin-left:5px }
-
font.menu {background-color:#F5FFFA}
+
*/
-
a:link {color:#6A5ACD}
+
-
a.menu:link {font-weight:bold}
+
-
a:visited {color:#228B22}
+
-
a.menu:visited {font-weight:bold}
+
-
a:active {color:#228B22; font-weight:bold}
+
-
a.new{color: #CC3300;}
+
-
a.new:visited {color: #CC3300;}
+
-
a.menu:active {font-weight:bold}
+
-
table.cont { width:100%; padding:3px; background-color:#228B22; border:1px solid #C8C5E3;}
+
-
table.cont th { background-color:#F5FFFA; padding-left: 5px; padding-right: 5px; border:none;}
+
-
table.cont td { background-color:#F5F5F5; padding:5px; text-align: justify; border:none;}
+
-
table.month_cell {background-color:#228B22}
+
-
table.month_cell td {background-color:#FFFFFF; border:none}
+
-
font.work { background-color:#16F551 }
+
-
font.rest { background-color:#FFFFFF }
+
-
<!--attenzione: si potrebbe inserire uno style = padding:20px per le pagine come Biosafety-->
+
-
<!--table.posizione {padding: 20px}-->
+
-
 
+
-
 
+
-
<!-- Pannelli collassabili -->
+
-
/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */
+
-
 
+
-
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
+
-
 
+
-
/* This is the selector for the main CollapsiblePanel container. For our
+
-
* default style, the CollapsiblePanel is responsible for drawing the borders
+
-
* around the widget.
+
-
*
+
-
* If you want to constrain the width of the CollapsiblePanel widget, set a width on
+
-
* the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
+
-
* up available space.
+
-
*
+
-
* The name of the class ("CollapsiblePanel") used in this selector is not necessary
+
-
* to make the widget function. You can use any class name you want to style the
+
-
* CollapsiblePanel container.
+
-
*/
+
-
.CollapsiblePanel {
+
-
margin: 0px;
+
-
padding: 0px;
+
-
border-left: solid 1px #CCC;
+
-
border-right: solid 1px #999;
+
-
border-top: solid 1px #999;
+
-
border-bottom: solid 1px #CCC;
+
-
}
+
-
 
+
-
/* This is the selector for the CollapsiblePanelTab. This container houses
+
-
* the title for the panel. This is also the container that the user clicks
+
-
* on to open or close the panel.
+
-
*
+
-
* The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
+
-
* to make the widget function. You can use any class name you want to style an
+
-
* CollapsiblePanel panel tab container.
+
-
*/
+
-
.CollapsiblePanelTab {
+
-
font: bold 0.7em sans-serif;
+
-
background-color: #DDD;
+
-
border-bottom: solid 1px #CCC;
+
-
margin: 0px;
+
-
padding: 2px;
+
-
cursor: pointer;
+
-
-moz-user-select: none;
+
-
-khtml-user-select: none;
+
-
}
+
-
 
+
-
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
+
-
* you should never put any padding on the content area element if you plan to
+
-
* use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
+
-
* element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
+
-
*
+
-
* The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
+
-
* to make the widget function. You can use any class name you want to style a
+
-
* CollapsiblePanel content container.
+
-
*/
+
-
.CollapsiblePanelContent {
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
+
-
* keyboard focus ring appears *inside* the tab instead of around the tab.
+
-
* This is an example of how to make the text within the anchor tag look
+
-
* like non-anchor (normal) text.
+
-
*/
+
-
.CollapsiblePanelTab a {
+
-
color: black;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
/* This is an example of how to change the appearance of the panel tab that is
+
-
* currently open. The class "CollapsiblePanelOpen" is programatically added and removed
+
-
* from panels as the user clicks on the tabs within the CollapsiblePanel.
+
-
*/
+
-
.CollapsiblePanelOpen .CollapsiblePanelTab {
+
-
background-color: #EEE;
+
-
}
+
-
 
+
-
/* This is an example of how to change the appearance of the panel tab when the
+
-
* CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
+
-
* whenever the CollapsiblePanel is closed.
+
-
*/
+
-
 
+
-
.CollapsiblePanelClosed .CollapsiblePanelTab {
+
-
/* background-color: #EFEFEF */
+
-
}
+
-
 
+
-
/* This is an example of how to change the appearance of the panel tab as the
+
-
* mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
+
-
* and removed from panel tab containers as the mouse enters and exits the tab container.
+
-
*/
+
-
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
+
-
background-color: #CCC;
+
-
}
+
-
 
+
-
/* This is an example of how to change the appearance of all the panel tabs when the
+
-
* CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
+
-
* whenever the CollapsiblePanel gains or loses keyboard focus.
+
-
*/
+
-
.CollapsiblePanelFocused .CollapsiblePanelTab {
+
-
background-color: #228B22;
+
-
}
+
-
</style>
+
-
</html>
+
-
<!--style vecchio:<html>
 
-
<style type="text/css">
 
-
table.menu { margin-left: 3px; padding:0px; background-color:#98989E; border:1px solid #C8C5E3; }
 
-
table.menu td { background-color:#CBCBD6; margin:1px }
 
-
table.cont { width:100%; padding:6px; background-color:#E5E4ED; border:1px solid #C8C5E3;}
 
-
table.cont th { background-color:#98989E; padding-left: 5px; padding-right: 5px; border:1px dotted #89898F;}
 
-
table.cont td { background-color:#CBCBD6; padding:0; text-align: justify; border:1px dotted #B8B8C2;}
 
-
font.work { background-color:#16F551 }
 
-
font.rest { background-color:#FFFFFF }
 
</style>
</style>
</html>
</html>
-
-->
 

Latest revision as of 21:16, 27 October 2010