Hogwarts Dicas / Keep Calm: Código Base

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[

-----------------------------------

Nome:Who Says Selena isn't Pretty?

Url:http://remember-productions.blogspot.pt/

Código por:Gabby Monroe

-----------------------------------

#navbar-iframe

{

display:none;

}

{

margin:0;

padding:0;

}

body, .body-fauxcolumn-outer {

background-color: #d8d8d3;

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj71Um_LFC0s7Phys9kpZoVEIyFqaw017QSfWmHN9C4tN2LBStrKGugdkSZJ9gP6Q6CHMxq_jOGZyUQz8fF4grGLzoFPtMKlj5FtHjFAxC70r0mQTBT_BZEg4HxwaSB0Ojx9iLlsPT3zMM/s1600/fundo12.png);

background-repeat:repeat-x;

background-position:top;

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

a:link {

-webkit-transition: color 0.7s ease-out;-moz-transition:

color 0.7s ease-out;transition: color 0.7s ease-out;

text-shadow: 1px 1px 0px #fff;

text-decoration: none;

color: #482626;

}

a:visited {

-webkit-transition: color 0.7s ease-out;-moz-transition:

color 0.7s ease-out;transition: color 0.7s ease-out;

text-shadow: 1px 1px 0px #fff;

text-decoration:none;

color: #482626;

}

a:hover {

-webkit-transition: color 0.7s ease-out;-moz-transition:

color 0.7s ease-out;transition: color 0.7s ease-out;

text-decoration:none;

color: #fff;

}

/********** Efeitos para sua imagem **********/

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

#header-wrapper

{

margin:0 auto;

width: 1250px;

}

/* Outer-Wrapper----------------------------------------------- */

#outer-wrapper

{

width:1250px;

margin:auto;

}

#content-wrapper

{

font-size:15px;

}

#main-wrapper

{

background: url() repeat;;

color:#000000;

font-size:10px;

width:599px;

float:left;

margin-top:10px;

text-align: center;

}

#sidebar-wrapper-left

{

background: url() repeat;;

width:300px;

float:left;

margin-top:55px;

margin-right:65px;

margin-left:160px;

word-wrap:break-word;

overflow:hidden;

font: Arial;

max-width:300px;

}

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

.sidebar h2

{

width:300px;

height: 100px;

padding-top: 105px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFByqvJdh7iCqTo1zqVayQoOUaq6l5_9AJDp8h09Kn6ZTQIOdXglB3vOlbwcaYBUz-znVbbaoBg8cWc6m0ds2MhYBwBFVsIprXnvbUgZXmgbSRAk1yjygl0koVx-GP9naZNE-NAhi7A6o/s1600/sidebar1.png) no-repeat;;

color:#000000;

font-family: Arial;

text-shadow: 0px px 0px #333; color:#FFFFFF;

font-size:20px;

text-align:center;

font-weight:700;

letter-spacing:-0.5px;

margin-bottom: -40px;

}

