Difference: FolhaDeEstilos (1 vs. 2)

Revision 219 Mar 2009 - AndersonCarvalho

Line: 1 to 1
 
Changed:
<
<
* {
>
>
body {
 
margin
0;
padding
0;
Added:
>
>
background
#FFFFFF;
font-family
Arial, Helvetica, sans-serif;
font-size
13px;
color
#6D6D6D;
 }
Changed:
<
<
body { background: #fff url(images/bg.jpg) repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #222;
>
>
h1, h2, h3 {
margin
0;
text-transform
lowercase;
font-weight
normal;
color
#78CC00;
}

h1 {

letter-spacing
-1px;
font-size
32px;
}

h2 {

font-size
23px;
 }
Changed:
<
<
a {
>
>
p, ul, ol {
margin
0 0 2em 0;
text-align
justify;
line-height
26px;
}

a:link {

color
#7AD000;
}

a:hover, a:active {

 text-decoration: none;
Changed:
<
<
color: #99AECD;
>
>
color
#7AD000;
}

a:visited {

color
#7AD000;
}

img {

border
none;
}

img.left {

float
left;
margin
7px 15px 0 0;
}

img.right {

float
right;
margin
7px 0 0 15px;
}

/* Form */

form {

margin
0;
padding
0;
}

fieldset {

margin
0;
padding
0;
border
none;
}

legend {

display
none;
}

input, textarea, select {

font-family
"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size
13px;
color
#333333;
}

#wrapper {

background
#7ACF00 url(images/img03.jpg);
 }
Changed:
<
<
a:hover {
>
>
/* Header */

#header {

width
900px;
height
80px;
margin
0 auto 20px auto;
padding-top
10px;
}

#logo {

float
left;
height
120px;
margin-left
30px;
}

#logo h1 {

font-size
38px;
color
#3399CC;
}

#logo h1 sup {

vertical-align
text-top;
font-size
24px;
}

#logo h1 a {

color
#FFFFFF;
}

#logo h2 {

text-transform
uppercase;
font-family
Arial, Helvetica, sans-serif;
font-size
10px;
color
#FFFFFF;
}

#logo a {

text-decoration
none;
color
#FFFFFF;
}

/* Menu */

#menu {

float
right;
}

#menu ul {

margin
0;
padding
28px 0 0 0;
list-style
none;
}

#menu li {

display
inline;
}

#menu a {

display
block;
float
left;
margin-left
5px;
background
#6AB000;
padding
7px 10px;
text-decoration
none;
font-size
15px;
color
#FFFFFF;
}

#menu a:hover {

 text-decoration: underline;
Deleted:
<
<
color: #4F5D7F;
 }
Changed:
<
<
#wrap {
>
>
#menu .active a { }

/* Page */

#page {

width
900px;
 margin: 0 auto;
Changed:
<
<
width: 800px;
>
>
padding
20px 20px;
 }
Changed:
<
<
#header { height: 110px
>
>
/* Content */

#content {

float
left;
width
590px;
padding
0px 30px 0px 30px;
}

/* Post */

.post { }

.post .title {

margin-bottom
20px;
padding-bottom
5px;
border-bottom
10px solid #EDEDED;
}

.post .entry { }

.post .meta {

margin
0;
padding
15px 0 60px 0;
background
url(images/img04.jpg) repeat-x left 30%;
}

.post .meta p {

margin
0;
line-height
normal;
}

.post .meta .byline {

float
left;
color
#0000FF;
 }
Changed:
<
<
#header h1 { font-size: 50px; letter-spacing: -5px; padding: 27px 0 0 0; color: #fff;
>
>
.post .meta .links {
float
left;
 }
Changed:
<
<
#header h1 a { color: #fff;
>
>
.post .meta .more {
width
185px;
height
35px;
padding
5px 0px 5px 0px;
text-transform
uppercase;
 text-decoration: none;
Changed:
<
<
font-weight: 600; letter-spacing: -5px;
>
>
font-size
11px;
 }
Changed:
<
<
#header h1 a:hover { color: #fff; border-bottom: 1px dotted #fff;
>
>
.post .meta .comments {
padding
5px 0px 5px 0px;
text-transform
uppercase;
text-decoration
none;
font-size
11px;
 }
Changed:
<
<
.right {
>
>
.post .meta b {
display
none;
}

/* Sidebar */

#sidebar {

 float: right;
Changed:
<
<
width: 600px; text-align: justify; padding-top: 5px;
>
>
width
230px;
 }
