/*
Theme Name: Tema per gli Uffici Scolastici
Theme URI: http://formerete.org/
Description: 3 colonne basato su Nearly-Sprung di Richard "Jodi" Maxwell (http://www.maxwells.net.nz/), creato avvalendosi del lavoro di personalizzazione fatto da Porte aperte sul web, comunit� di pratica promossa dall'USR Lombardia ed ottimizzato per la gestione degli uffici scolastici regionali.
Author: Roberto Scano
Author URI: http://www.robertoscano.info/
Version: 1.0.0
Tags: flexible-width, light, green, white, orange, three-columns, left-sidebar, right-sidebar, theme-options, threaded-comments
------ License Info ------
This wordpress theme is free software: you can redistribute it
and/or modify it under the terms of the GNU General Public License as published
by the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see
--------------------------
*/
/***************** 3 Column Layout ******************/
/*
fullwidth = width including both left and right side padding
width = width excluding left and right side padding padding
cc padding = centre column padding (combined left and right)
left fullwidth = 150px wide, 10px padding each side (20 total)
right fullwidth = 150px wide, 10px padding each side (20 total)
cc padding = 15px either side (30 total)
*/
body
{
min-width: 610px; /* 580 2 x (LC fullwidth + CC padding) + RC fullwidth */
/* max-width: 1100px; per evitare troppa dilatazione */
margin: 0 auto;
/* IE7 likes putting horizontal scrollbars when it doesn't need to, aaaaa!
overflow-x: hidden;*/
background: #FFFFFF;
/*background: url(images/gradiente.jpg);*/
/*background-position: left top;*/
/*background-repeat: repeat-x;*/
margin: 0 auto;
padding: 10px 0 0 0;
font-size: 80%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}
#wrapper {
background-color:#ECF5FF;
border:2px solid gray;
margin:0;
padding:0;
}
#container
{
padding-left: 170px; /* LC fullwidth */
/* cambio right da 180 a 185 per evitare scrollbar orizzontale By Faber */
padding-right: 205px; /* RC fullwidth + CC padding */
}
#container .column
{
position: relative;
float: left;
}
#centrecontent
{
width: 100%;
background-color: #FFFF00;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
#leftsidebar
{
width: 160px; /* LC width */
padding: 0 10px 0px 10px; /* LC padding */
right: 207px; /* LC fullwidth + CC padding */
margin-left: -100%;
}
#rightsidebar
{
width: 160px; /* RC padding */
margin-right: -100%;
margin-left: -4px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}
#footer
{
clear: both;
}
/* Essential Layout (IE Fix) */
* html #leftsidebar {
left: 170px; /* RC fullwidth */
}
/* Essential Layout (IE7 Fix) */
*+html #leftsidebar {
left: 170px; /* RC fullwidth */
}
#searchCSS {
float:left;
display:block;
}
/********************** Global **********************/
p {
font-size: 1em;
line-height: 1.5em;
margin: 1.2em 0;
}
ol, ul{
margin: 1.2em 0 1.2em 2em;
padding: 0;
font-size: 1em;
line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
margin: 0.5em 0;
color: #003399;
}
h1 {
font-size: 1.3em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.1em;
}
h4 {
font-size: 1.05em;
}
a{
text-decoration:underline;
}
a:link {
color:#000099;
}
a:visited {
color: #330099;
}
a:hover, a:active {
color: #000099;
}
input, textarea, select {
font-size: 1em;
font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
border: 1px solid #999;
background-color: #FAFAF0;
color: #3A291F;
}
blockquote {
font-size: 0.9em;
margin: 0 20px;
padding: 0 20px;
border-left: 4px solid #E8E8CE;
}
form, img {
margin: 0;
padding: 0;
border: 0;
}
.hidden{
visibility: hidden;
}
.nascosto {
display:none;
}
#searchCSS {
margin:0;
padding:0;
}
code {
color: #666;
font-family: monospace;
}
.small {
font-size: 0.9em;
color: #999;
}
.current_page_item a {
background-color: #ECF5FF;
color: #000 !important;
text-decoration:none;
}
.current_page_item ul li a {
background-color: #fff;
color: #000 !important;
text-decoration:none;
}
/********************** Header **********************/
/* Structure */
#header {
padding: 0px;
margin: 0px;
height: 100px;
background-color: #FFFFFF;
}
/* Essential Layout (IE7 Fix) */
*+html #header{
padding-bottom: 15px;
}
/* Essential Layout (IE6 Fix) */
* html #header{
padding-bottom: 15px;
}
#header img.logo {
float:left;
margin-top: 5px;
}
#header p{
padding: 0px;
margin: 0 0 0 40px;
height: 23px;
}
#header h1 {
font-size: 2.4em;
padding: 0px;
margin: 0 0 0px 10px;
height: 36px;
}
#header h1 a {
text-decoration: none;
color: #003366;
}
#header p{
font-size:.8em;
}
#header ul {
font-size: 0.9em;
text-align: left;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 15px;
/* fixes Firefox 0.9.3 */
}
#header ul.sito {
height: 15px;
width: 100%;
padding: 0;
margin: 0px;
background-color: #003399;
color: #F0F0F0;
}
#header ul li {
margin: 0px;
display: inline;
}
#header ul li a {
text-decoration: none;
color: #F0F0F0;
}
#header ul li a:hover{
background: #F0F0F0;
color: #3A291F;
}
#header ul.sito li a{
padding: 0px 10px 0px 10px;
float:right;
}
#topbar{
height: 21px;
width: 100%;
padding: 0;
margin: -14px 0 0 0;
background-color: #003399;
color: #F0F0F0;
}
#topbar ul{
font-size: 0.9em;
text-align: left;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 15px;
/* fixes Firefox 0.9.3 */
}
#topbar li a{
padding: 3px 10px 3px 10px;
float:left;
border-right: 1px solid;
border-right-color: #F0F0F0;
}
#topbar ul li{
margin: 0px;
display: inline;
}
#topbar ul li a{
text-decoration: none;
color: #F0F0F0;
}
#topbar ul li a:hover{
background: #F0F0F0;
color: #3A291F;
}
#topbar ul li.selected a{
background: #F0F0F0;
color: #3A291F;
}
#topbar ul li.current_page_item a
{
text-decoration:none !important;
}
/* Essential Layout (IE7 Fix) */
*+html #topbar li a {
margin-top: -14px;
}
/******************* Main Content *******************/
/* Structure */
#centrecontent {
padding: 10px 15px 0 15px; /* CC padding */
width: 100%;
background-color: #FFF;
margin-bottom: 10px;
margin-top: 10px;
overflow: hidden;
}
#centrecontent h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}
#path {
clear:both;
font-size:0.8em;
}
#path a:hover{
text-decoration:none;
}
/********** Previous and Next by Catagory ***********/
/* Structure */
#postnavigation
{
display: inline;
float: right;
margin: 0px 0px 5px 5px;
padding: 0em 0.5em 0em 0.5em;
border: 1px solid #E8E8CE;
background-color: #FAFAF0;
font-size: 0.75em;
}
#postnavigation ul
{
margin: 0;
padding: 0;
}
#postnavigation li
{
margin-left: 1.0em;
}
#postnavigation .navheader {
font-size: 1.25em;
font-weight: bolder;
color: #003399;
list-style-type: none;
margin-left: 0em;
}
#postnavigation ul
{
list-style-type: none;
}
/******************* Left Sidebar *******************/
/* Structure */
#leftsidebar
{
overflow: hidden;
margin-top: 3px;
}
#leftsidebar h2
{
display:block;
color: #fff;
margin: 0.6em 0 0.3em 0;
padding-left:0.6em;
background:#003399;
text-decoration:none;
font-size: 1.0em;
}
#leftsidebar h2 a{
display:block;
color: #fff;
background:#003399;
text-decoration:none;
}
#leftsidebar h2 a:hover {
background: #FFF;
color: #900;
display:block;
}
#leftsidebar ul {
list-style-type: none;
font-size:95%;
margin: 0;
padding: 0;
}
#leftsidebar ul li a {
text-decoration: none;
color: #900
}
#leftsidebar ul li a:hover {
text-decoration:underline;
}
#leftsidebar ul ul {
margin: 0.2em 0;
border-top: 1px solid #E8E8CE;
background-color: #FAFAF0;
}
#leftsidebar ul ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid #ECF5FF;
}
#leftsidebar ul ul li a{
margin: 0 0 0 -10px;
padding: 0 10px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
display:block;
}
html>body #leftsidebar ul ul li a
{
width: 110px;
}
#leftsidebar ul ul li a:hover
{
background-color: #ECF5FF;
color: #900;
}
#leftsidebar ul ul ul
{
margin: 0;
}
#leftsidebar ul ul ul li {
margin: 0 0 0 -10px;
padding: 0 0 0 25px;
border-bottom: none;
border-top: 1px solid #E8E8CE;
}
#leftsidebar ul ul ul li a {
margin: 0 0 0 -25px;
padding: 0em 10px 0em 25px;
color: #000;
}
html>body #leftsidebar ul ul ul li a
{
width: 95px;
color: #000;
}
#leftsidebar ul ul ul li a:hover {
background-color: #ECF5FF;
color: #900;
}
/****************** Right Sidebar *******************/
/* Structure */
#rightsidebar
{
overflow: hidden;
color:#900;
}
#rightsidebar h2 {
font-size: 1.0em;
margin: 0.6em 0 0.3em 0;
display:block;
padding-left:0.6em;
padding-top:3px;
display:block;
color: #fff;
background:#003399;
text-decoration:none;
}
#rightsidebar h2 a{
display:block;
padding-left:0.6em;
}
#rightsidebar h2 a:hover {
background-color: #ECF5FF;
color: #000;
}
#rightsidebar h2.sez_utenti{
background-color:#fff;
color:#039;
font-size:1.4em;
margin-bottom:-1px;
padding-bottom: 4px;
margin-left: -20px;
padding-left: 20px;
}
#rightsidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size:95%;
}
#rightsidebar ul li a {
margin-left: -20px;
padding-left: 20px;
display:block;
background: #fff;
text-decoration: none;
}
#rightsidebar ul li a:hover {
text-decoration:underline;
}
#rightsidebar ul ul {
margin: 0.1em 0;
border-top: 1px solid #E8E8CE;
background-color: #FAFAF0;
}
#rightsidebar ul ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid #E8E8CE;
}
#rightsidebar ul ul li a {
margin: 0 0 0 -10px;
padding: 0 10px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
font-weight: bold;
color: #900;
}
html>body #rightsidebar ul ul li a
{
width: 110px;
}
#rightsidebar ul ul li a:hover {
background-color: #ECF5FF;
color: #900;
}
#rightsidebar ul ul ul {
margin: 0;
border: none;
}
#rightsidebar ul ul ul li {
margin: 0 0 0 -10px;
padding: 0 0 0 25px;
border-bottom: none;
border-top: 1px solid #E8E8CE;
}
#rightsidebar ul ul ul li a {
margin: 0 0 0 -25px;
padding: 0em 10px 0em 25px;
}
#rightsidebar ul ul ul li a:hover {
background-color: #ECF5FF;
color: #000;
}
#rightsidebar li.current-cat a{
color: #000 !important;
}
#rightsidebar li.active a{
color: #000 !important;
}
#leftsidebar li.active a{
background-color: #000 !important;
color: #fff !important;
}
html>body #rightsidebar ul ul ul li a
{
width: 95px;
}
/********************** Footer **********************/
#footer {
font-size: 0.9em;
text-align: right;
clear: both;
}
#footer p {
font-size: 0.9em;
text-align: right;
margin: 0;
padding: 10px 10px 0px 0px;
background-color: #FFFFFF;
border-top: 10px solid #003399;
}
/******************* Search Widget ******************/
/* Structure */
#searchform
{
margin: -15px 0px 15px 0px;
color: #900;
}
#searchform #s
{
width: 130px;
color: #900;
}
/***************** Calendar Styles ******************/
/* Structure */
#wp-calendar {
font-size: 0.8em;
line-height: 1.2em;
text-align: center;
margin: 0 0 1.2em 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 140px;
border: 1px solid #E8E8CE;
background: #FAFAF0;
}
html>body #wp-calendar {
width: 140px;
}
#wp-calendar caption {
font-weight: bold;
margin: 1.2em 0 0 0;
padding: 0.4em 0;
background: #003399;
color: #FFF;
}
#wp-calendar caption {
font-weight: bold;
margin: 1.2em 0 0 0;
padding: 0.4em 0;
background: #003399;
color: #FFF;
}
#wp-calendar td {
border: 0;
border-collapse: collapse;
background: #FFF;
}
#wp-calendar td a {
display: block;
width: 100%;
}
#wp-calendar td.pad {
background: transparent;
}
#wp-calendar td#next {
text-align: right;
}
#wp-calendar td#prev {
text-align: left;
}
#wp-calendar td#next, #wp-calendar td#prev {
padding: 0.1em 2px;
background: transparent;
}
#wp-calendar td#next a, #wp-calendar td#prev a {
display: inline;
}
/********************** Blog ************************/
.postentry, .postfeedback{
margin-left: 1em;
}
.posttitle {
margin-bottom: 0;
width: 100%;
overflow: auto;
/* Width and overflow to clear '.posttitle a' */
color: #FFF;
}
.posttitle a {
float: left;
padding: 0 10px;
background: #003399 url(images/posttitle.gif) no-repeat top right;
}
.postmeta {
font-size: 0.9em;
margin-top: 0;
padding-top: 1px;
/*
background: url(images/postmeta.gif) no-repeat top left;
color:#000000;*/
}
.posttitle a:link, .posttitle a:visited {
color: #FFF;
}
.posttitle a:hover, .posttitle a:active{
background: #E8E8CE url(images/posttitle.gif) no-repeat 100% -91px;
color: #003366;
}
.circ {
margin-top: -20px;
padding-top: 1px;
}
.postmeta .postauthor{
color: #003399;
}
.permalink {
margin: 0 1.8em 0 0;
padding: 0 0 0 14px;
background: url(images/permalink.gif) no-repeat center left;
}
.commentslink, .trackbacklink{
margin: 0 1.8em 0 0;
padding: 0 0 0 17px;
background: url(images/commentslink.gif) no-repeat center left;
}
#comments{
width: 98%;
float: left;
margin: 0em;
padding-bottom: 0.5em;
}
.children, #commentlist {
list-style-type: none;
}
#commentlist {
clear:left;
margin: 0em;
padding: 0;
border-bottom: 1px solid #E8E8CE;
}
#commentlist li {
padding: 1px 20px 20px 20px;
border-top: 1px solid #E8E8CE;
background-color: #FFF;
}
.comment-author {
font-size: 1.1em;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-style: normal;
font-weight: bold;
margin: 0.5em 0em 0em 0em;
color: #003399;
}
.comment-author .avatar{
float:left;
margin: 0px 10px 5px 0px;
}
.fn{
font-style: normal;
}
.comment-meta {
font-size: 0.9em;
color: #999;
margin-top: 0px;
}
.alt {
background-color: #FAFAF0 !important;
}
.bypostauthor{
background-color: #F0F0F0 !important;
}
.reply{
font-size: smaller;
text-align: right;
display: block;
margin-top: -1.8em;
}
#cancel-comment-reply{
margin-right: 2em;
}
#respond{
clear: both;
margin-top: 10px;
}
li #respond{
/*border-top: 1px solid #E8E8CE;*/
border-top: 1px solid black;
}
.navigation-bottom{
height: 1em;
margin-top: 5px;
margin-bottom: 15px;
}
.navigation-top{
height: 1em;
margin: 0px;
padding-top: 1em;
}
.navigation-bottom p{
margin-top: 0px;
margin-bottom: 0px;
}
.navigation-top p{
margin-top: 0px;
margin-bottom: 0px;
}
/********************* Images ***********************/
p img {
padding: 0;
max-width: 100%;
}
/*
Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid)
*/
.aligncenter, div.aligncenter, img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
.reallysmallthumbs a img{
width: 60px;
height:60px;
float: left;
margin: 1px;
}
/******************* Geo Mashup *********************/
.locationinfo {
overflow:auto;
height:195px;
width:320px;
font-size:70%;
/* used to allow room for the info window x icon */
margin: 0px 10px 0px 0px;
}
.locationinfo h2 a{
margin: 0px;
}
.locationinfo p{
margin: 0px;
}
.locationinfo img{
height:108px;
width:auto;
}
/********************* Sociable *********************/
.sociable_tagline{
display: none;
}
.sociable ul{
margin: 0;
padding: 0;
}
.sociable{
margin: 0em 0em -1em 0em;
}
.sociable li{
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 0px 1px 0px 1px;
}
/***************** Twitter Widget *******************/
#twitter-list{
font-size: 0.9em;
}
/****************** Holly Hacks *********************/
/* holly hacks to fix peekabo bugs in IE */
/* Hides from IE5-mac \*/
* html li {height: 1%;}
/* End hide from IE5-mac */
/* Hides from IE5-mac \*/
* html #postnavigation {width: 145px; height: 2px;}
/* End hide from IE5-mac */
/****************** Per menu espandibili *********************/
ul ul ul {
display: none;
}
ul ul .current_page_item ul,
ul ul .current_page_ancestor ul {
display: block;
}
ul ul .current_page_item ul ul,
ul ul .current_page_ancestor ul ul {
display: none;
}
ul ul .current_page_ancestor ul .current_page_item ul,
ul ul .current_page_ancestor ul .current_page_ancestor ul {
display: block;
}
html>body #leftsidebar ul ul ul li a
{
width: 95px;
}
html>body #rightsidebar ul ul ul li a
{
width: 95px;
}
/* tabelle per vista circolari */
#centrecontent table {
margin-left: auto;
margin-right: auto;
width: 99%;
border: 1px solid #0066CC;
margin-top: 1em;
margin-bottom: 1em;
font-size: 0.9em;
background-color: #BFDFFF;
}
#centrecontent caption {
display: none;
}
#centrecontent table th, #centrecontent table td {
padding: 2px;
}
#centrecontent table th {
background-color: #E1F0FF;
border-bottom: 1px solid #0066CC;
}
#centrecontent table td {
background-color: #fff;
}
.postentry .riassunto{
border: none;
padding: .5em;
background-color: #ECF5FF;
}
.postentry .riassunto p{
margin: 0;
padding: 0;
font-size: 0.9em;
}
#home-left {
width: 49%;
float: left;
}
#home-right {
width: 49%;
float: right;
}
#centrecontent #home-right h3 a {
text-decoration: underline;
}
#sotto-hp {
clear: both;
}
.col-com {
width: 31%;
float: left;
background-color:#ECF5FF;
margin-right:6px;
padding: 4px;
font-size: 0.9em;
}