Template:UNIPV-Pavia/StyleCss

From 2009.igem.org

(Difference between revisions)
 
(245 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;
Line 19: Line 20:
font.month_name{
font.month_name{
 +
        color: red;
         font-weight: bold;
         font-weight: bold;
-
        text-decoration: underline;
 
         font-size: medium;
         font-size: medium;
}
}
Line 29: Line 30:
}
}
 +
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{
td.month_cell{
Line 36: Line 46:
}
}
 +
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;
 +
}
Line 53: Line 228:
BODY {
BODY {
-
font-family: eras demi itc, arial;
+
font-family: arial, book antiqua, eras demi itc, arial;
color: royalblue;
color: royalblue;
-
background: white;
+
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%;
cursor: default;
cursor: default;
list-style-image: none;
list-style-image: none;
Line 78: Line 266:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
list-style-type: none;
+
        border-bottom: 3px solid white;
 +
        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;
list-style-image: none;
list-style-image: none;
Line 88: Line 281:
ul.MenuBarVertical ul
ul.MenuBarVertical ul
{
{
-
margin: 0 0 0 95%;
+
margin: -5% 0 0 95%;
-
padding: 0;
+
padding: 0;      
-
list-style-type: none;
+
        list-style-type: none;
 +
font-size: 100%;
position: absolute;
position: absolute;
z-index: 1020;
z-index: 1020;
Line 102: Line 296:
ul.MenuBarVertical ul.MenuBarSubmenuVisible
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
{
-
left: 15px;
+
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: 12em;
+
width: 15em;
}
}
Line 119: Line 313:
ul.MenuBarVertical
ul.MenuBarVertical
{
{
-
border: -3px;
+
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: -3px;
+
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 */
-
ul.MenuBarVertical Home
+
ul.MenuBarVertical a
{
{
display: block;
display: block;
cursor: pointer;
cursor: pointer;
-
background-image:url('https://static.igem.org/mediawiki/2009/d/df/Home_UNIPV.gif');
+
background-color: cornflowerblue;
-
        background-repeat: no-repeat;
+
padding: 0.5em 0.75em;
padding: 0.5em 0.75em;
 +
color: #F0FFFF;
text-decoration: none;
text-decoration: none;
         list-style-image: none;
         list-style-image: none;
-
        height: 30px;
+
               
-
        border: -3px;
+
-
       
+
}
}
/* 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 Home:hover, ul.MenuBarVertical a:focus
+
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
{
-
background-image:url('https://static.igem.org/mediawiki/2009/1/16/Home_over_UNIPV.gif');
+
background-color: royalblue;
-
        background-repeat: no-repeat;
+
color: snow;
color: snow;
-
        height: 30px;
 
-
        border: -3px;
 
-
}
 
-
 
-
ul.MenuBarVertical Team
 
-
{
 
-
display: block;
 
-
cursor: pointer;
 
-
background-image:url('https://static.igem.org/mediawiki/2009/4/4e/Team.gif');
 
-
        background-repeat: no-repeat;
 
-
padding: 0.5em 0.75em;
 
-
text-decoration: none;
 
-
        list-style-image: none;
 
-
        height: 30px;
 
-
        border: -3px;
 
-
       
 
-
}
 
-
/* Menu items that have mouse over or focus have a blue background and white text */
 
-
ul.MenuBarVertical Team:hover, ul.MenuBarVertical a:focus
 
-
{
 
-
background-image:url('https://static.igem.org/mediawiki/2009/6/6c/Team_over.gif');
 
-
        background-repeat: no-repeat;
 
-
color: snow;
 
-
        height: 30px;
 
-
        border: -3px;
 
-
}
 
-
 
-
ul.MenuBarVertical Project
 
-
{
 
-
display: block;
 
-
cursor: pointer;
 
-
background-image:url('https://static.igem.org/mediawiki/2009/0/00/Project_UNIPV.gif');
 
-
        background-repeat: no-repeat;
 
-
padding: 0.5em 0.75em;
 
-
text-decoration: none;
 
-
        list-style-image: none;
 
-
        height: 30px;
 
-
        border: -3px;
 
-
       
 
-
}
 
-
/* Menu items that have mouse over or focus have a blue background and white text */
 
-
ul.MenuBarVertical Project:hover, ul.MenuBarVertical a:focus
 
-
{
 
-
background-image:url('https://static.igem.org/mediawiki/2009/8/8c/Project_over_UNIPV.gif');
 
-
        background-repeat: no-repeat;
 
-
color: snow;
 
-
        height: 30px;
 
-
        border: -3px;
 
-
}
 
-
 
-
ul.MenuBarVertical Sponsor
 
-
{
 
-
display: block;
 
-
cursor: pointer;
 
-
background-image:url('https://static.igem.org/mediawiki/2009/7/75/Sponsor_UNIPV.gif');
 
-
        background-repeat: no-repeat;
 
-
padding: 0.5em 0.75em;
 
-
text-decoration: none;
 
-
        list-style-image: none;
 
-
        height: 30px;
 
-
        border: -3px;
 
-
       
 
-
}
 
-
/* Menu items that have mouse over or focus have a blue background and white text */
 
-
ul.MenuBarVertical Sponsor:hover, ul.MenuBarVertical a:focus
 
-
{
 
-
background-image:url('https://static.igem.org/mediawiki/2009/e/eb/Sponsor_over_UNIPV.gif');
 
-
        background-repeat: no-repeat;
 
-
color: snow;
 
-
        height: 30px;
 
-
        border: -3px;
 
}
}
/* 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 Project.MenuBarSubmenuVisible
+
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
{
-
background-color: white;
+
background-color: royalblue;
-
color: white;
+
color: salmon;
}
}
Line 233: Line 356:
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
-
ul.MenuBarVertical Project.MenuBarItemSubmenu
+
ul.MenuBarVertical a.MenuBarItemSubmenu
{
{
background-image: url(https://static.igem.org/mediawiki/2009/9/93/SpryMenuBarRight.gif);
background-image: url(https://static.igem.org/mediawiki/2009/9/93/SpryMenuBarRight.gif);
Line 241: Line 364:
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
-
ul.MenuBarVertical Project.MenuBarItemSubmenuHover
+
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
{
background-image: url(https://static.igem.org/mediawiki/2009/5/5c/SpryMenuBarRightHover.gif);
background-image: url(https://static.igem.org/mediawiki/2009/5/5c/SpryMenuBarRightHover.gif);
Line 270: Line 393:
background: snow;
background: snow;
}
}
 +
}
 +
 +
/* 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"