illustrazioni gallery, illustrazione, tavole a fumetti, fumetto, lista lavori webdesign, servizio di realizzazione siti, Anastasia Licandro

/* ----------------------------------------------- 
Blogger Template Style 
Name:     Minima 
Date:     26 Feb 2004 
Updated by: Blogger Team 
----------------------------------------------- */ 
/* Variable definitions
   ====================    
   <Variable name="bgcolor" description="Page Background Color"
   type="color" default="#fff" value="#DDE1CA">
   <Variable name="textcolor" description="Text Color"
   type="color" default="#333" value="#7F7F61">
   <Variable name="linkcolor" description="Link Color"
   type="color" default="#58a" value="#B09470">
   <Variable name="pagetitlecolor" description="Blog Title Color"
   type="color" default="#666" value="#ffffff">
   <Variable name="descriptioncolor" description="Blog Description Color"
   type="color" default="#999" value="#ffffcc">
   <Variable name="titlecolor" description="Post Title Color"
   type="color" default="#c60" value="#B09470">
   <Variable name="bordercolor" description="Border Color"
   type="color" default="#ccc" value="#B8B98F">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
   type="color" default="#999" value="#B09470">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
   type="color" default="#666" value="#66654C">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
   type="color" default="#999" value="#B09470">
   <Variable name="bodyfont" description="Text Font"
   type="font" default="normal normal 100% Georgia, Serif"
   value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"
   value="normal normal 85% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
   type="font" default="normal normal 200% Georgia, Serif"
   value="normal normal 200% Trebuchet, Trebuchet MS, Arial, sans-serif">
   <Variable name="descriptionfont" description="Blog Description Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"
   value="normal normal 85% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"
   value="normal normal 85% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
   type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
   type="automatic" default="right" value="right"> 

*/ 

/* Use this with templates/template-twocol.html */ 

body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
#sidebar-wrapper a:link {
  color:#9FA076;
  text-decoration:none;
  }
#sidebar-wrapper a:visited {
  color:#9FA076;
  text-decoration:none;
  }
#sidebar-wrapper a:hover {
  color:#FFFFFF;
  }

#main-wrapper a:link {
  color:$linkcolor;
  text-decoration:none;
  }
#main-wrapper a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
#main-wrapper a:hover {
  color:#B3B48A;
  }
a {
  outline : none;
  -moz-outline: none;
}
a img {
  cursor: pointer;
  filter: alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity:1;
  display: block;
  border-width:0;
}
a img:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity:0.9;
}

/* Header -------------------------------------- */

#header-wrapper {
  width:970px;
  height: 126px;
  background-image: url(http://www.forbicesassocarta.it/immagini/sezioni/extra/tutorial/01/blog/banner.png);
  background-repeat: no-repeat;
  margin:0;
  border:0;
  padding: 0;
  }

#header-inner {
  width:970px;
  height: 126px;
  margin: 0;
  position: relative;
}

#header-titolo {
  position: absolute;
  top: 45px;
  left: 159px;
  width: 450px;
  height: 50px;
  font-size: 25px;
  font-weight: bold;
  color: #F5F0E8;
  text-align: center;
  letter-spacing: 2px;
  line-height: 50px;
  text-shadow: 2px 2px 2px #B79E7E;
  
}

#header { 
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

#header-wrapper a {
  color:#F5F0E8;
  text-decoration:none;
  }

#header-wrapper a:hover {
  color:#AF9472;
  text-decoration:none;
  }

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}
#crosscol-wrapper {
  width:590px;
  margin:0;
  padding:0;
  font-size: 11px;
  text-align: center;
}


/* Outer-Wrapper -------------------------------------- */
#outer-wrapper {
  width: 970px;
  background-image: url(http://www.forbicesassocarta.it/immagini/sezioni/extra/tutorial/01/blog/fondo-contenitore.png);
  background-repeat: repeat-y;
  margin:0 auto;
  padding: 0;
  text-align:$startSide;
  font: $bodyfont;
  font-size: 12px;
  }

#content-wrapper {
  margin:0;
  padding-left: 60px;
  padding-right: 60px;
  }

#main-wrapper {
  width: 590px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}


/* Headings -------------------------------- */

h2 {
  margin-bottom: 10px;
  background-image: url(http://www.forbicesassocarta.it/immagini/sezioni/extra/tutorial/01/blog/rotellina-h2.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 30px;
  padding-top: 4px;
  line-height: 24px;
  font:$headerfont;
  font-weight: bold;
  text-transform:uppercase;
  letter-spacing:1px;
  color:$sidebarcolor;
  height: 20px;
}


/* Posts ---------------------------------------- */
h2.date-header {
  background-image: none;
  padding-left: 0;
  color: #B8B98F;
  }

.post {
  margin:.5em 0 1.5em;
  border:0;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:0 0 15px 0;
  background-image: url(http://www.forbicesassocarta.it/immagini/sezioni/extra/tutorial/01/blog/rotellina-titolo.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 30px;
  font-size:140%;
  font-weight:bold;
  line-height:1.4em;
  color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight: bold;
}

.post h3 strong, .post h3 a:hover {
  color:#B3B48A;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin: .75em 0;
  color:#B3B48A;
  letter-spacing:.1em;
  font: $postfooterfont;
  text-transform:uppercase;
  line-height: 1.4em;
}
.comment-link {
  margin-$startSide:.6em;
  }
.post img {
  padding:3px;
  border-top:1px solid #E0E4B4;
  border-left:1px solid #DBDFAF;
  border-right:1px solid #DBDFAF;
  border-bottom:2px solid #DBDFAF;
  background-color: #FFFFFF;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments ---------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content ---------------------------------- */
.sidebar { 
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  color: #B09470;
  }

.sidebar .widget, .main .widget { 
  border: 0;
  margin:0;
  padding-bottom:10px;
 }

.main .Blog { 
  border-bottom-width: 0;
}


/* Profile ------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 10px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  background-color: #F1F2E5;
  padding:2px;
  border-top:1px solid #CFD0A7;
  border-left:1px solid #CBCCA3;
  border-right:1px solid #CBCCA3;
  border-bottom:2px solid #CBCCA3;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: #A5B2A1;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  letter-spacing: 1px;
}

/* Loghetti ------------------------------------ */

#logo-twitter {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 7px;
  left: 852px;
}
#logo-facebook {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 7px;
  left: 776px;
}
#logo-feed {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 7px;
  left: 700px;
}
#loghetto {
  position: absolute;
  width: 92px;
  height: 92px;
  background-image: url(http://www.forbicesassocarta.it/immagini/sezioni/extra/tutorial/01/blog/logo.png);
  background-repeat: no-repeat;
  top: 6px;
  left: 37px;
}
#rotella {
  width: 48px;
  height: 48px;
  background-image: url(http://www.forbicesassocarta.it/immagini/sezioni/extra/tutorial/01/blog/rotella.gif);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

/* Footer ----------------------------------- */
#footer {
  width:590px;
  clear:both;
  margin:0;
  padding-top:15px;
  padding-left:60px;
  line-height: 1.6em;
  letter-spacing:1px;
  font-size: 11px;
  text-align: center;
}
#bottom {
  width: 970px;
  height: 140px;
  background-image:  url(http://www.forbicesassocarta.it/immagini/sezioni/extra/tutorial/01/blog/footer.png);
  background-repeat: no-repeat;
  margin: 0;
  padding:0;
  text-align: center;
}