TopicoCss < FepFaced

---+++ CSS da Página

%STARTINCLUDE%



body {
   $ margin-top: 50px;
   $ padding: 0;
   $ background: #787878;
   $ text-align: justify;
   $ font-family: Georgia, "Times New Roman", Times, serif;
   $ font-size: 12px;
   $ color: #616161;
 }

h1, h2, h3 {
   $ margin-top: 0;
   $ color: #8C0209;
 }

h1 {
   $ font-size: 1.6em;
   $ font-weight: normal;
 }

h2 {
   $ font-size: 1.6em;
 }

h3 {
   $ font-size: 1em;
 }

ul { }

a {
   $ text-decoration: none;
   $ color: #8C0209;
 }

a:hover {
   $ border-bottom: none;
 }

a img {
   $ border: none;
 }

img.left {
   $ float: left;
   $ margin: 0 20px 0 0;
 }

img.right {
   $ float: right;
   $ margin: 0 0 0 20px;
 }

#header {
   $ width: 1000px;
   $ margin: 0 auto;
   $ height: 150px;
   $ background: url('images/img02.jpg') repeat-x left top;
 }

/* Header */

#logo {
   $ width: 1000px;
   $ height: 100px;
   $ margin: 0 auto;
   $ background: url('images/img01.jpg') no-repeat left top;; padding-left:70px; padding-right:10px; padding-top:0; padding-bottom:0
 }

#logo h1, #logo p {
   $ float: left;
   $ margin: 0;
   $ color: #8C0209;
 }

#logo span {
   $ color: #000000;
 }

#logo h1 {
   $ padding: 25px 0 0 0;
   $ letter-spacing: -1px;
   $ text-transform: lowercase;
   $ font-weight: normal;
   $ font-size: 3em;
 }

#logo p {
   $ text-transform: uppercase;
   $ padding: 47px 0 0 3px;
   $ font-size: 10px;
   $ color: #110E0F;
 }

#logo a {
   $ border: none;
   $ text-decoration: none;
   $ color: #8C0209;
 }

/* Menu */

#menu {
   $ width: 1000px;
   $ margin: 0 auto;
   $ padding: 0;
   $ height: 50px;
   $ background: url('images/img02.jpg') no-repeat left top;
 }

#menu ul {
   $ margin: 0;
   $ padding: 0;
   $ list-style: none;
 }

#menu li {
   $ display: inline;
 }

#menu a {
   $ display: block;
   $ float: left;
   $ height: 32px;
   $ margin: 0;
   $ text-decoration: none;
   $ text-transform: capitalize;
   $ background: url('images/img03.jpg') no-repeat right top;
   $ font-family: Georgia, "Times New Roman", Times, serif;
   $ font-size: 12px;
   $ color: #FFFFFF; padding-left:30px; padding-right:30px; padding-top:18px; padding-bottom:0
 }

#menu a:hover {
   $ color: #FFFFFF;
 }

#menu .current_page_item a {
   $ color: #FFFFFF;
 }

/* Wrapper */

#wrapper { }

/* Page */

#page {
   $ width: 990px;
   $ margin: 0 auto;
   $ padding: 20px 5px;
   $ background: #FFFFFF;
 }

#page-bg { }

/* Latest Post */

#latest-post {
   $ padding: 20px;
   $ border: 1px solid #E7E7E7;
 }

/* Content */

#content {
   $ float: left;
   $ width: 550px;
 }

.post {
   $ padding-bottom: 15px;
   $ line-height: 200%;
 }

.post h1 {
   $ font-weight: normal;
 }

.title {
   $ margin: 0;
   $ padding: 10px 0 4px 20px;
   $ font-weight: normal;
 }

.title a {
   $ border-bottom: none;
   $ color: #8C0209;
 }

.title a:hover {
   $ border-bottom: 1px dotted #000000;
 }

.byline {
   $ border-bottom: 1px #BBBBBB dashed;
   $ margin: -10px 20px 20px 20px;
 }