/* Posts

-----------------------------------------------

.post

{

font-family: Arial;

font-size:13px;

text-align: justify;

margin-bottom:0px;

}

.post a

{

color:#FFFFFF;

text-decoration:none;

}

.post a: hover

{

color:#FFFFFF;

text-decoration: none;

}

.post h3

{

weight: 600px;

height: 170px;

font-size:25px;

color: #000000;

text-align:center;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnoFzLVYJFewdrjFg3hlsmiceck8WnK8nJVI-Xeo6pHVEPNFleU7mBsuHOHxQovgM2qCkoGOMZ3u0ltu6r7p9001p0olIvZq-pXeuIdLE-9k6Ugt7mbxc9lPB-pqv76xgWsaYA8QG-JE/s1600/p1.png) no-repeat;

font-family:Arial;

text-shadow: 0px 0px 0px #333; color:#FFFFFF;

font-weight:623;

letter-spacing:-1.5px;

text-decoration: none;

padding-top: 110px;

}

h3.post-title a {

font-family: OleoScript;

color: #fff;

text-shadow: 0px 0px 2px #ffffff;

-webkit-transition:all 0.5s ease;

}

h3.post-title a:hover {

text-decoration: none;

color: #fff;

text-shadow: 0px 0px 10px #ffffff;

-webkit-transition:all 0.5s ease;

}

.post-header

{

color:#000000;

font-style:none;

font-size:10px;

text-align:auto;

margin-top: -90px;

margin-bottom: 5px;

background:#9F79EE;

}

.post-body

{

padding: 30px;

text-align: auto;

margin:0px 0px 0 0px;

line-height:1.6em;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDPgdk4A6rnYPIv2QQ3jYMtE8_gXrofsAGiQPN5bfw5glwydXRZ_PGIHyRrr-c_fxBR7rQaPVWON05VQqQkjsW45ZS83Qz9X-ookU9S9iYyeWgoxGxKQUnuPGPPpv0pHJ6WCXgE1dEm9c/s1600/p2.png) repeat;

}

a img {

-moz-border-radius: 30px; /* Para Firefox */

-webkit-border-radius: 30px; /*Para Safari e Chrome */

border-radius: 30px; /* Para Opera 10.5+*/

-webkit-filter: grayscale(0%);

transition:All 0.4s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;

-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;

-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKmgMx6cuEzBw-fJEOiIfOFG6F0AZEPMurXtXDg1tYGQIllQadSr-9UzSxnnlrSbTkrZco9rFAzsnpRGF8Dxl9GCSSGjyNGL9Xb4SgCVXq0HPSIunAif_ZBzFYmgp7djyt4WGvAOoUQcA/s1600/gerr.png);

background-position: top;

padding: 5px;

}

a:hover img {

-moz-border-radius: 0px; /* Para Firefox */

-webkit-border-radius: 0px; /*Para Safari e Chrome */

border-radius: 0px; /* Para Opera 10.5+*/

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;

-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;

-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;

background-position: bottom;

}

.post-body blockquote

{

font-style:italic;

line-height:1.3em;

}

.post-footer

{

width: 600px;

height:365px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvL7IGKSJqjpqcrqxwrDTcbtIuLrt6WE2A7vAVkT-B8lrh8yRB1Plimx7-jlKsTHe9-cX9Vtrscqw_oe4VkzAwneVwBykw06xlIhB5zmAzBjbgds4CJBezDlTXdFFsFT6hRTWIDmGs4eE/s1600/p3.png) bottom no-repeat;

letter-spacing:.1em;

text-align: center;

font: arial 10px;

line-height:1.2em;

}

background:#FFFFFF;

.post img {

-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;

-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;

-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hKwcQzsnqriCb9qp0FbyzZ5ijhtm7ag1xkOvovsJJ3c8siDWu_UZN9AQEeBdEvSI_7t6xq9i_yxryViEDhuydNLT3a8uRhZISXEfSxiR-NxyZLkUe853jgBLDVy2NWZPgnxNI3MG9rQ/s1600/Tinha.png);

background-position: top;

padding: 8px;

}

.post img:hover {

-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;

-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;

-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;

background-position: bottom;

}

padding:0px;

border:2px solid transparent;

margin:0 10px 10px 0;

}

.tr-caption-container img

{

border:none;

padding:0;

}

.post blockquote

{

margin:1em 20px;

background: url() repeat;

border: 1px solid #ffffff;

padding: 20px;

-moz-border-radius: 30px;

-webkit-border-radius: 30px;

}

.post blockquote p

{

margin:.75em 0;

}

.post ul,.post ol

{

margin-left:0px;

}

/* Comments----------------------------------------------- */

#comments h4

{

margin:1em 0;

font-weight:bold;

line-height:1.4em;

letter-spacing:.2em;

color:#000000;

}

#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;

letter-spacing:.1em;

}

#comments-block .comment-body p

{

margin:0 0 .75em;

}

