O style.css é a folha de estilo, que cuida de toda a estrutura e formatação do layout.
Aqui você estará personalizando seu Blog da forma que achar mais apropriado.
Esse código, foi baseado no meu Tema Base 1.1 - Menu Vertical.
Theme Name: Tema Base PerVoi
Theme URI: http://dolceillusione.com/pervoi/
Description: Menu Vertical
Version: 1.1
Author: Luh Princess
Author URI: http://dolceillusione.com/
*/
/******************* BODY ************************/
body {
font-family: tahoma, arial, verdana, ms-serif;
font-size: 10px;
color: #000000;
padding: 0px;
margin: 0px;
background: #FFFFFF url('images/fundo.png');}
div {
margin-bottom: 0px;
_margin-bottom: 0px;}
/***************** HEADER ************************/
#header {
width: 655px;
height: 250px;
background: url('images/topo.png') no-repeat top left;}
/******************* LINHA ***********************/
#page {
width: 655px;
text-align: left;
margin-left: auto;
margin-right: auto;
background: url('images/linha.png');
background-repeat: repeat-y;}
/***************** FOOTER ************************/
#footer {
clear: both;
width: 655px;
height: 30px;
background: url('images/footer.png');
background-position: bottom;}
#footertext {
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #EC4886;
text-align: center;
padding-top: 10px;}
/*************** MENU VERTICAL *******************/
#menuv {
display: block;
width: 96%;
height: 16px;
vertical-align: middle;
font-family: verdana;
font-size: 10px;
color: #EC4886;
text-indent: 5px;
line-height: 16px;
margin-bottom: 3px;
background-color: #FBD9E6;
border-top: 0px solid #F37FAB;
border-left: 5px solid #F37FAB;
border-right: 0px solid #F37FAB;
border-bottom: 0px solid #F37FAB;}
#menuv:hover {
display: block;
color: #FFFFFF;
background-color: #F7AFCA;
border-top: 0px solid #F37FAB;
border-left: 0px solid #F37FAB;
border-right: 5px solid #F37FAB;
border-bottom: 0px solid #F37FAB;}
/******************* SIDEBAR *********************/
#sidebar {
width: 160px;
font-family: arial;
font-size: 10px;
color: #EC4886;
text-align: justify;
float: left;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 10px;}
/******************** POSTS **********************/
#content {
width: 460px;
font-family: verdana;
font-size: 11px;
color:#EC4886;
text-align: justify;
float: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 10px;}
/*********** TEXTO DAS PAGINAS E POSTS ***********/
.postext {
font-family: arial;
font-size: 11px;
color: #EC4886;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
padding-botton: 1px;
background-color: transparent;
border-bottom: 0px;}
/*************** TITULOS DOS POSTS ***************/
#postlink {
display: block;
width: 100%;
height: 20px;
font-family: Georgia, Lucida Grande, Verdana;
font-size: 18px;
color: #EC4886;
text-align: center;
line-height: 25px;
padding-left: 3px;
margin-bottom: 10px;
background-color: transparent;}
#postlink a {
cursor: help;
color: #D35B88;}
#postlink a:hover {
position: relative;
color: #EC4886;
border: 0px;}
/**************** DATA DOS POSTS *****************/
.postdata {
width: 445px;
font-family: verdana;
font-size: 10px;
color: #EC4886;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
margin-bottom: 2px;
background-color: #FBD9E6;
border-top: 0px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 0px solid #F7AFCA;}
/************ CATEGORIA E COMENTÁRIO *************/
.postextra {
width: 445px;
font-family: verdana;
font-size: 10px;
color: #EC4886;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
margin-bottom: 2px;
background-color: #FBD9E6;
border-top: 0px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 0px solid #F7AFCA;}
/***************** COMENTARIO ********************/
.comments{
width: 445px;
font-family: verdana;
font-size: 10px;
color: #EC4886;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
background-color: #FBD9E6;
border-top: 5px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 5px solid #F7AFCA;}
.commentname{
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
text-align: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 5px;
background-color: #F7AFCA;
border-top: 0px solid #F37FAB;
border-left: 5px solid #F37FAB;
border-right: 5px solid #F37FAB;
border-bottom: 0px solid #F37FAB;}
/********************** LINKS ********************/
a {cursor: hand; color: #C51557; text-decoration: none;}
a:link {cursor: hand; color: #404040; text-decoration: none;}
a:visited {cursor: hand; color: #C51557;text-decoration: none;}
a:active {cursor: hand; color: #404040;text-decoration: none;}
a:hover {cursor: hand; color: #C51557; text-decoration: none;}
/********* FORMATACAO DAS TAGS DOS TEXTOS ********/
b{cursor: crosshair; color: #D35B88;}
i{cursor: crosshair; color: #D35B88; font-size: 11px;}
u{cursor: crosshair; color: #D35B88; text-decoration: underline; border-bottom: 1px solid #EC4886;}
/****************** H1 H2 H3 *********************/
h1 {font-size: 14px; color: #D35B88;}
h2 {font-size: 12px; color: #D35B88; font-weight: bold; text-transform: uppercase;}
h3 {font-size: 10px; color: #D35B88; font-weight: bold;}
/*************** TABELAS DO BLOG *****************/
/***** CAIXAS DO SIDEBAR *****/
.divisao1 {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #EC4886;
text-align: justify;
line-height: 15px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
background-color: #FFFFFF;
border-top: 2px solid #F7AFCA;
border-left: 2px solid #F7AFCA;
border-right: 2px solid #F7AFCA;
border-bottom: 2px solid #F7AFCA;}
/***** TITULO DO SIDEBAR *****/
.divisao2 {
widht: 100%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #EC4886;
text-align: center;
text-transform: uppercase;
line-height: 15px;
padding-bottom: 4px;
background-color: #FBD9E6;
border-top: 0px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 0px solid #F7AFCA;}
/************** BORDA NAS IMAGENS ****************/
.borderimage{
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
background-color: #FBD9E6;
border: 5px solid #F7AFCA;}
/****************** BLOCKQUOTE *******************/
blockquote {
widht: 100%;
color: #EC4886;
text-align: left;
padding-top: 2px;
padding-left: 30px;
padding-right: 2px;
padding-bottom: 2px;
background: #FBD9E6 url('images/quote.png');
background-repeat: repeat-y;
border-top: 1px solid #F7AFCA;
border-left: 1px solid #F7AFCA;
border-right: 1px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
/**************** EDITAR POSTS *******************/
.edit {
widht: 100%;
font-size: 11px;
color: #FF69B4;
text-align: left;
padding-left: 32px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 8px;
margin-right: 5px;
background: #FBD9E6 url('images/edit.png') no-repeat top left;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
/***************** SUBTITULOS ********************/
.subtitulos {
width: 445px;
height: 15px;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #EC4886;
text-transform: uppercase;
line-height: 15px;
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
background-color: #FBD9E6;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
/*************** ARQUIVOS DO SEARCH **************/
.arquivos {
width: 445px;
height: 15px;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #EC4886;
text-transform: uppercase;
line-height: 15px;
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
background-color: #FBD9E6;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
/****************** ÚLTIMOS POSTS ****************/
.ultimosposts {
font-family: tahoma, arial, verdana, ms-serif;
font-size: 9px;
color: #EC4886;
margin-left: 5px;}
/********* TEXTAREA, INPUTS E FORMULARIOS ********/
input, textarea, select, button {
font-size: 11px;
color: #EC4886;
background-color: #FBD9E6;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
/***************** BORDA IMAGENS *****************/
img {border: 0px;}
/******************* FOOTLINK ********************/
#footlink {
text-align: right;}
#footlink span.footlinkcurrent {
color: #FFFFFF;
padding: 0 4px 0 4px;
margin: 0 1px 0 1px;
background: #F37FAB;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
#footlink span.footlinktotal {
color: #EC4886;
padding: 0 4px 0 4px;
margin: 0 1px 0 1px;
background: #FFFFFF;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
#footlink a {
padding: 0 4px 0 4px;
margin: 0 1px 0 1px;}
#footlink a:link, #footlink a:visited, #footlink a:active {
color: #EC4886;
background: #FBD9E6;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
#footlink a:hover {
color: #EC4886;
background: #FFFFFF;
border-top: 1px solid #F7AFCA;
border-left: 5px solid #F7AFCA;
border-right: 5px solid #F7AFCA;
border-bottom: 1px solid #F7AFCA;}
/****************** CALENDARIO *******************/
#wp-calendar {
empty-cells: show;
width: 100%;
font-family: arial;
font-size: 0.9em;
text-align: center;
margin: 0;}
/* dias de posts e links */
#wp-calendar #prev a {
font-family: arial;
font-size: 10px;
font-weight: bold;
text-align: left;
letter-spacing: 1px;
border: 0px;}
#wp-calendar #next a {
font-family: arial;
font-size: 10px;
font-weight: bold;
text-align: right;
letter-spacing: 1px;
border: 0px ;}
#wp-calendar a {
font-family: arial;
font-size: 10px;
font-weight: bold;
color: #FC5C98;
background: #FFFFFF;
text-align: center;}
#wp-calendar a:hover {
display: block;
font-family: arial;
font-size: 10px;
font-weight: bold;
color: #FC5C98;
background: #FFFFFF;
text-align: center;}
/* demais dias */
#wp-calendar td {
font-family: arial;
font-size: 10px;
color: #EC4886;
text-align: center;
letter-spacing: normal;
padding: 2px 0;
background: #FBD9E6;
border: 1px groove #F7AFCA;}
/* mes */
#wp-calendar caption {
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: transparent;}
/* dias da semana */
#wp-calendar th {
font-family: arial;
font-size: 10px;
font-style: normal;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
margin-top: 3px;
background: #F7AFCA;
border: 1px groove #F7AFCA;}
/* data atual */
#wp-calendar #today {
font-family: arial;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background: #EC4886;
border: 1px groove #F7AFCA;}
Essa página foi desenvolvida por mim. Não redistribua e se utilizar dê os devidos créditos.
A explicação da página, foi baseada no site BlogAjuda
Qualquer dúvida, pergunte em Ask-me.
Seja bem vindo ao Per Voi. Prazer, eu sou a Luh, tenho 28 anos, sou carioca e vascaína. Aqui nesse cantinho você poderá encontrar alguns materiais criados por mim e outros que fui juntando ao longo do tempo, da minha vida virtual. Espero que aproveite bem tudo que estou disponibilizando.
Luh Princess







