Download as
Browse Code »

Commit e28ec256ddf13d0611fd7fb9049a5676a957250f

Authored by higo.gomes
1 parent 5e117e9f
Exists in master and in 1 other branch Desenvolvimento-Ases-Web

Novo CSS para o Template "baseLayout". 

git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%20Web/Fontes/avaliador-web@10586 c2178572-b5ca-4887-91d2-9e3a90c7d55b
Showing 1 changed file with 255 additions and 0 deletions   Show diff stats
src/main/webapp/inicial_arquivos/css/default.css 0 → 100644
  Diff comments   View file @e28ec25
... ... @@ -0,0 +1,255 @@
  1 +body {
  2 + margin: 0 auto;
  3 + background-color: #fff;
  4 + color: #000000;
  5 + font-family: Open Sans, Arial, Helvetica, sans-serif;
  6 + font-size: 12px;
  7 +}
  8 +
  9 +h1, h2, h3, h4, h5, h6 {
  10 + font-family: Open Sans, Arial, Helvetica, sans-serif;
  11 +}
  12 +
  13 +header ul li {
  14 + display: inline;
  15 + margin-top: 0px;
  16 +}
  17 +
  18 +header {
  19 + width: 100%;
  20 + /*Banner*/
  21 + /* height: 132px;*/
  22 + background-color: #19882c;
  23 + /* Old browsers */
  24 + background-color: #0A5517;
  25 + background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  26 + /* FF3.6+ */
  27 + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%,
  28 + color-stop(1%, #19882c), color-stop(100%, #025310));
  29 + /* Chrome,Safari4+ */
  30 + background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  31 + /* Chrome10+,Safari5.1+ */
  32 + background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  33 + /* Opera 12+ */
  34 + background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  35 + /* IE10+ */
  36 + background-image: radial-gradient(ellipse at center, #19882c 1%, #025310 100%);
  37 + /* W3C */
  38 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c',
  39 + endColorstr='#025310', GradientType=1);
  40 + /* IE6-9 fallback on horizontal gradient */
  41 +}
  42 +
  43 +a {
  44 + text-decoration: none;
  45 +}
  46 +
  47 +#accessibility {
  48 + width: 50%;
  49 + float: left;
  50 + text-indent: 22%;
  51 + width: 50%;
  52 + margin-bottom: 15px;
  53 +}
  54 +
  55 +#accessibility a {
  56 + color: #dcffe3;
  57 + font-size: 12px;
  58 +}
  59 +
  60 +#accessibility span {
  61 + background: #9ed5ab;
  62 + color: dcffe3;
  63 + padding: 0 4px;
  64 +}
  65 +
  66 +#accessibility a:hover {
  67 + border-bottom: 1px solid;
  68 +}
  69 +
  70 +#portal-siteactions {
  71 + float: right;
  72 + width: 50%;
  73 + text-align: right;
  74 +}
  75 +
  76 +#portal-siteactions ul {
  77 + margin-right: 19%;
  78 +}
  79 +
  80 +#portal-siteactions ul li {
  81 + padding-left: 10px;
  82 + padding-right: 10px;
  83 + padding-bottom: 5px;
  84 + border-bottom: 1px dotted #9bc2a3;
  85 +}
  86 +
  87 +#portal-siteactions a {
  88 + color: #dcffe3;
  89 + font-size: 13px;
  90 +}
  91 +
  92 +#logo {
  93 + padding: 0;
  94 + float: left;
  95 + width: 70%;
  96 + padding-left: 14%;
  97 + margin-bottom: 15px;
  98 +}
  99 +
  100 +#logo a {
  101 + color: #fff;
  102 + display: block;
  103 + width: 100%;
  104 + margin: 1px 0px;
  105 +}
  106 +
  107 +#logo #portal-title-1 {
  108 + font-size: 17px;
  109 + font-weight: 800;
  110 +}
  111 +
  112 +#logo #portal-title {
  113 + font-size: 50px;
  114 + font-weight: 800;
  115 +}
  116 +
  117 +#logo #portal-description {
  118 + font-size: 17px;
  119 + margin: 5px 0 0 0;
  120 + text-transform: uppercase;
  121 + font-weight: 800;
  122 +}
  123 +
  124 +#sobre {
  125 + clear: both;
  126 + width: 100%;
  127 + margin: 0;
  128 + background: #0a5517;
  129 + padding: 5px 0;
  130 +}
  131 +
  132 +#sobre ul {
  133 + max-width: 960px;
  134 + margin: 0 auto;
  135 + text-align: right;
  136 +}
  137 +
  138 +#sobre a {
  139 + color: #fff;
  140 +}
  141 +
  142 +#sobre .portalservicos-item a {
  143 + margin-top: 50%;
  144 + padding: 0 10px;
  145 + border-right: 1px solid #fff;
  146 + font-size: 12px;
  147 +}
  148 +
  149 +#voltar-topo {
  150 + text-align: right;
  151 + font-size: 12px;
  152 +}
  153 +
  154 +#voltar-topo a {
  155 + color: #000000;
  156 +}
  157 +/*-----------Footer-----------*/
  158 +footer {
  159 + background: #034811;
  160 + padding: 20px 0;
  161 + width: 100%;
  162 + min-height: 50%;
  163 +}
  164 +
  165 +.logo-acesso {
  166 + margin-left: 10%;
  167 +}
  168 +
  169 +.logo-brasil {
  170 + margin-left: 58%;
  171 +}
  172 +
  173 +footer ul li {
  174 + display: inline;
  175 + margin-top: 0px;
  176 +}
  177 +
  178 +#main {
  179 + max-width: 960px;
  180 + margin: 0 auto;
  181 + background: #fff;
  182 +}
  183 +
  184 +#label_contato {
  185 + width: 10%;
  186 + float: left;
  187 +}
  188 +#txt_contato
  189 +{
  190 + width: 90%;
  191 + float: left;
  192 +}
  193 +
  194 +
  195 +/*--------tabe---------*/
  196 +
  197 +@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
  198 +
  199 +*, *:after, *:before {
  200 + box-sizing: border-box;
  201 +}
  202 +.tabs-container {
  203 + position: relative;
  204 + height: 360px;
  205 + max-width: 98%;
  206 + margin: 0 auto;
  207 +}
  208 +/*
  209 +.tabs-container p{
  210 + margin: 0;
  211 + padding: 0;
  212 +}*/
  213 +.tabs-container:after {
  214 + content: '.';
  215 +display: block;
  216 + clear: both;
  217 + height: 0;
  218 + font-size: 0;
  219 + line-height: 0;
  220 + visibility: none;
  221 +}
  222 +input.tabs {
  223 +display: none;
  224 +}
  225 +input.tabs + label {
  226 + line-height: 40px;
  227 + padding: 0 20px;
  228 + float: left;
  229 +
  230 + background: #444;
  231 + color: #fff;
  232 + cursor: pointer;
  233 + transition: background ease-in-out .3s;
  234 +}
  235 +
  236 +input.tabs:checked + label {
  237 + color: #000;
  238 + background: #eee;
  239 +}
  240 +input.tabs + label + div {
  241 + width: 98%;
  242 + opacity: 0;
  243 + position: absolute;
  244 + background: #eee;
  245 + top: 40px;
  246 + left: 0;
  247 + min-height height: 200px;
  248 + padding: 10px;
  249 + z-index: -1;
  250 + transition: opacity ease-in-out .3s;
  251 +}
  252 +input.tabs:checked + label + div {
  253 + opacity: 1;
  254 + z-index: 1000;
  255 +}
... ...