Download as
Browse Code »

Commit 907f7bab59a166d185f92356c10c6ae28dba857c

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

git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%2… 

…0Web/Fontes/avaliador-web@10670 c2178572-b5ca-4887-91d2-9e3a90c7d55b
Showing 1 changed file with 359 additions and 47 deletions   Show diff stats
src/main/webapp/inicial_arquivos/css/avaliar.css
  Diff comments   View file @907f7ba
1   -
  1 +@media only screen and (min-width : 768px) {
2 2 .content
3 3 {
4   -
5 4 font-weight: normal !important;
6 5 }
  6 +
7 7 .sublinharLink
8 8 {
9 9 text-decoration:underline;
... ... @@ -13,7 +13,7 @@
13 13 {
14 14 font-size: 1.4em;
15 15 font-weight: normal;
16   - font-family: Arial, Helvetica, sans-serif;
  16 + font-family: Arial, Helvetica, sans-serif !important;
17 17 }
18 18  
19 19 .tile strong
... ... @@ -21,6 +21,17 @@
21 21 font-size: 1.2em;
22 22 font-weight: bold;
23 23 }
  24 +fieldset
  25 + {
  26 + font-size: 14px;
  27 + font-family: Arial, Helvetica, sans-serif !important;
  28 + }
  29 +.width-5
  30 +{
  31 + width: 26%;
  32 + float: left;
  33 + margin-left: 10%;
  34 +}
24 35  
25 36 #content fieldset {
26 37 -moz-border-bottom-colors: none;
... ... @@ -49,13 +60,26 @@ div .outstanding-header h2
49 60 margin:0;
50 61 border: none;
51 62 }
52   -.outstanding-header .outstanding-title
53   -{
54   - margin:0;
55   - padding-top:10px;
56   - font-size: 1.7em;
57   - font-weight: normal;
58   - padding-bottom: 10px;
  63 + .outstanding-title {
  64 + color: #2C67CD;
  65 + font-size: 18px;
  66 + font-weight: normal ;
  67 + font-family: Arial, Helvetica, sans-serif;
  68 + padding: 7px 0;
  69 + margin-left: 0;
  70 + padding-left: 0.3em;
  71 + border-bottom: 1px solid #CCCCCC;
  72 +}
  73 +
  74 + .contraste .outstanding-title {
  75 + color: #fff;
  76 + font-size: 18px;
  77 + font-weight: normal ;
  78 + font-family: Arial, Helvetica, sans-serif;
  79 + padding: 7px 0;
  80 + margin-left: 0;
  81 + padding-left: 0.3em;
  82 + border-bottom: 1px solid #CCCCCC;
59 83 }
60 84 div #notaResumo .outstanding-title
61 85 {
... ... @@ -64,7 +88,7 @@ div #notaResumo .outstanding-title
64 88 border-bottom: 1px solid #c0c0c0;
65 89 }
66 90  
67   -hr
  91 +.hr_linhaDupla
68 92 {
69 93 border-bottom: 4px solid #000;
70 94 border-top: 4px solid #c0c0c0;
... ... @@ -107,11 +131,24 @@ table caption{
107 131 line-height: 1em;
108 132 }
109 133  
110   -div.scoreB {
  134 +div.scoreB_verde {
111 135 background-color: #0d0 !important;
112 136 border: 4px solid #090;
113 137 color: #fff !important;
114 138 text-shadow: 0.1em 0.1em 0.1em #000;
  139 +
  140 +}
  141 +div.scoreB_amarela {
  142 + background-color: #FFCC00!important;
  143 + border: 4px solid #e6e600;
  144 + color: #000 !important;
  145 +}
  146 +div.scoreB_vermelha {
  147 + background-color: #e60000!important;
  148 + border: 4px solid #ff0000;
  149 + color: #fff !important;
  150 + text-shadow: 0.1em 0.1em 0.1em #000;
  151 +
115 152 }
116 153 div.block {
117 154 background: #ffa none repeat scroll 0 0;
... ... @@ -127,6 +164,14 @@ div.block {
127 164 margin-left: 5px;
128 165 width: 40%;
129 166 }
  167 +
  168 +.contraste #tabelaErros {
  169 + position: relative;
  170 + margin-bottom: 30px;
  171 + margin-left: 5px;
  172 + width: 40%;
  173 + border: 1px solid #fff;
  174 +}
130 175 #tabelaErros .topo {
131 176 font-size: 1.4em;
132 177 background-color: #d2e4fc;
... ... @@ -134,6 +179,14 @@ div.block {
134 179 text-align: left;
135 180 font-size: 1.3em;
136 181 }
  182 +
  183 +.contraste #tabelaErros .topo {
  184 + font-size: 1.4em;
  185 + background-color: #000;
  186 + color: #fff;
  187 + text-align: left;
  188 + font-size: 1.3em;
  189 +}
137 190 #tabelaErros .celula {
138 191 background-color: #f2f4f7;
139 192 color: #003399;
... ... @@ -141,6 +194,35 @@ div.block {
141 194 font-weight: normal;
142 195 }
143 196  
  197 +.contraste #tabelaErros .celula {
  198 + background-color: #000;
  199 + color: #fff;
  200 + text-align: left;
  201 + font-weight: normal;
  202 +}
  203 +
  204 +.contenteudoAvaliacao
  205 +{
  206 + font-size: 1.2em;
  207 + font-family: Arial, Helvetica, sans-serif;
  208 + clear: both;
  209 +}
  210 +
  211 +.contenteudoAvaliacao table
  212 +{
  213 + width: 100%;
  214 + background-color: #fff;
  215 + font-size: 1.2em;
  216 + font-family: Arial, Helvetica, sans-serif;
  217 +}
  218 +
  219 +.contraste .contenteudoAvaliacao table
  220 +{
  221 + width: 100%;
  222 + background-color: #000;
  223 + font-size: 1.2em;
  224 + font-family: Arial, Helvetica, sans-serif;
  225 +}
144 226 .containerAvaliacao .topo2
145 227 {
146 228 font-size: 14px;
... ... @@ -149,11 +231,26 @@ div.block {
149 231 padding: 5px;
150 232 text-align: left;
151 233 }
  234 +
  235 +.contraste .containerAvaliacao .topo2
  236 +{
  237 + font-size: 14px;
  238 + background-color: #000;
  239 + color: #fff;
  240 + padding: 5px;
  241 + text-align: left;
  242 +}
  243 +
152 244 caption
153 245 {
154 246 text-align: left;
155 247 }
156 248  
  249 +.containerAvaliacao table
  250 +{
  251 + border: 1px solid #fff;
  252 +}
  253 +
157 254 .containerAvaliacao .celula
158 255 {
159 256 background-color: #fff;
... ... @@ -161,68 +258,283 @@ caption
161 258 color: #003399;
162 259 }
163 260  
164   -.contenteudoAvaliacao
165   -{
166   - font-size: 1.2em;
167   - font-family: Arial, Helvetica, sans-serif;
168   -}
169   -.contenteudoAvaliacao table
170   -{
171   - width: 100%;
172   - background-color: #fff;
173   - font-size: 1.2em;
174   - font-family: Arial, Helvetica, sans-serif;
  261 +.contraste .containerAvaliacao .celula
  262 +{
  263 + background-color: #000;
  264 + padding: .4em;
  265 + color: #fff !important;
175 266 }
176 267  
177   - .outstanding-title {
178   - color: #2C67CD;
179   - font-size: 1.7em;
180   - font-weight: normal ;
181   - padding: 7px 0;
182   - margin-left: 0;
183   - padding-left: 0.3em;
184   - border-bottom: 1px solid #CCCCCC;
185   -}
186 268 .outstanding-header{
187 269 border-bottom: 1px solid #CCCCCC;
188 270 }
189   ---------Contraste----------
190   -
191 271  
192   -.contraste .containerAvaliacao table .topo2
  272 +.indiceAvaliar0
193 273 {
194   - background-color: #F7F7F7;
195   - border-collapse: collapse;
196   - margin: 0;
197   -
198   - color: #003399;
199   - padding: .4em;
  274 + width: 15%;
200 275 }
201 276  
202   -.contraste .containerAvaliacao table .celula
  277 +.indiceAvaliar1
203 278 {
204   - background: #fff;
205   - border:1px solid #fff;
206   - color: #000;
  279 + width: 50%;
207 280 }
208 281  
  282 +
  283 +----Contraste----------
  284 +
  285 +
  286 +
209 287 .contraste img
210 288 {
211 289 border: none;
212 290 }
213   -/*
  291 +}
  292 +/*-----Fim (min-width : 768px)------ */
214 293  
215 294  
  295 +@media only screen and (max-width : 768px) {
  296 +
  297 +.content
  298 +{
  299 + font-weight: normal !important;
  300 +}
  301 +.sublinharLink
  302 +{
  303 + text-decoration:underline;
  304 +}
216 305  
  306 +.tile
  307 +{
  308 + font-size: 1.4em;
  309 + font-weight: normal;
  310 + font-family: Arial, Helvetica, sans-serif;
  311 +}
217 312  
  313 +.tile strong
  314 +{
  315 + font-size: 1.2em;
  316 + font-weight: bold;
  317 +}
218 318  
  319 +.width-5
  320 +{
  321 + width: 26%;
  322 + margin-left: 10px;
219 323  
  324 +}
220 325  
  326 +#content fieldset {
  327 + -moz-border-bottom-colors: none;
  328 + -moz-border-left-colors: none;
  329 + -moz-border-right-colors: none;
  330 + -moz-border-top-colors: none;
  331 + border-color: #329fd7;
  332 + border-image: none;
  333 + border-style: solid none none;
  334 + border-width: 0.1em;
  335 +}
  336 +fieldset, .editionComment {
  337 + line-height: 1.5em;
  338 + margin: 1em 0;
  339 + padding: 0 1em 1em;
  340 + width: auto;
  341 +}
221 342  
  343 +div .outstanding-header#notaResumo
  344 +{
  345 + margin:0;
  346 + border-top: 4px solid #c0c0c0;
  347 +}
  348 +div .outstanding-header h2
  349 +{
  350 + margin:0;
  351 + border: none;
  352 +}
  353 +.outstanding-title {
  354 + color: #2C67CD;
  355 + font-size: 1.7em;
  356 + font-weight: normal;
  357 + padding: 7px 0;
  358 + margin-left: 0;
  359 + padding-left: 0.3em;
  360 + border-bottom: 1px solid #CCCCCC;
  361 +}
  362 +
  363 +.contraste .outstanding-title {
  364 + color: #fff !important;
  365 + font-size: 1.7em;
  366 + font-weight: normal;
  367 + padding: 7px 0;
  368 + margin-left: 0;
  369 + padding-left: 0.3em;
  370 + border-bottom: 1px solid #CCCCCC;
  371 +}
  372 +
  373 +div #notaResumo .outstanding-title
  374 +{
  375 +
  376 + border-top: 4px solid #000;
  377 + border-bottom: 1px solid #c0c0c0;
  378 +}
  379 +
  380 +.hr_linhaDupla
  381 +{
  382 + border-bottom: 4px solid #000;
  383 + border-top: 4px solid #c0c0c0;
  384 +}
  385 +
  386 +table caption{
  387 + margin-top: 10px;
  388 + margin-bottom: 10px;
  389 +}
  390 +
  391 +#webaxscore {
  392 + background: transparent url("img/bg.png") repeat scroll left top;
  393 + color: #000;
  394 + float: left;
  395 + margin: 0 10% 1em 12%;
  396 + padding: 2em;
  397 + text-align: center;
  398 + width: 7em;
  399 + height: 4em;
  400 +}
  401 +
  402 +#webaxscore h3 {
  403 + font-size: 2em;
  404 + font-weight: normal;
  405 + line-height: 1em;
  406 + margin: 0;
  407 + padding: 0;
  408 +}
  409 +
  410 +#webaxscore em, #webaxscore strong {
  411 + font-size: 0.7em;
  412 + margin: 0;
  413 + padding: 0;
  414 +}
  415 +
  416 +#webaxscore span {
  417 + display: block;
  418 + font-size: 2em;
  419 + font-weight: bold;
  420 + line-height: 1em;
  421 +
  422 +}
  423 +
  424 +div.scoreB {
  425 + background-color: #0d0 !important;
  426 + border: 4px solid #090;
  427 + color: #fff !important;
  428 + text-shadow: 0.1em 0.1em 0.1em #000;
  429 +
  430 +}
  431 +div.block {
  432 + background: #ffa none repeat scroll 0 0;
  433 + border: 1px solid #999;
  434 + color: #000;
  435 + margin-left: 10%;
  436 + width: 28%;
  437 +}
  438 +
  439 +#tabelaErros {
  440 + position: relative;
  441 + margin-bottom: 30px;
  442 + margin-left: 5px;
  443 + width: 40%;
  444 +}
  445 +#tabelaErros .topo {
  446 + font-size: 1.4em;
  447 + background-color: #d2e4fc;
  448 + color: #003399;
  449 + text-align: left;
  450 + font-size: 1.3em;
  451 +}
