Difference: FolhaDeEstilos (1 vs. 2)

Revision 219 Mar 2009 - AndersonCarvalho

-<
<
+* {
->
>
+body {
  margin
 0;
  padding
 0;
->
>
+ background
 #FFFFFF;
  font-family
 Arial, Helvetica, sans-serif;
  font-size
 13px;
  color
 #6D6D6D;
+}
-<
<
+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;
+}
-<
<
+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;
-<
<
+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);
+}
-<
<
+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;
-<
<
+color: #4F5D7F;
+}
-<
<
+#wrap {
->
>
+#menu .active a {
}

/* Page */

#page { 

 width
 900px;
 margin: 0 auto;
-<
<
+width: 800px;
->
>
+ padding
 20px 20px;
+}
-<
<
+#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;
+}
-<
<
+#header h1 { 
font-size: 50px;
letter-spacing: -5px;
padding: 27px 0 0 0;
color: #fff;
->
>
+.post .meta .links { 
 float
 left;
+}
-<
<
+#header h1 a { 
color: #fff;
->
>
+.post .meta .more { 
 width
 185px;
  height
 35px;
  padding
 5px 0px 5px 0px;
  text-transform
 uppercase;
 text-decoration: none;
-<
<
+font-weight: 600;
letter-spacing: -5px;
->
>
+ font-size
 11px;
+}
-<
<
+#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;
+}
-<
<
+.right {
->
>
+.post .meta b { 
 display
 none;
 
}

/* Sidebar */

#sidebar {
 float: right;
-<
<
+width: 600px;
text-align: justify;
padding-top: 5px;
->
>
+ width
 230px;
+}
-<
<
+.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;
-<
<
+font-weight: 100;
padding: 15px 0 7px 0;
->
>
+ font-weight
 normal;
+}
-<
<
+.right h2 a {
->
>
+#sidebar a {
 text-decoration: none;
->
>
+ color
 #6D6D6D;
+}
-<
<
+.right h2 a:hover {
->
>
+/* Search */

#search {
+}
-<
<
+.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;
->
>
+ color
 #4F4F4F;
+}
-<
<
+.left ul {
padding: 10px 0 15px 0;
list-style-type: none;
->
>
+/* Boxes */

.box1 { 

 padding
 20px;
  background
 url(images/img05.gif) no-repeat;
+}
-<
<
+.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;
+}
-<
<
+.left ul li a:hover {
->
>
+.box2 ul { 
 margin
 0;
  padding
 0;
  list-style
 none;
+}
->
>
+.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  { 
 color
 #EDEDED;
 
}

/* Footer */
 #footer {
->
>
+ 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;
-<
<
+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;
+}
-<
<
+#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%

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%

View topic | History: r2 < r1 | More topic actions...

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