Oiie Estou postando isso para vocês terem uma ideia oque fazer e espero que gostem
-
-
-
*/
#navbar, #navbar-iframe {
display: none;
}
body {
background: url(http://i42.tinypic.com/xc4u9e.jpg);
margin:0px;
background-attachment: fixed;
color:#CFD8E0;
font-family: Tahoma, Helvetica, sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link, a:visited {
color: #FFB7B7;
text-decoration: none;
outline: none;
text-shadow: 1px 1px 0px none;
}
a:hover {
color: #B8C2C9;
outline: none;
text-shadow: 1px 1px 0px none;
}
/* Header */
#header {
height: 350px;
text-align: center;
margin-left:-170px;
margin-top:-50px;
}
#header-wrapper {
margin-top:0px;
}
#header h1 {
color: #fff;
text-shadow: 3px 3px 3px #FFB7B7;
font-family: 'Cookie';
font-size: 95px;
position: relative;
top: 110px;
}
.Header .description {
color: #fff;
text-shadow: 3px 3px 3px #FFB7B7;
font-family: 'Cookie';
font-size: 15px;margin-top:-550px;
}
#logo {
background: url(http://i44.tinypic.com/90u7o4.png) no-repeat center top;
margin-left:140px;
}
#menu-bottom {
height: 40px;
width: 900px;
float: left;
margin-top: 160px;
margin-left: -40px;
font-size: 20px;
font-family: 'Neucha', serif;
}
#menu-bottom ul li{
display: inline;
list-style-type: none;
background: #DDB3C1;
margin-right: 5px;
margin-left: 5px;
border-radius: 10px;
}
#menu-bottom li {
float:left;
list-style-type:none;
padding: 12px 15px 13px;
}
#menu-bottom li a{
color: #fff;
margin: 0;
outline: none;
}
#menu-bottom li:hover {
background: #ddb3c1;
border-radius: 6px;
}
#menu-bottom li a:hover{
color: #fff;
text-decoration: none;
text-shadow: white 1px 1px 1px;
}
#menu-bottom li.selected {
background: #8ac6c4;
border-radius: 6px;
}
#menu-bottom li.selected a {
text-decoration:none;
color: #fff;
}
/* Containers */
#outer-wrapper {
width: 980px;
margin:-30px auto;
padding:0 10px;
text-align:left;
font-family: verdana, Arial, sans-serif;
}
#main-wrapper {
width: 620px;
float: left;
word-wrap: break-word;
overflow: hidden;
background: white;
border-radius: 15px;
margin-top:5px;
}
#sidebar-wrapper {
width: 322px;
float: right;
word-wrap: break-word;
overflow: hidden;
margin-top: -12px;
}
/* Post */
.post {
border-bottom: #DFE3E6 dashed 1px;
padding-bottom:2em;
margin-bottom: 2em;
width: 620px;
}
#post a:link, a:visited {
color: #FFB7B7;
}
#post a:hover {
color: #CFD8E0;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px 24px;
font-size:42px;
font-weight: bold;
line-height:1.4em;
color:#CFD8E0;
font-family: 'Waiting for the Sunrise', cursive;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#CFD8E0;
}
.post h3 strong, .post h3 a:hover {
color:#CFD8E0;
}
.datapost {background: #CFD8E0;
width:60px;
height:45px;
padding-top:16px;
float:left;
display:block;
margin:0px 7px 0 10px;
font:normal bold 11px/13px verdana, Helvetica; color:#fff; text-align:center;
border-radius: 15px;text-shadow: 1px 1px 0px #8dafce;
}
.datapost span.day {
display:block;
font:normal bold 13px/14px verdana, Helvetica;
}
.post-body {
margin-top: 0px;
line-height:1.6em;
text-align: justify;
font-size:14px;
font:normal normal 13px verdana, Trebuchet, sans-serif;
padding-right: 10px;
padding-left: 10px;
color: #B7B7B7;
}
.post table{
border-collapse:collapse;
text-align: center;
margin: 0 1px;
}
.post table,th, td{
border: 0px solid #ccc;
}
.post th {
padding: 0 5px;
background: #F1F1F1;
}
.post-body blockquote {
margin: 15px;
padding: 5px;
font-size: 12px;
color: #BEC9D6;
background: #E9EDEF;
font-family: ;
font-style: none;
font-weight: bold;
border-left: 5px solid #D0D9DD;
text-shadow: 1px 1px 0px #ffffff;
}
.post-body ul li {
list-style-image: url(https://lh5.googleusercontent.com/-ZsssnSUYSP0/ToSFoyLhVDI/AAAAAAAAAYg/95jMpfN7SuY/bool.png);
}
.post-author {
color: #FFB7B7;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 22px;
}
.post-header-line-1{
margin-bottom: 25px;
}
.post-labels {
color: #FFB7B7;
padding-left: 10px;
}
.post-timestamp {
color: #CFD8E0;
}
.comment-link {
color: #67b8af;
background: url(http://2.bp.blogspot.com/-_5qNVpcok4s/TjHGj87jHvI/AAAAAAAABOU/XuVWNHnrAOg/s400/data.png) no-repeat left center;
margin-left: 15px;
font-weight: bold;
font-family: 'Waiting for the Sunrise', cursive;
text-shadow: white 1px 1px 1px;
word-spacing: 20px;
font-size: 24px;
float:right;
padding: 20px 20px 20px 17px;
}
.comment-link a:link, a:visited {
color: #FFB7B7;
}
.comment-link a:hover {
color: #CFD8E0;
}
.post-footer, .post-header {
margin: 0;
color: #7FA0A0;
line-height: 1.4em;
}
.post-footer {
margin-top: 15px;
height: 40px;
width: 620px;
}
.post-footer a:link, a:visited {
color: #FFB7B7;
}
.post-footer a:hover {
color: #CFD8E0;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* cores */
b, strong {
color: #FFB7B7;
}
i, em {
color: #c9c9c9;
}
u {
color: #FFB7B7;
padding: 0 0 1px 0;
}
.published {
border: 0;
}
/* Comments */
#comments {
margin-left:25px;
}
#comments h4 {
color: #B5BEC8;
font-family: 'Waiting for the Sunrise', serif;
font-size: 24px;
font-weight: bold;
margin-top: 40px;
padding: 0;
}
#comments-block {
padding: 0;
margin: 0 8px;
}
#comments-block .comment-body {
background: #f8f8f8;
color: #C4C4C4;
font-family: georgia;
font-style: italic;
font-size:12px;
line-height: 1.6em;
margin: 0 0 0 58px;
padding: 2px 10px;
}
#comments-block .comment-author {
background: #f8f8f8;
font-size: 11px;
margin: 25px 0 0 58px;
padding: 5px 0 0 2px;
border-bottom: 5px solid #f8f8f8;
}
#comments-block .comment-author a:link, #comments-block .comment-author a:visited {
color: #FFB7B7;
font-weight: normal;
text-transform: capitalize;
font-size:14px;
font-family:verdana;
}
#comments-block .comment-footer {
background: #f8f8f8;
font-size: 11px;
margin: 0;
padding: 0;
text-align: center;
border-bottom: 1px solid #D6DBE0;
}
#comments-block .comment-footer a {
font-weight: normal;
color: #FFD5D5;
}
#comments-block .avatar-image-container img {
background: url(https://lh3.googleusercontent.com/-55sF-vmYqFY/TvDhA2_HlzI/AAAAAAAAAmI/_eSxMMqzjcM/s45/cmc2.png) no-repeat;
border: 5px solid #D1D8DC;
height: 45px;
margin: -4px 0 0 0;
padding: 0;
width: 45px;
}
#comments-block .avatar-image-container.avatar-stock img {
background: url(https://lh3.googleusercontent.com/-55sF-vmYqFY/TvDhA2_HlzI/AAAAAAAAAmI/_eSxMMqzjcM/s45/cmc2.png) no-repeat;
border: 5px solid #B49E8D;
height: 45px;
margin: -4px 0 0 0;
padding: 0;
width: 45px;
}
#comments-block .avatar-image-container {
float: left;
left: -38px;
margin: 0 -30px 0 0;
position: relative;
top: 0px;
}
#comments-block.avatar-comment-indent {
margin-left: 5px;
position: relative;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager {
clear: both;
text-align: center;
}
#blog-pager-newer-link {
float: left;
color:#FFFFFF;
}
#blog-pager-older-link {
float: right;
color:#FFFFFF;
}
.feed-links {
display: none;
}
.button {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
display:inline-block;
*display: inline;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 1px 0px #0B5C67;
width:auto;
background: #2daebf url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/TO57cn5ArPI/AAAAAAAAB4U/SjHjPgX1TH8/s1600/overlay-button.png) repeat-x;
}
.button:hover {
background:#2daebf}
.button a {
color: #FFF;
text-decoration: none;
}
/* Sidebar Content */
#sidebar {
line-height: 1.5em;
margin-top: 0px;
color: #b7b7b7;
text-shadow: 1px 1px 1px #FFF;
text-align: justify;
margin-top: 80px;
}
#sidebar a:link, a:visited {
color: #FFB7B7;
}
#sidebar a:hover {
color: #CFD8E0;
}
.sidebar-redes {
width: 322px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
.sidebar h2 {
height: 25px;
margin-top: 0px;
font-family: 'Terminal Dosis Light', sans-serif;
color: #fff;
font-size: 24px;
background: #CFD8E0;
padding-top: 6px;
text-align:center;
padding-bottom: 6px;
text-transform: capitalize;
border-radius: 15px;
text-shadow: 1px 1px 0px #8dafce;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding: 5px 15px;
text-indent:-15px;
line-height:1.5em;
border-bottom: 0px dotted #CCC;
}
#sidebar .widget {
border-top: 0;
border-left: 0px solid #E0E0DE;
border-right: 0px solid #E0E0DE;
border-bottom: 0px solid #E0E0DE;
margin-bottom: 5px;
margin-right: 0;
}
#social {
padding: 15px 5px 0px 0;
text-align: center;
height: 65px;
float: right;
}
#social img {
margin-right: 3px;
}
#sidebar-l {
float: left;
width: 120px;
padding: 10px 15px;
border-top: 0;
border-left: 0px solid #E0E0DE;
border-right: 0px solid #E0E0DE;
border-bottom: 0px solid #E0E0DE;
margin-bottom: 20px;
margin-right: 0;
}
#sidebar-r {
float: right;
width: 120px;
padding: 10px 15px;
border-top: 0;
border-left: 0px solid #E0E0DE;
border-right: 0px solid #E0E0DE;
border-bottom: 0px solid #E0E0DE;
margin-bottom: 20px;
margin-right: 0;
}
/* Profile */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #ccc;
}
.profile-data {
margin:0;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
/* Footer */
/* Footer */
#footer-wrapper {
background: transparent;
height: 40px;
}
#footer a:link, a:visited {
color: #FFB7B7;
}
#footer a:hover {
color: #CFD8E0;
}
#footer {
width:960px;
clear:both;
margin:0 auto;
padding: 15px 0 20px 0;
line-height: 1.6em;
}
#footer a:link, {
color: #FFB7B7;
}
#footer a:hover {
color: #CFD8E0;
}
.footer-col {
width: 290px;
padding: 10px 5px;
}
#footer-col a:link, a:visited {
color: #FFB7B7;
}
#footer-col a:hover {
color: #CFD8E0;
}
.footer-col, .footer-col a {
color: #FFb7b7;
text-shadow:0 1px 0 #000;
}
.footer-col a:hover {
color: #1EACFD;
text-decoration: none;
text-shadow:0 1px 0 #000;
}
.footer-col h2 {
margin-top: 0;
color: #FFb7b7;
text-transform: none;
letter-spacing: 0;
font-size: 20px;
text-shadow:0 1px 0 #000;
font-family: 'Myriad Pro', Helvetica, Arial, Sans-Serif;
}
.footer-col ul {
list-style:none;
margin:0;
padding:0 0 0;
}
.footer-col ul li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
line-height:1.6em;
background: #dc94ac;
}
#footer-col1 {
margin-right:30px;
float: left;
}
#footer-col2 {
margin-right:30px;
float: left;
}
#footer-col3 {
float: left;
}
#credit-wrapper{
background:#683B28;
height: 20px;
padding: 10px 0;
}
#credit {
font-family: 'Amaranth', serif;
color: #dea8bf;
font-size: 17px;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0.021em;
word-spacing: 0.014em;
line-height: 1.22;
text-align: center;
}
#credit a {
color: #FFb7b7;
}
#credit a:hover {
text-decoration: underline;
}
/*---- Páginas Menu ----*/
#PageList99 {
width: 980px;
height: auto;
background: transparent; /*---- cor de fundo do menu ----*/
font-family: Terminal Dosis Light;
text-shadow: 1px 1px 0px #f87591;
color: #fff;
}
#PageList99 ul {
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}
#PageList99 li {
float:left;
display:block;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
margin: 0px;
padding-right: 15px;
}
#PageList99 ul li a {
color:#fff; /*---- cor da fonte do item do menu ----*/
background:#FFB7B7; /*---- cor de fundo do item do menu ----*/
text-decoration: none;
font-weight: bold;
font-size: 20px;
padding: 5px 18px 5px 18px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#PageList99 ul li a:hover {
color:#fff; /*---- cor da fonte quando o mouse passa em cima do item ----*/
background:#ff93aa; /*---- cor de fundo quando o mouse passa em cima do item ----*/
}
]]>
-
-
-
-
0 comentários:
Postar um comentário