222 452  
  453 +.contraste #tabelaErros .topo
  454 +{
  455 + background-color: #000 !important;
  456 + border-collapse: collapse;
  457 + margin: 0;
  458 +
  459 + color: #fff;
  460 + padding: .4em;
  461 +}
223 462  
  463 +#tabelaErros .celula {
  464 + background-color: #f2f4f7;
  465 + color: #003399;
  466 + text-align: left;
  467 + font-weight: normal;
  468 +}
224 469  
  470 +.containerAvaliacao table
  471 +{
  472 + border: 1px solid #fff;
  473 +}
225 474  
  475 +.containerAvaliacao .topo2
  476 +{
  477 + font-size: 14px;
  478 + background-color: #F7F7F7;
  479 + color: #003399;
  480 + padding: 5px;
  481 + text-align: left;
  482 +}
226 483  
  484 +.contraste .containerAvaliacao .topo2
  485 +{
  486 + font-size: 14px;
  487 + background-color: #000;
  488 + color: #fff;
  489 + padding: 5px;
  490 + text-align: left;
  491 +}
  492 +caption
  493 +{
  494 + text-align: left;
  495 +}
227 496  
228   --*/
229 497 \ No newline at end of file
  498 +.containerAvaliacao .celula
  499 +{
  500 + background-color: #fff;
  501 + padding: .4em;
  502 + color: #003399;
  503 +}
  504 +.contraste .containerAvaliacao .celula
  505 +{
  506 + background-color: #000;
  507 + padding: .4em;
  508 + color: #fff;
  509 +}
  510 +.contenteudoAvaliacao
  511 +{
  512 + font-size: 1.2em;
  513 + font-family: Arial, Helvetica, sans-serif;
  514 + clear: both;
  515 +}
  516 +.contenteudoAvaliacao table
  517 +{
  518 + width: 100%;
  519 + background-color: #fff;
  520 + font-size: 1.2em;
  521 + font-family: Arial, Helvetica, sans-serif;
  522 +}
  523 +
  524 +.contraste .contenteudoAvaliacao table
  525 +{
  526 + width: 100%;
  527 + background-color: #000;
  528 + font-size: 1.2em;
  529 + font-family: Arial, Helvetica, sans-serif;
  530 + border: 1px solid #fff;
  531 +}
  532 +----Contraste----------
  533 +
  534 +
  535 +.contraste img
  536 + {
  537 +border: none;
  538 + }
  539 +}
  540 +
  541 + }
230 542 \ No newline at end of file
... ...