WebCSS < MarSol

MarSol Web>ProjetoGrafico>WebCSS (25 Feb 2010, FlavioAraujo? ) (raw view)EditAttach

<!--
   * Set TITULO = CSS do Sítio
-->

Modularização:
   * WebConteudoCSS
   * WebIntranetCSS

<verbatim>
%STARTINCLUDE%

body {
  margin: 20px 0px;
  padding: 0px;
  background-color: #F0F0F0;
  text-align: center;
  font-family: verdana, helvetica, sans-serif;
  font-size: 14px;
  background: #fff url('%ATTACHURLPATH%/bgfundo.png') top center;
}

#corpo {
  position: relative;
  width: 760px;
  margin: auto;
  text-align: left;
  padding-top: 100px;
}

#login {
padding: 20px;
}

#logo {
  width: 250px;
  height: 105px;
  float: left;
  /* background-color: #FFF; */
  background-image: url("%ATTACHURL%/logo-marsol-144x100-cinza.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  margin-top: -110px;
  z-index: 10;
}

#user {
padding-left: 20px;
padding-right: 20px;
}

#cabecalho{
  /* width: 505px; */
  width: 760px;
  max-width: 520px;
  padding-left: 240px;
  height: 105px;
  float: right;
  margin: 0px;
  position: absolute;
  margin: -110px 0px 0px 0px; /* 240px; */
  background-color: #FFFFFF;
  background-image: url("%ATTACHURL%/bgtop.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
#cabecalho strong{
  display: block;
  margin: 20px 20px 0px 20px;
  font-size: 38px;
  color: #000000;
}
/* #cabecalho b{
  display: block;
  margin: 0px 0px 0px 20px;
  font-size: 22px;
  color: #000000;
} */
#cabecalho span{
  display: none;
}
#cabecalho strong span{
  display: inline;
  margin-left: 5px;
  font-size: 18px;
  letter-spacing: 1px;
}

#imgs{
  width: 765px;
  height: 155px;
  margin-top: 0px;
}

#imgs div{
  float: left;
  width: 250px;
  height: 150px;
  margin-right: 5px;
  position: relative;
}

#img3{
  margin-right: 0px;
}

#imgs img{
  position: absolute;
  top: 0px;
  left: 0px;
}

#tronco{
  clear: both;
  background-image: url("%ATTACHURL%/bgleft.png");
  background-repeat: repeat-y;
}

#sidebar {
  height: 100%;
}

#sidebar {
  background-image: url("%ATTACHURL%/bgleft.png");
  clear: both;
  width: 250px;
  float: left;
  min-height:100%
}

#getFF{
  display: block;
  margin-top: 30px;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: 2px;
}
#getFF img{
  text-align: center;
  margin: auto;
  display: block;
}

.topic-Atas #conteudo .twikiLink {
margin-top: 4px;
}

/* Menu Inicio */

#menu{
  clear: right;
  width: 505px;
  max-width: 485px;
  padding-left: 20px;
  height: 40px;
  float: right;
  background-color: #FC0;
  text-align: center;
}

#menu ul,
#menu li{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
}

#menu a{
  display: block;
  float: left;
  color: #545454;
  text-decoration: none;
  line-height: 40px;
  padding: 0px 5px;
  margin-left: 1px;
}
#menu a:hover{
  background-color: #FFEE88;
  color: #000000;
}

#menu ul ul{
  display: none;
  background-color: #FFEE88;
  border: 1px solid #FFCC22;
  position: absolute;
  top: 290px;
  left: 640px;
  width: 130px;
  list-display: none;
  margin: 0px;
  z-index: 99;
}

#menu ul ul li{
  float: left;
}

#menu ul ul ul{
  top: 5px;
  left: 50px;
}

#menu ul ul a{
  padding: 0px 2px 0px 5px;
  display: block;
  width: 120px;
  text-align: left;
  line-height: 40px;
  background-color: #FFEE88;
}

#menu ul ul a:hover{
  background-color: #FFFFDD;
}

#menu ul ul a.linkSubMenu:link,
#menu ul ul a.linkSubMenu:active,
#menu ul ul a.linkSubMenu:visited{
  font-weight: 800;
}

/* fim do menu */

#conteudo{
  clear: right;
  position: relative;
  margin-top: 5px;
  width: 505px;
  max-width: 475px;
  min-height: 600px;
  padding: 0px 15px;
  float: right;
  background-color: #cfeaf1;
  background-position: left top;
  background-image: url("%ATTACHURL%/bgconteudo.png");
  background-repeat: repeat-x;
  text-align: left;
  z-index: 0;
}

