-----------------------------------------------
*** Templates Novo Blogger ***
Name: Surfing (originalmente Mínima)
Designer: Ariane Naranjo
URL: http://templatesparanovoblogger.blogspot.com
Date: 10 Dezembro 2007
Distributed by: http://BTemplates.com
*** Não retirar os créditos ! ***
----------------------------------------------- */
/* Variable definitions
====================
*/
body {
background:#D6EBF3;
margin:0 auto;
color:#201B15;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#0066CC;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:982px;
height:300px;
margin: 0px 0px -10px 0px;
}
#header { /* coluna do CABEÇALHO */
margin: -10px 0px 0px 0px;
width:982px;
height:300px;
background: url(http://img243.imageshack.us/img243/1640/logocu982x300mi6.jpg) no-repeat top center;
text-align: center;
color:#C3D9FF;
}
#header2 { /* Coluna da CAIXA DE PESQUISA */
margin: -110px 0px 0px 0px;
width: 240px;
padding-top: 50px;
font: #C3D9FF;
float: right;
}
#header h1 {
margin:15px 0px 0;
padding:230px 0px 0px 0px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal bold 383% Georgia, Times, serif;
}
#header a {
color:#C3D9FF;
text-decoration:none;
}
#header a:hover {
color:#C3D9FF;
}
#header .description {
margin:10 10px 0px;
padding:0px;
max-width:800px;
text-align: center;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.2em;
font: normal bold 86% Georgia, Times, serif;
color: #3D81EE;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper { /* Área total da postagem e das colunas */
width: 982px;
margin: auto ;
padding:10px;
text-align:center;
font: normal normal 98% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
background:url() no-repeat top center;
}
#main-wrapper { /* Coluna das POSTAGENS */
background-color: #E7F4FE;
border: 2px solid #ffffff;
margin-left: 0px;
margin-top: -1px;
width: 500px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {/* Coluna da DIREITA */
background-color: #E7F4FE; /* cor do fundo*/
border: 1px solid #ffffff;
margin-right: 0px;
margin-left: 4px;
margin-top: -5px;
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper { /* Coluna da ESQUERDA */
background-color: transparent;
margin-left: -240px;
margin-top: -5px;
width: 230px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#tabsidebar-wrapper { /* COLUNA larga de CIMA */
width: 466px; /* Largura do seu menu*/
margin: 0px 0px 0px 14px; /* Margens */
border: 0px solid #ffffff; /* Bordas */
float:left; /*Menu flutuar: right-direita, left-esquerda*/
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#tab2sidebar-wrapper{ /* COLUNA larga de BAIXO */
width: 466px; /* Largura do seu menu*/
margin: 10px 0px 0px 14px; /* Margens */
border: 0px solid #ffffff; /* Bordas */
float:left; /*Menu flutuar: right-direita, left-esquerda*/
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:normal bold 105% Georgia, Times, serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#f2984c;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin: 5px;
text-align:center;
}
.post {
margin: 15px;
padding-bottom:1.4em;
padding-top:1.4em
line-height: 120%
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#000033;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000;
font-weight:bold;
padding-left: 15px;
border-bottom:3px solid #ffffff;
border-top:3px solid #ffffff;
}
.post h3 strong, .post h3 a:hover {
color:#201B15;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
text-indent: 30px;
}
.post-footer {
margin: .75em 0;
color:#f2984c;
padding-left: 15px;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
border-top:3px solid #ffffff;
border-bottom:3px solid #ffffff;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #ffffff;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote {
background: #FFFFFF;
padding:0 5px 10px 10px;
margin:10px 5px 10px 10px;
font-size: 90%;
border: 1px dotted #000000;
}
/* Comments
----------------------------------------------- */
#comments h4 {
padding-left: 5px;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #f2984c;
}
#comments-block {
padding-left: 5px;
margin:1em 0 1.5em;
line-height:1.3em;
}
#comments-block .comment-author {
padding-left: 5px;
margin:.5em 0;
}
#comments-block .comment-body {
padding-left: 5px;
margin:.25em 0 0;
}
#comments-block .comment-footer {
padding-left: 5px;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
padding-left: 5px;
margin:0 0 .75em;
}
.deleted-comment {
padding-left: 5px;
font-style:italic;
color:gray;
}
.feed-links {
padding-left: 5px;
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
padding: 5px;
float: left;
}
#blog-pager-older-link {
padding: 5px;
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #000033;
line-height: 1.5em;
margin:5px;
}
.sidebar h2 { /*TÍTULO DA SIDEBAR*/
color: #FFFFFF; /*COR DA FONTE*/
background: #488AC7; /*COR DO FUNDO*/
margin: 5px 0 20px 0; /*MARGEM*/
border: 1px solid #ffffff; /*BORDA*/
line-height: 0.9em; /*DEFINE ALTURA DA LINHA */
padding: 10px 0 10px 0; /*DISTÂNCIA ENTRE O TEXTO E AS BORDAS*/
text-align: center; /*ALINHAMENTO - CENTER, LEFT OU RIGHT*/
}
.sidebar ul {
list-style:none;
margin:5px;
padding:0 0 0;
}
.sidebar li {
margin:5px;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget{
border-bottom:0px solid #ffffff;
margin: -5px;
padding:0 0 1.5em;
}
.main .widget {
border-bottom:0px solid #ffffff;
margin: -5px; padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
margin:5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 3px;
border: 1px solid #ffffff;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #000033;
font-weight: bold;
line-height: 1.2em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
/* Credit
----------------------------------------------- */
#credit {
width:900px;
clear:both;
margin:0 auto;
padding-top:5px;
text-align: center;
border-top: 2px solid #ffffff;
}
.feed-links {
height:0px;
visibility:hidden;
display:none
}
/* ----- Busca ----- */
.txt_busca{
background-image:url(http://www.iconlet.com/icons/crystal09/16x16/search.png);
background-position:2px 2px;
background-repeat:no-repeat;
padding-left:20px;
border:1px solid #999999;
padding-right:2px;
padding-bottom:2px;
padding-top:2px;
color:#006699;
background-color:#FFFFFF;
}
-->
skip to main |
skip to sidebar
O Macromedia Dreamweaver é uma ferramenta de desenvolvimento para a web criada pela Macromedia (agora Adobe Systems), que está atualmente na versão CS3.
É possível um programa ser amado ao mesmo tempo por webmasters descolados e usuários que tem alergia a códigos? Sim, o Dreamweaver está aí para provar. O software é uma das ferramentas que oferecem mais alternativas e facilidades para o desenvolvimento de sites. Praticamente qualquer pessoa consegue criar páginas no Dreamweaver sem editar uma tag em HTML. Mas o melhor fica reservado aos profissionais da área, que podem usar e abusar na produção de páginas com CSS e XML.
0 Comments:
Postar um comentário