SEU TUMBLR
body{background: color: #ffffff; fixed; color: #000000; font: 11px 'verdana';}
a:link,a:active,a:visited { color: #000000; text-decoration: none; -webkit-transition-duration: .50s;} a:hover { color: #1c1c1c;} b, strong {color: #000000; text-decoration: none; cursor: help;} s {color: #000000;cursor: help;} i {color: #000000; text-decoration: none;cursor: help;} u, underline {color: #000000; text-decoration: none; border-bottom: 1px dashed #000000;cursor: help;}
O body do style, é o foco do css. Por que? Por que nele vem a personalização do fundo do tema e da fonte de toda a página. Se você preferir um background de imagen, ao invés de background: color #ffffff; você deve colocar background: url (‘urldoteubg’);
Bom, depois de entender o background, vamos aos links. O link é o ‘a’ do style. Por isso que sempre que você for colocar um link e algum lugar no html, vai ser link por que é o link do style. Bom, isso você não precisa entender mais vamos a personalização. No terceiro ‘color’ do código, onde há #000000 na personalização dos links, você substitui pela cor do seu link geral do theme, e em a: hover { color: #1c1c1c} é a cor no hover, ou seja, quando passa o mouse.
Depois nos outros #000000 é a personalização do negrito (b) riscado (s) itálico (i) e sublinhado (u) a única coisa que você pode mudar é a cor, e o cursor se souber. Prontinho? Então vamos aos títulos. Parte2;
h1 {color: #000000; font-family: 'Carrois Gothic'; font-size:18px; line-height:30px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
h2 {color: #000000; font-family: 'Courier New', tahoma; font-size:35px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;} font-family: 'Carrois Gothic', sans-serif;
O h1 vai servir de personalização para o quote, para os links, para os tittles e etc. Sempre que você quiser usar é só colocar o que você quer aqui
ok? Mude as cores e se quiser mude as fontes, que vem depois de font-family:, Mais nada além disso. Pronto? Agora vamos as caixas. Parte3;
.side {background: #fff; color: 000; margin-bottom: 25px; padding: 5px; width: 200px; top: 80px; left: 50px; text-align: justify; position: fixed;}
.posts {background: #ffffff;color: 000; margin-top: 25px; padding: 5px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
Em .side vem o layout da sidebar, a cor a posição, a margem… Mude apenas o #fff ok? Em .posts vem o estilo da caixa dos posts, mude apenas o background #ffffff ok? Bom, daí já existe um tema, agora falta apenas os blocks de posts, fotos, quotes, etc. Mais como eu sou linda e meiga, coloquei um menu no tema pra ele não ficar tão feio. É esse aqui:
.menu{text-align: center; text-decoration: none;} .menu a{text-transform:uppercase!important; padding: 5px 5px 5px 5px; display: inline-block; background:#1c1c1c; margin-top: 5px; font-size: 8px; color: #ffffff; font-family: 'tahoma'; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-weight: bold;} .menu a:hover{background: #4f4f4f; color: #ffffff;} blockquote {font-size: 11px; font-family: 'tahoma'; color: #000000; background: #ffffff; }
E de brinde ainda veio um blockquote personalizado haha. Bom, vamos entender. o #1c1c1c é o background do menu, os #ffffff é a cor da fonte, e o#4f4f4f é a cor do background ao passar o mouse. Dúvidas? Nenhuma né? Caso tenha vá na ask. Agora a personalização do style acabou, vamos ao <body> Lá, você colocará isso. Não esquece de fechar todas as divs e no final do tema é necessário o e o