Template:UNIPV-Pavia/StyleCss

From 2009.igem.org

(Difference between revisions)
 
(336 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
font.work{
font.work{
color: green;
color: green;
-
font-weight:bold;
+
font-weight: bold;
 +
        text-decoration: underline;
 +
        font-size: medium;
}
}
font.rest{
font.rest{
 +
color: grey;
 +
        font-size: small;
 +
}
 +
 +
font.future{
color: red;
color: red;
 +
        font-size: small;
}
}
 +
font.month_name{
 +
        color: red;
 +
        font-weight: bold;
 +
        font-size: medium;
 +
}
 +
font.dayw_style{
 +
        font-weight: bold;
 +
        font-size: 0.8em; //definisce la dimensione in percentuale: 0.8em = 80%, 2em = 200%
 +
}
 +
 +
font.didascalia{
 +
        color: black;
 +
        font-family: sans-serif;
 +
 +
}
 +
 +
div.sfondo{
 +
        background-image: url('https://static.igem.org/mediawiki/2009/0/05/UNIPV_sfondo.jpg');
 +
        background-repeat: repeat;
 +
}
 +
 +
td.month_cell{
 +
        vertical-align: top;
 +
        text-align: center;
 +
}
 +
 +
font.week_title{
 +
        text-align: center;
 +
}
 +
 +
font.label {
 +
        font-size: 11px;
 +
 +
}
 +
 +
font.set_up {
 +
        font-weight: bold;
 +
        font-size: 15px;
 +
        color: white;
 +
 +
}
 +
 +
font.set_up_list {
 +
      color: white;
 +
      font-weight: bold;
 +
      font-size: 13px;
 +
}
 +
 +
tr.freezer_up{       
 +
        background-image: url('https://static.igem.org/mediawiki/2009/4/4a/Unipv_freezer_up.jpg');
 +
        background-repeat:no-repeat;
 +
}
 +
 +
 +
tr.freezer_down{       
 +
        background-image: url('https://static.igem.org/mediawiki/2009/2/2b/Unipv_freezer_down.png');
 +
        background-repeat:repeat-y;
 +
}
 +
 +
tr.freezer_end{       
 +
        background-image: url('https://static.igem.org/mediawiki/2009/e/e7/Unipv_freezer_end.png');
 +
        background-repeat:no-repeat;
 +
}
 +
 +
tr.lavagna{       
 +
        background-image: url('https://static.igem.org/mediawiki/2009/1/18/Unipv_lavagna.jpg');
 +
        background-repeat:no-repeat;
 +
}
 +
table.lavagna{       
 +
        background-image: url('https://static.igem.org/mediawiki/2009/1/18/Unipv_lavagna.jpg');
 +
        background-repeat:no-repeat;
 +
}
 +
table.bacheca{       
 +
        background-image: url('https://static.igem.org/mediawiki/2009/4/4b/BACHECA.gif');
 +
        background-repeat:no-repeat;
 +
}
 +
 +
table.in_freezer{
 +
      background-color: transparent;
 +
}
 +
 +
td.prova {
 +
      filter:alpha(opacity=60);
 +
      opacity:0.6;
 +
      text-align: center;
 +
      text-valign: center;
 +
      color: black;
 +
      font-weight: bold;
 +
      background-color: white;
 +
}
 +
 +
td.beuta {
 +
      background-image: url('https://static.igem.org/mediawiki/2009/3/33/FlskErlnFiltB500_6152_7_M.jpg');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_beuta {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.glicerolo {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_glicerolo {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.centrifuge {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_centrifuge {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.pcr {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_pcr {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.ligation {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_ligation {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.plates {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_plates {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.transformation {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_transformation {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.xgal {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_xgal {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
td.digestion {
 +
      background-image: url('');
 +
      background-repeat:no-repeat;
 +
      font-size: '10px';
 +
}
 +
 +
table.in_digestion {
 +
      margin: 130px 20px 5px 15px;       
 +
}
 +
 +
/* Modifiche al foglio di stile del Wiki iGEM (modifiche alle impostazioni di default) */
 +
 +
.firstHeading{
 +
        height: 0px;
 +
        font-size: 0em;
 +
//font-weight: bold;
 +
//text-align: right;
 +
}
 +
 +
.editsection{
 +
        font-size: 0.7em;
 +
}
-
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 - DO NOT EDIT */
+
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
Line 24: Line 226:
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
 +
 +
BODY {
 +
font-family: arial, book antiqua, eras demi itc, arial;
 +
color: royalblue;
 +
background-image: url('https://static.igem.org/mediawiki/2009/0/05/UNIPV_sfondo.jpg');
 +
        background-repeat: repeat;
 +
        text-align: justify;
 +
}
 +
 +
A:link {text-decoration: none;}
 +
A:visited {text-decoration: none;}
 +
A:active {text-decoration: none;}
 +
A:hover {text-decoration: none;}
 +
 +
ul.MenuBarVertical
ul.MenuBarVertical
{
{
margin: 0;
margin: 0;
padding: 0;
padding: 0;
 +
        border-bottom: 3px solid white;
 +
        border-top: none;
 +
        border-left: none;
 +
        border-right: none;
list-style-type: none;
list-style-type: none;
-
font-size: 100%;
+
        font-size: 100%;
cursor: default;
cursor: default;
-
width: 8em;
+
list-style-image: none;
 +
        width: 12em;
 +
 
}
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
Line 43: Line 266:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
list-style-type: none;
+
        border-bottom: 3px solid white;
-
font-size: 100%;
+
        border-top: none;
 +
        border-left: none;
 +
        border-right: none;
 +
        list-style-type: none;
position: relative;
position: relative;
text-align: left;
text-align: left;
 +
        font-size: 100%;
cursor: pointer;
cursor: pointer;
-
width: 8em;
+
list-style-image: none;
 +
        width: 12em;
}
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
Line 54: Line 282:
{
{
margin: -5% 0 0 95%;
margin: -5% 0 0 95%;
-
padding: 0;
+
padding: 0;      
-
list-style-type: none;
+
        list-style-type: none;
font-size: 100%;
font-size: 100%;
position: absolute;
position: absolute;
z-index: 1020;
z-index: 1020;
cursor: default;
cursor: default;
-
width: 8.2em;
 
left: -1000em;
left: -1000em;
top: 0;
top: 0;
 +
        list-style-image: none;
 +
        width: 8.2em;
}
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
{
-
left: 0;
+
left: 5px;
}
}
/* Menu item containers are same fixed width as parent */
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
ul.MenuBarVertical ul li
{
{
-
width: 8.2em;
+
width: 15em;
}
}
Line 84: Line 313:
ul.MenuBarVertical
ul.MenuBarVertical
{
{
-
border: 1px solid #CCC;
+
border-bottom: 1px solid #FFF;
 +
        border-top: none;
 +
        border-left: none;
 +
        border-right: none;
}
}
/* Submenu containers have borders on all sides */
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
ul.MenuBarVertical ul
{
{
-
border: 1px solid #CCC;
+
border: 1px solid #FFF;  
}
}
/* Menu items are a light gray block with padding and no text decoration */
/* Menu items are a light gray block with padding and no text decoration */
Line 96: Line 328:
display: block;
display: block;
cursor: pointer;
cursor: pointer;
-
background-color: #EEE;
+
background-color: cornflowerblue;
padding: 0.5em 0.75em;
padding: 0.5em 0.75em;
-
color: #333;
+
color: #F0FFFF;
text-decoration: none;
text-decoration: none;
 +
        list-style-image: none;
 +
               
}
}
/* Menu items that have mouse over or focus have a blue background and white text */
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
{
-
background-color: #33C;
+
background-color: royalblue;
-
color: #FFF;
+
color: snow;
}
}
 +
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
{
-
background-color: #33C;
+
background-color: royalblue;
-
color: #FFF;
+
color: salmon;
}
}
Line 156: Line 391:
display: inline;
display: inline;
f\loat: left;
f\loat: left;
-
background: #FFF;
+
background: snow;
}
}
}
}
-
/* End SpryMenuBar /*
+
 
 +
/* Questo serve per lasciare evidenziata la voce del menu quando si è nella pagina. N.B.: il menu DEVE essere copiato in ogni pagina, non è possibile usare il template (almeno se si usa il tag HTML per il menu, se si usasse la sintassi wiki pura si potrebbe usare il passaggio parametri). Per ora la prova è stata fatta nella Home e Pavia. Il mio parere per il futuro: fare un nuovo menu da zero più semplice, senza JS, sottomenu o altro e anche più compatibile - con Safari non funziona - */
 +
 
 +
#MenuBar1 #activated{
 +
        background-color: royalblue;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 16:41, 19 October 2009

Retrieved from "http://2009.igem.org/Template:UNIPV-Pavia/StyleCss"