Perl Brasil

Pesquisar

Documentação

Artigos

Planeta

Eventos


FISL 10 - Software Livre, a tecnologia que liberta

Comunidade

r28 - 27 Mar 2009 - JoenioCosta

WebCSS

Referencias:

%STARTINCLUDE%

<style type="text/css" media="all">

   @import url("%PUBURLPATH%/%TWIKIWEB%/PatternSkin/colors.css");
   @import url("%PUBURLPATH%/%TWIKIWEB%/PatternSkin/print.css");

   /* Elementos padrao */

   * {
      font-family: sans-serif;
   }
   body {
      margin: 20px 30px 20px 30px;
      font-size: small;

   }

   a:hover {
      background-color: transparent !important;
      color: black !important;
   }
   a {
      text-decoration: none;
   }
   textarea {
      width: 100% !important;
      border: 1px solid #CCC;
   }
   input {
      border: 1px solid #CCC;
   }
   input:focus, textarea:focus {
      background-color: #FFD;
   }
   h1, h2, h3 {
      color: #121C79;
   }
   h1, h2 {
      text-align: center;
   }
   th {
      color: black;
      font-weight: bold;
   }

   /* Divs principais */

   #left {
      width: 250px;
      overflow: hidden;
      float: left;
   }
   #top {
      padding: 0 10px 0 10px;
      height: 100px;
   }
   #content {
      margin-left: 280px;
      padding: 5px 20px 5px 20px;
   }
   #footer {
      border-top: 1px solid #48F;
      clear: both;
      text-align: center;
      color: gray;
      font-size: x-small;
   }

   /* Elementos dos Divs principais */

   #top ul {
      padding: 0;
      float: right;
   }
   #top li {
      display: inline;
      list-style: none;
      width: 52px;
      height: 52px;
      margin-right: 10px;
   }
   #top li a:hover {
      text-decoration: none;
   }
   #top li a img {
      border: 0;
      border-right: 1px dashed #CCC;
      padding-right: 10px;
   }
   #top li a span {
      display: none;
      z-index: 10;
   }
   #top li a:hover span {
      display: block;
      position: absolute;
      right: 120px;
      top: 7px;
      color: #BBB;
   }
   #top li:last-child a img {
      border-right: 0;
   }
   #top h1 {
      padding: 0;
      margin: 0;
      float: left;
   }
   #top h1 img {
      position: relative;
   }
   #top span {
      text-align: center;
   }
   #left .section {
      margin: 20px 0 20px 0;
      padding-bottom: 3px;
   }
   #left .section:hover {
      /*background-color: #DDDDDD;*/
   }
   #left .section ul {
      padding: 0;
      margin: 5px 20px 0 20px;
      font-size: small;
   }
   #left .section ul li {
      list-style-type: circle;
   }
   #left .section ul#pesquisa li {
      list-style-type: none;
   }
   #left .section h4 {
      margin: 0;
      font-size: medium;
      color: black;
      border-bottom: 2px dotted #CCC;
   }
   #left .section h4:before {
      content: url(%ICONURL{toggleopen-small}%);
   }
   #left input, #left label {
      text-align: center;
      color: #AAA;
   }
   #revinfo {
      float: right;
      position: relative;
      top: -5px;
      font-size: x-small;
      color: #CCC;
   }
   #revinfo a {
      color: #AAA;
   }
   #actions {
      float: right;
      position: relative;
      top: -20px;
      color: #CCC;
   }
   #actions small a {
      color: #06C;
   }
   #webs-list {
      /* display: none; */
   }
   #footer a {
      color: #666;
   }
   #footer img {
      display: none;
   }
   #content .artigo .metainfo {
      display: block;
      color: gray;
   }
   #content .artigo h3 {
      margin-bottom:0;
      font-size: 17px;
   }
   #content .context-button {
      position: relative;
      float: right;
      width: 100px;
      height: 100px;
      text-align: center;
      padding: 5px;
   }
   #content .context-button img {
      border: 0;
   }
   #half-banner,
   #full-banner {
      text-align: center;
   }
   #half-banner img,
   #full-banner img {
      border: 1px dashed;
   }

   /* Elementos TWiki */

   .patternLogOut {
      font-size: x-small;
   }
   .twikiToc li {
      padding-left: 15px;
      list-style: none;
   }

</style>

<!--[if IE]>
<style type="text/css" media="screen">
   body {
      /* css ie 6 hack */
   }
</style>
<![endif]-->

<!--[if lte IE 6]> 
<style type="text/css">
   body {
      /* css ie 5.* hack */
   }
</style>
<![endif]-->

%STOPINCLUDE%

-- JoenioCosta - 30 Jun 2007