adding the new layout proposed by Lucas

[cascardo/ema.git] / media / css / geral.css

diff --git a/media/css/geral.css b/media/css/geral.css
index 57dc4f2..a3457f6 100644 (file)
--- a/media/css/geral.css
+++ b/media/css/geral.css
@@ -1,6 +1,6 @@
 /* -*- coding: utf-8 -*-
  *
- * Copyright (C) 2008 Lincoln de Sousa <lincoln@minaslivre.org>
+ * Copyright (C) 2008 Lucas Petes da Costa <lucas@milk-it.net>
  *
  * This program is free software; you can redistribute it and/or
  * modify it under the terms of the GNU General Public License as
@@ -17,68 +17,195 @@
  * Free Software Foundation, Inc., 59 Temple Place - Suite 330,
  * Boston, MA 02111-1307, USA.
  */
+
+@charset "UTF-8";
+/* CSS Document */
+
 body {
-    margin: 10px 114px 10px 10px;
-    font: normal 10pt verdana;
+background-color:#FFF;
+font-family:Arial, Helvetica, sans-serif;
+font-size:small;
+margin:0; padding:0;
+font-size:12px;
+}
+
+h1 {
+padding:35px 0 25px 18px;
+}
+
+div#esquerda {
+width:333px;
+float:left;
+}
+
+div#direita {
+margin-left:333px;
+}
+
+ul#menu {
+list-style:none;
+text-align:right;
+text-transform:uppercase;
 }
 
-h1.title {
-    background: url(/imgs/logo.png) no-repeat;
-    overflow: hidden;
-    height: 114px;
-    width: 300px;
+ul#menu li {
+height:46px;
+margin-bottom:-22px;
 }
 
-h1.title a {
-    display: block;
-    padding-top: 114px;
+ul#menu li a:hover, ul#menu li a.current {
+background:url(/imgs/li_menu.png);
+color:#F6D4D4;
 }
 
-#top {
-    margin-bottom: 20px;
+ul#menu li a {
+color:black;
+font-weight:bold;
+display:block;
+height:31px;
+padding:15px 21px 0 0;
+text-decoration:none;
+}
+
+div#top-right {
+height:99px;
+background:url(/imgs/el_border_top.png) no-repeat;
+padding-left:19px;
+}
+
+div#top-right form {
+padding-top:70px;
+margin-bottom:-35px;
+font-size:13px;
+}
+
+div#top-right input {
+font-size:14px;
+}
+
+div#top-right label {padding:0 10px;}
+
+ul#menu_usuario {
+list-style:none;
+padding-top:75px;
 }
 
-#top em {
-    font-size: 12pt;
-    margin-left: 114px;
+ul#menu_usuario li {
+display:inline;
+padding-right:5px;
+font-size:13px;
 }
 
-#login-form {
-    position: absolute;
-    top: 10px;
-    right: 114px;
+ul#menu_usuario a {
+color:#333;
+text-decoration:none;
+border-bottom:1px solid #f00;
 }
 
-#login-form h2 {
-    margin: 0px 0px 10px 0px;
+div#content {
+border-left:1px solid #777;
+background:url(/imgs/h2_left.png) no-repeat;
+padding:19px 30px 30px 30px;
 }
 
-ul#main-menu {
-    padding: 0px;
-    list-style: none;
-    margin-left: 114px;
+div#content h2 {
+margin-left:-8px;
+color:#FFF;
+font-size:22px;
+font-weight:bold;
+background:url(/imgs/h2_right.png) right no-repeat #222;
+padding-top:6px;
+margin-right:-30px;
+margin-bottom:35px;
 }
 
-ul#main-menu li {
-    display: inline;
-    margin-right: 10px;
+div#content h2 a {
+text-decoration: none;
+color: #FFF;
 }
 
-ul#main-menu li a {
-    text-decoration: none;
-    color: #666;
+div#content p {
+line-height:150%;
+margin-top:15px;
+text-align:justify;
 }
 
-ul#main-menu li a:hover {
-    text-decoration: underline;
-    color: red;
+div#content ul {
+list-style:url(/imgs/bullet.gif) inside;
+line-height:170%;
+margin-top:15px;
 }
 
-#content h3 a {
-    text-decoration: none;
-    color: #cc0000;
+div#content ol {
+list-style:inside decimal-leading-zero none;
+line-height:170%;
+margin-top:15px;
 }
 
-#content {
-    padding-left: 114px;
+/* Forms */
+
+input, textarea, select {
+color:#222;
+border:1px solid #c8c8c8;
+font-size:12px;
+}
+
+select { padding:0 0 0 1px;}
+
+form ul {
+list-style:none;
+margin:6px 0 10px 0;
+clear:none;
+float:left;
+width:100%;
+list-style:none !important;
+text-align:left;
+}
+
+form li {
+clear:both;
+float:left;
+padding: 5px 0 5px 0;
+width:100%;
+background:none;
+line-height:normal;
+margin:0;
+}
+
+form li div li {float:none;border:none;}
+form li div ul {float:none;margin:none;border:0;}
+form li div input {margin-right:10px;}
+
+form label {
+float:left;
+display:block;
+width:170px;
+}
+
+form label.inline {
+display:inline !important;
+float:none !important;
+margin-top:-2px;
+width:auto;
+padding-right:5px;
+}
+
+form li div {
+float:left;
+}
+
+form li div div { margin-left:0 !important; float:none !important; }
+
+div.button {margin-top:6px; padding-left:170px;}
+div.button input, input.button { color:#F6D4D4 !important; font-weight:bold; background: #CA0000; border:2px solid #9F0F0B !important; padding-left:10px; padding-right:10px; }
+input.button {font-size:13px !important; margin-left:6px;}
+div.button input.imagem { background:none !important; border:0 !important;}
+
+/* Tabelas */
+
+table {margin:auto; width:100%; margin-top:15px;}
+th {font-weight:bold; font-size:12px; color:#222; text-transform:uppercase; border-bottom:2px solid #dfdfdf !important;}
+th,td {
+padding:3px;
+border-bottom:1px solid #dfdfdf;
 }
\ No newline at end of file