#rodape{
  clear: both;
  margin: 5px 0px;
  padding: 5px;
  background-color: #FC0; 
  color: #540;
  font-size: 9px;
  text-align: center;
  position: relative;
}

#btsTWiki{
  position: absolute;
  right: 10px;
  top: 5px;
}

hr {
      border-top: 1px dashed #fff;
      border-bottom: none;
      color: #fff;
      height: 4px;
      margin-left: 10px;
      margin-right: 10px;
}

#btPrint span {
display: none;
}

#btPrint {
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 5px;
background-position: left top;
background-image: url("%ATTACHURL%/print.png");
background-repeat: no-repeat;
}

#user a {
color: #545454;
}

#user a:hover {
color: #000;
}

/* * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebConteudoCSS}%

/* * * Intranet * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebIntranetCSS}%

%STOPINCLUDE%
</verbatim>

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
png	bgbottom.png	manage	0.3 K	29 May 2008 - 16:54	UnknownUser
png	bgconteudo.png	manage	0.3 K	29 May 2008 - 17:02	UnknownUser
png	bgfundo.png	manage	0.3 K	29 May 2008 - 16:45	UnknownUser
png	bgleft.png	manage	0.2 K	29 May 2008 - 16:30	UnknownUser
png	bgtop.png	manage	0.3 K	29 May 2008 - 16:23	UnknownUser
png	fundoNews.png	manage	0.2 K	09 Aug 2006 - 18:50	UnknownUser
gif	logo-marsol-144x100-cinza.gif	manage	2.9 K	10 Aug 2006 - 01:31	UnknownUser
gif	logo-marsol-144x100.gif	manage	2.6 K	09 Aug 2006 - 17:45	UnknownUser
gif	logo-marsol-173x119.gif	manage	3.0 K	21 Jul 2006 - 17:39	UnknownUser
png	logo_petrobras.png	manage	3.3 K	12 May 2008 - 17:54	UnknownUser	Logo Petrobras
png	print.png	manage	0.6 K	29 May 2008 - 17:33	UnknownUser

Topic revision: r29 - 25 Feb 2010 - 16:01:23 - FlavioAraujo?

MarSol

MarSol Web
MarSol Web Home
Changes
Index
Search

Webs
- Abacos
- Acbahia
- AnpedGT16
- ArcoDigital
- Argumento
- Avsan
- CalculoB
- Ceb
- Cetad
- CetadObserva
- Cibercultura
- Ciberfem
- CiberParque
- ColoquioCiags
- Coloquiofasa
- ConexoesSaberes
- Cpdteste
- Cppd
- Creche
- Cridi
- Da
- DACN
- DCE
- DelzaTeste
- DeniseCarla
- DepHistoria
- DicionarioBelasartes
- Ecologia
- EDC
- Educandow
- EduMus
- EleicoesReitor2010
- Encima
- Enearte
- Estruturas
- EstruturasEng
- FACED
- FAT
- FepFaced
- GEC
- GeneticaBiodiversidade
- GeneticaBiodiversidade3?
- GeneticaBiodiversidade.GeneticaBiodiversidade
- Gepindi
- GetecEng
- Godofredofilho
- GrupoAlgebra
- ICI010
- Informev
- Ites
- LabioComp
- LEG
- Lepeja
- Letras
- LivroLivreSalvador
- Main
- MaisUm
- MarSol
- Mata07
- Mefes
- MefesCpd
- MetaReciclagem
- Neclif
- NelsonPretto
- Nuclear
- Numcad
- Nutricao
- Observa
- OrfaosdeRua
- PauloCostaLima
- PdI
- PescandoLetras
- PETFilosofia
- Pgif
- PGNUT
- PortalPpga
- PosCultura
- Pospetroigeo
- PPGAC
- PPGE
- PpggBio
- Ppggenbio
- Pretto
- Proad
- PROGESP
- ProjetoLencois
- Quimica
- RadioFACED
- RadioTeatro
- RadioWeb
- Riosymposium10
- Ripe
- Salasdoctai
- Sat
- Sedu
- SemBio
- SeminarioPibid
- SimoneLucena
- Sociologia
- SSL
- Tabuleiro
- TabuleirosUfba
- TCinema
- TerritoriosDigitais
- TWiki
- Twikidea
- UFBAIrece
- UniversidadeNova
- VizinhoEstrangeiro
- XIISNHCT

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