.tag {
   $ padding: 0 15px;
 }

.entry {
   $ padding: 0 20px;
 }

.links {
   $ padding: 4px 0px;
   $ text-align: right;
   $ font-weight: bold;
 }

.links a {
   $ border: none;
 }

.links a:hover { }

/* Sidebars */

#sidebar1 {
   $ float: left;
 }

#sidebar2 {
   $ float: right;
 }

.sidebar {
   $ float: left;
   $ width: 220px;
   $ padding: 0;
   $ font-size: 12px;
 }

.sidebar ul {
   $ margin: 0;
   $ padding: 0;
   $ list-style: none;
 }

.sidebar li {
   $ padding: 0 0 20px 0;
 }

.sidebar li ul { }

.sidebar li li {
   $ margin: 0 20px 0 15px;
   $ padding: 8px 0px;
   $ border-bottom: 1px #BBBBBB dashed;
 }

.sidebar li h2 {
   $ height: 30px;
   $ margin: 0;
   $ background: #890208 url('images/img05.jpg') no-repeat left top;
   $ letter-spacing: -1px;
   $ font-size: 16px;
   $ color: #FFFFFF; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:0px
 }

.sidebar a { }

/* Search */

#searchform {
   $ margin: 0;
   $ padding: 0 0 0 0;
 }

#searchform br {
   $ display: none;
 }

#searchform h2 { }

#s {
   $ margin: 10px 0px 0 15px;
   $ padding: 2px 2px;
   $ width: 180px;
   $ height: 18px;
   $ border: 1px solid #CA8186;
   $ background: #FFFFFF;
   $ font-size: 10px;
   $ color: #000000;
 }

#x {
   $ margin: 0;
   $ padding: 2px 5px;
   $ height: 25px;
   $ background: #CA8186;
   $ text-decoration: none;
   $ text-transform: uppercase;
   $ font-family: Arial, Helvetica, sans-serif;
   $ font-size: 10px;
   $ color: #CCCCCC;
 } /* Calendar */

#calendar_wrap {
   $ padding: 0 15px;
   $ text-align: center;
 }

#calendar_wrap table {
   $ width: 100%;
 }

#calendar_wrap th { }

#calendar_wrap td { }

#calendar_wrap tfoot td {
   $ border: none;
 }

#calendar_wrap tfoot td#prev {
   $ text-align: left;
   $ font-weight: bold;
   $ border: none;
 }

#calendar_wrap tfoot td#prev a {
   $ border: none;
 }

#calendar_wrap tfoot td#next {
   $ text-align: right;
   $ font-weight: bold;
   $ border: none;
 }

#calendar_wrap tfoot td#next a {
   $ border: none;
 }

/* Footer */

#footer {
   $ width: 960px;
   $ height: 70px;
   $ margin: 0 auto;
   $ background: url('images/img04.jpg') no-repeat left top;; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
 }

#footer p {
   $ margin: 0;
   $ padding: 25px 0 0 0;
   $ text-align: center;
   $ font-size: smaller;
 }

#footer a { }

#footer .link {
   $ float: right;
 }

#footer .copyright {
   $ float: left;
 }

.flower {
   $ padding-left: 20px;
 }


/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */

%STOPINCLUDE%

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
jpg	img02.jpg	manage	6.4 K	12 Nov 2010 - 15:13	UnknownUser	img02
jpg	img03.jpg	manage	0.4 K	12 Nov 2010 - 15:13	UnknownUser	img03
jpg	img04.jpg	manage	2.7 K	12 Nov 2010 - 15:14	UnknownUser	img04
jpg	img05.jpg	manage	1.4 K	12 Nov 2010 - 15:14	UnknownUser	img05
jpg	img06.jpg	manage	73.5 K	12 Nov 2010 - 15:14	UnknownUser	img06

This topic: FepFaced > WebHome > ProjetoGrafico > TopicoCss
Topic revision: r1 - 12 Nov 2010 - 15:14:38 - PaulaMoreira?

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