.deleted-comment

{

font-style:italic;

color:gray;

}

#blog-pager-newer-link

{

float:left;

}

#blog-pager-older-link

{

float:right;

}

#blog-pager

{

text-align:right;

}

.feed-links

{

clear:both;

margin-left:10px;

line-height:2.5em;

color: #696969;

}

/* Sidebar Content----------------------------------------------- */

.sidebar

{

font-family:Arial;

font-size:12px;

color:#000000;

}

.sidebar a

{

color:#FFFFFF;

}

.sidebar ul

{

list-style:none;

margin:0;

padding:0;

}

.sidebar li

{

padding:5px 0;

}

.sidebar .widget

{

width: 294px;

text-align: center;

padding-bottom: 150px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhAzlAXPvxTrdZdqc-iuCIUjN-fsQZp1VPm8_Kk1dezZPmcts3K3iCVeNOITN0y6mMS1jLdrervC7Jm2C-FcZacQ6FGVsuDiuB6JFaORmGTiPyXb-V52Knb6sLlYWHMG-vyuNxTnhkJI/s1600/sidebar3.png) bottom no-repeat;

max-width: 300px;

}

.sidebar .widget-content

{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AblOTQCjKWze1_l3rROOiI2CyM0poQ2puRC6dYLh_XP7zu7ullnficQ-NPd-5jwZ6Wjc8y9OKCzSA6sM2DpDNggiSXWIr10gOMRDDerPfAGwlnmxq4Ybb1_NfqOAqFmMOmz9O4FbjyE/s1600/sidebar2.png) repeat;

margin:20px 0px 22px 0px;

padding-top: 5px;

padding-bottom: 5px;

padding-left: 25px;

padding-right: 14px;

}

.main .Blog

{

border-bottom-width:0;

}

/* Profile----------------------------------------------- */

.profile-img

{

float:left;

margin-top:0;

margin-right:5px;

margin-bottom:5px;

margin-left:0;

padding:0px;

border:1px solid #fff;

}

.profile-data

{

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font:normal normal 78% 'Arial', Arial, Arial, Arial, Arial;

color:#000000;

font-weight:bold;

line-height:1.6em;

}

.profile-datablock

{

margin:.5em 0;

}

.profile-textblock

{

margin:.5em 0;

line-height:1.6em;

}

.profile-link

{

font:normal normal 78% 'Arial

', Trebuchet, Arial, Arial, Arial;

text-transform:uppercase;

letter-spacing:.1em;

}

/* Footer */

.feed-links {

height:0px;

visibility:hidden;

display:none }

#navbar-iframe { height: 0px; visibility: hidden; display: none; }

.flash{

position:absolute;

top:100px;

left:400px;

}

blockquote {

border: 1px dashed #000000; /* cor da borda */

background-color: #f0dbd3; /* cor de fundo */

padding: 10px;

font-size: 11px; /* tamanho da fonte */

color: #ffffff; /* cor da fonte */

text-align: center;

}

#footer-wrapper {

background: #;

background-repeat: no-repeat;

z-index: 1000;

height: 40px;

clear: both;

font:Arial;

font-size: 100%;

color: #000;

text-align: center;

padding: 5px;

}

/*menu por Liah - Cherry Bomb - credite sempre*/#menucb {

float: left;

display: line;

margin:1px;

background:#f2eee8; /*Cor de fundo */

width: 87px; /*Largura de cada link do menu */

height: 25px;

text-align:center;

font-size: 16px; /*Tamanho da fonte*/

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

-moz-box-shadow: 1px 0px 9px #cccccc;

-webkit-box-shadow: 1px 0px 9px #cccccc;

box-shadow: 1px 0px 9px #cccccc;

text-shadow: 0px 1px 5px #cccccc;

-webkit-transition: color 0.7s ease-out;-moz-transition:

color 0.7s ease-out;transition: color 0.7s ease-out;

}

#menucb:hover {