Changed:
<
<
.right h2 {
>
>
#sidebar ul {
margin
0;
padding
10px 0 0 0;
list-style
none;
}

#sidebar li {

margin-bottom
40px;
}

#sidebar li ul { }

#sidebar li li {

margin
0;
padding
3px 0;
border-bottom
1px dashed #D1D1D1;
}

#sidebar li li a {

margin
0;
padding-left
25px;
background
url(images/img01.png) no-repeat left 50%;
}

#sidebar h2 {

margin-bottom
10px;
padding-bottom
5px;
border-bottom
10px solid #EDEDED;
 font-size: 18px;
Changed:
<
<
font-weight: 100; padding: 15px 0 7px 0;
>
>
font-weight
normal;
 }
Changed:
<
<
.right h2 a {
>
>
#sidebar a {
 text-decoration: none;
Added:
>
>
color
#6D6D6D;
 }
Deleted:
<
<
.right h2 a:hover {
 
Added:
>
>
/* Search */

#search {

 }
Changed:
<
<
.left { float: left; width: 200px; padding-top: 10px;
>
>
#search h2 {
margin-bottom
20px;
}

#s {

width
150px;
margin-right
5px;
padding
3px;
border
1px solid #F0F0F0;
}

#x {

padding
3px;
background
#ECECEC url(images/img08.gif) repeat-x left bottom;
border
none;
text-transform
lowercase;
 font-size: 11px;
Added:
>
>
color
#4F4F4F;
 }
Changed:
<
<
.left ul { padding: 10px 0 15px 0; list-style-type: none;
>
>
/* Boxes */

.box1 {

padding
20px;
background
url(images/img05.gif) no-repeat;
 }
Changed:
<
<
.left ul li a { text-decoration: none; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
>
>
.box2 {
color
#BABABA;
}

.box2 h2 {

margin-bottom
15px;
background
url(images/img10.gif) repeat-x left bottom;
font-size
16px;
color
#FFFFFF;
 }
Deleted:
<
<
.left ul li a:hover {
 
Added:
>
>
.box2 ul {
margin
0;
padding
0;
list-style
none;
 }
Added:
>
>
.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {
color
#EDEDED;
}

/* Footer */

 #footer {
Added:
>
>
height
400px;
min-height
74px;
padding
10px 0 0 0;
background
#979797 url(images/img02.jpg) repeat-x left top;
font-family
Tahoma, Arial, Helvetica, sans-serif;
}

html>body #footer {

height
auto;
}

#legal {

clear
both;
padding-top
20px;
 text-align: center;
Changed:
<
<
font-size: 11px; color: #000; margin-top: 40px; background: #fff url(images/bg.jpg) repeat-x; height: 110px; padding-top: 30px;
>
>
text-transform
uppercase;
font-size
10px;
color
#353535;
}

#legal a {

font-weight
bold;
color
#FFFFFF;
 }
Changed:
<
<
#footer a { color: #000; } #footer a:hover { color: #aaa; }
>
>
 %STOPINLCUDE%

Revision 119 Mar 2009 - AndersonCarvalho

Line: 1 to 1
Added:
>
>
* {
margin
0;
padding
0;
}

body { background: #fff url(images/bg.jpg) repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #222; }

a { text-decoration: none; color: #99AECD; } a:hover { text-decoration: underline; color: #4F5D7F; }

#wrap { margin: 0 auto; width: 800px; }

#header { height: 110px } #header h1 { font-size: 50px; letter-spacing: -5px; padding: 27px 0 0 0; color: #fff; } #header h1 a { color: #fff; text-decoration: none; font-weight: 600; letter-spacing: -5px; } #header h1 a:hover { color: #fff; border-bottom: 1px dotted #fff; }

.right { float: right; width: 600px; text-align: justify; padding-top: 5px; } .right h2 { font-size: 18px; font-weight: 100; padding: 15px 0 7px 0; } .right h2 a { text-decoration: none; } .right h2 a:hover {

}

.left { float: left; width: 200px; padding-top: 10px; font-size: 11px; }

.left ul { padding: 10px 0 15px 0; list-style-type: none; } .left ul li a { text-decoration: none; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .left ul li a:hover {

}

#footer { text-align: center; font-size: 11px; color: #000; margin-top: 40px; background: #fff url(images/bg.jpg) repeat-x; height: 110px; padding-top: 30px; } #footer a { color: #000; } #footer a:hover { color: #aaa; } %STOPINLCUDE%

 
This site is powered by the TWiki collaboration platformCopyright &© by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback