LayoutTemplateCSS < SSL

---+!! CSS do Site

<verbatim>
%STARTINCLUDE%
* {
  margin: 0;
  padding: 0;
}

body {
  background: #333 url("%ATTACHURL%/back.gif") repeat;
  text-align: center;
  font: normal 11px/18px verdana, arial, tahoma, sans-serif;
  color: #333;
  padding-top: 40px;
}

a {
  color: #A00;
  text-decoration: none;
}
a:visited {
  color: #B55;
}
a:hover {
  color: #F00;
  text-decoration: underline;
}

#content ul, #content ol {
  margin-left: 25px;
}

#content .twikiToc ul {
  list-style-image: url("http://www.twiki.ufba.br/twiki/pub/TWiki/PatternSkin/bullet-down.gif");
}

#content p {
  margin: 10px 0px;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
  margin: 20px 0px 15px 10px;
  color: #B00;
  text-align: left;
}

#header {
  width: 580px;
  height: 210px;
  background: #000 url("%ATTACHURL%/top.jpg") no-repeat;
  background-position: top right;
}

#wrapper {
  width: 580px;
  background: #fff url("%ATTACHURL%/sidebar.gif") repeat-y;
  background-position: 0 0;
  border: solid 10px #fff;
  margin: 0 auto;
  text-align: left;
}

#title1 {
  width: 140px;
  height: 60px;
  background-color: #000;
  margin: 1px 1px 1px 0;
  float: left;
  font: bold 16px/30px arial, verdana, tahoma, sans-serif;
  padding-left: 10px;
  color: #FC0;
  font-weight: bold;
}

#title2 {
  width: 419px;
  height: 60px;
  background-color: #333;
  float: left;
  font: bold 16px/30px arial, verdana, tahoma, sans-serif;
  padding-left: 10px;
  color: #fff;
  margin-top: 1px;
}

#header ul {
  list-style: none;
  z-index: 2;
  margin-left: 0px;
  border-right: 1px solid #fff;
  height: 210px;
  width: 150px;
}

#header ul li a {
  color: #fff;
  font: normal 11px/24px verdana, arial, tahoma, sans-serif;
  display: block;
  width: 140px;
  height: 24px;
  background-color: #000;
  border-bottom: 1px solid #fff;
  padding-left: 10px;
  text-decoration: none;
}

#header ul li a:hover {
  background-color: #555;
}

#sidebar {
  width: 132px;
  background-color: #ccc;
  float: left;
  position: relative;
  left: -4px;
  margin-left: -147px;
  border-top: 1px solid #fff;
  text-align: center;
  font-size: 12px;
  font-family: verdana, arial, tahoma, sans-serif;
  font-weight: 800;
  padding: 8px;
}

.dateColor {
  color: #A00;
}

#sidebar a img {
  margin-bottom: 20px;
  border: none;
}

#sidebar a:hover img {
  border-color: #f00;
}

#content {
  float: left;
  width: 400px;
  margin: 0px 0px 0px 10px;
  text-align: justify;
}

#footer {
  text-align: center;
  clear: both;
  width: 400px;
  margin-left: 163px;
}

.twikiAttachments {
  position: relative;
}

#attachmentsshow, #attachmentshide {
  display: none;
}

%STOPINCLUDE%
</verbatim>


LayoutTemplateCSSie
-- Main.MonicaPaz - 26 Feb 2007

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
jpg	top.jpg	manage	52.4 K	27 Feb 2007 - 19:00	UnknownUser
xcf	top.xcf	manage	1627.8 K	27 Feb 2007 - 19:00	UnknownUser

This topic: SSL > WebLeftBar > Organizacao > LayoutTemplateCSS
Topic revision: r9 - 03 Nov 2008 - 15:39:41 - DartAraujo?

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