|
|
(141 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}-->
| + | |
- | | + | |
- | | + | |
- | /*Parte per i pannelli comprimibili della sezione freezer*/
| + | |
- | | + | |
- | /* 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> | | </style> |
| </html> | | </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>
| |
- | </html>-->
| |