• Bem Vindo!

    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.
    Não esquecendo é claro de ler os Termos para isso!
    Bjsss Luh Princess
  • Me encontre aqui:

    Mia Vita - Dolce Illusione.com
    Gmail Msn Orkut
  • Calendário

    Agosto 2008
    D S T Q Q S S
    « Mai    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31  
  • Comunidade

  • Enquete

    O que gostaria que tenha no Per Voi?

    Tutoriais para WP
    Temas Free
    Temas Base
    Utilitários
    Scripts
    Gifs e Acessórios
    Lays Free


  • Parcerias

     ~ Drikoti


    Gifs para você!!
  • Estatísticas

    Total de Posts: 95
    Total de Comentários: 38
    Total de Categorias: 16
    Post: É...eu ainda estou viva! o/
    Comentário: patricia
586 VisitasHome » Style.ccs
Última Atualização: 15/10/2007 - 03:45:58

Style.ccs


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.




© Dolce Illusione.com/PER VOI εїз | Editado por Luh Princess

Melhor visualização: IE 7.0. | Melhor resolução: 1024 x 768.

Bad Behavior has blocked 265 access attempts in the last 7 days.