background: #cfd9f6; /* Cor de funo quando passa o mouse*/

color: #fff; /*Cor do texto quando passa o mouse*/

}

.jump-link{

width: 481px;

height: 17px;

padding-left: 97px;

padding-right: 25px;

padding-bottom: 5px;

padding-top: 7px;

font-size: 11px;

color: #fff;

text-align:right;

}

/* PageNav --------------------------- */

.showpageArea {

font-family:Verdana, Geneva, sans-serif;

color: #000;

font-size:11px;

margin:10px; }

.showpageArea a { padding: 3px 8px;

margin: 2px;

font-weight: 700;

text-decoration: none;

color:#777; /* COR DA FONTE DO LINK PRÓXIMA */

border:1px solid #ccc; /* BORDA DO LINK PRÓXIMA */

background: #eee; /* COR DE FUNDO DO LINK PRÓXIMA */ }

.showpageNum a { padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #999; /* BORDA DA NUMERAÇÃO */

background: #ddd ; /* COR DE FUNDO DA NUMERAÇÃO */ }

.showpageNum a:hover {

border:1px solid #888; /* BORDA DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */

background: #ccc; /* COR DE FUNDO DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */ }

.showpageOf{ margin:0 8px 0 0; }

.showpagePoint {

text-decoration: none;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

border:1px solid #999; /* BORDA DA NUMERAÇÃO ATIVA */

background: #666; /* COR DE FUNDO DA NUMERAÇÃO ATIVA */

color:#fff; /* COR DA FOONTE DA NUMERAÇÃO ATIVA */ }

/*** Rolagem da Vertical da Página ***/

::-webkit-scrollbar-thumb:vertical {

background: #cda385; /*Cor da barrinha que se move*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

height:50px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

/*** Rolagem da Horizontal da Página***/

::-webkit-scrollbar-thumb:horizontal {

background-color:#cdd5dd; /*Cor da barrinha que se move*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

height:10px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

/*** Parte fixa da rolagem (fundo que não se move) ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*Largura da barra de rolagem*/

background: #dabba2; /*Cor da parte fixa, que fica no mundo*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

}

#links {position:absolute; overflow:hidden; top:13px; left:325px;}

#links {position:absolute; overflow:hidden;}

#links a {display:block; float:left; background:#transparent; color:#9c8f32; padding:5px 10px 5px 10px; margin-left:5px; font-family:arial; font-size:14px; font-weight:bold; text-transform:uppercase; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s;}

#links a:hover {background:#transparent; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-shadow: 0 0 1em #fff; -webkit-transition-duration: 0.5s;}

.player{

position:absolute;

top:65px;

left:360px;

}

]]></b:skin>

</head>

<body>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>

</b:section>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>

</map>

</div>

</div>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='HTML2' locked='false' title='We not' type='HTML'/>

<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>

<b:widget id='HTML1' locked='false' title='Gee' type='HTML'/>

</b:section>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Mensagens de blogue' type='Blog'/>

</b:section>

</div>

</div>

</div> </div>

<div id='footer-wrapper'>Remember Productions © 2013 - Todos os direitos reservados.<br/>Layout e Código por <a href='http://sweetproductionss.blogspot.pt/'>Gabby Monroe</a> Flash por: <a href='http://cherryproductions.fanzoom.net/' target='_blank'>Cherry Productions</a></div>

<a href='http://remember-productions.blogspot.pt/p/regras.html'>Regras</a>

<a href='http://remember-productions.blogspot.pt/p/packs.html'>Packs</a>

<a href='http://remember-productions.blogspot.pt/p/encomende.html'>Encomende</a>

<a href='http://remember-productions.blogspot.pt/p/extras.html'>Extras</a>

</div>

</object>

</div>

</body>

</html>

Hogwarts Dicas / Keep Calm

quarta-feira, 17 de abril de 2013

Código Base - Gabby Monroe

Sem comentários:

Enviar um comentário