html {
background: #ddd;
font-family: tahoma;
}
body {
max-width: 1000px;
margin: 0 auto;
background: url(../img/fundo-alunos.jpg) no-repeat bottom #fff;
}
header {
/*height: 90px;*/
/*background: url(../img/fundo-mobile.jpg);*/
}
/* conteúdo do site */
section#conteudo {
overflow: auto;
}
#conteudo {
display: flex;
flex-wrap: wrap;
}
/* lateral esquerda */
#esquerda {
width: 60%;
float: left;
padding: 20px;
}
#esquerda #back {
text-align: center;
margin: 10px 0 20px 0;
line-height: 40px;
font-size: 16px;
letter-spacing: 1px;
font-weight: bold;
font-family: Lucida Sans;
}
#esquerda #back a {
text-decoration: none;
color: #009240;
}
/* selecionar prova */
#esquerda #provas {
min-height: 50px;
font: bold 23px Lucida Sans;
background: #f1f1f1;
border: 1px solid #e0e0e0;
line-height: 50px;
padding: 0 10px 0 10px;
color: #989898;
letter-spacing: -1px;
}
#esquerda #provas select {
background: #fff;
min-width: 50px;
max-width: 300px;
font-size: 1.2rem;
border: 1px solid #e0e0e0;
height: 34px;
font-weight: bold;
}
#esquerda #provas select .azul {
color: #03C;
}
#esquerda #provas select .rosa {
color: rgb(9, 106, 20);
}
#esquerda #provas select .amarela {
color: #F90;
}
#esquerda #provas select .branca {
color: #999;
}
#esquerda #provas select .cinza {
color: #666;
}
/* equivalencia indisponivel */
#prova-indisponivel {
padding: 15px;
}
#prova-indisponivel h3 {
color: #009240;
}
/* recarregar a página quando tiver novas questões publicadas */
#reload {
background-color: rgb(255, 255, 102);
margin-top: 10px;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
display: none;
}
/* prova */
.materia {
padding-top: 30px;
clear: both;
overflow: hidden;
}
.nome-materia {
background: #f3f3f3;
color: #009240;
padding: 8px 0;
text-indent: 10px;
border: 1px solid #e0e0e0;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
font-family: Lucida Sans;
}
.numero-questao {
float: left;
border: 1px solid #e0e0e0;
margin: -1px -1px 0 0;
width: 41.65px;
height: 35px;
text-align: center;
line-height: 38px;
/*color: #ddd;*/
color: #999;
font-weight: bold;
font-family: Arial;
font-size: 12px;
background: #fff;
}
.numero-questao span {
color: #e00f10;
}
.numero-questao-azul a {
color: #03C;
text-decoration: none;
}
.numero-questao-rosa a {
color: rgb(9, 106, 20);
text-decoration: none;
}
.numero-questao-amarela a {
color: #F90;
text-decoration: none;
}
.numero-questao-branca a {
/*color: #d6d8d8;*/
color: #999;
text-decoration: none;
}
.numero-questao-cinza a {
/*color: #d6d8d8;*/
color: #999;
text-decoration: none;
}
.numero-questao-cinza .numero-questao,
.numero-questao-branca .numero-questao {
color: #d6d8d8 !important;
}
.equivalencia {
width: 100%;
border: 1px solid #E0E0E0;
font-family: Lucida Sans;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.equivalencia th {
background: #F3F3F3;
height: 40px;
}
.alerta {
font-size: 11px;
color: #F00;
padding-left: 11px;
font-weight: normal;
letter-spacing: 1px;
font-family: Tahoma;
}
.qtd-questoes {
background: #e00f10;
color: #fff;
width: 26px;
height: 26px;
text-align: center;
line-height: 26px;
margin-top: -16px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 11px;
font-family: Arial;
border: 3px solid #fff outset;
float: right;
margin-right: 8px;
}
.qtd-publicadas {
text-align: right;
font-size: 11px;
padding-right: 36px;
position: relative;
right: 1px;
top: 28px;
color: #999;
}
/* lateral direita */
#direita {
float: left;
padding: 20px 10px 0px 10px;
}
#direita>section {
margin-bottom: 20px;
}
/* Social Buttons */
#social {
text-align: center;
margin-top: 20px;
line-height: 40px;
font-size: 16px;
letter-spacing: 1px;
font-weight: bold;
font-family: Lucida Sans;
}
#social a {
text-decoration: none;
color: #009240;
}
/* titulo das caixas */
.titulo-caixa {
background: #f3f3f3;
color: #009240;
height: 40px;
line-height: 40px;
text-indent: 10px;
border: 1px solid #e0e0e0;
font-size: 16px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
font-family: Lucida Sans;
}
/* caixa FBTV */
#fbtv {
font-family: Lucida Sans;
border: 1px solid #e0e0e0;
font-size: 11px;
background: #fff;
color: #ccc;
overflow: hidden;
}
#fbtv section {
clear: both;
overflow: hidden;
margin: 0 0 10px 10px;
}
#fbtv section h3 {
color: #009240;
font-size: 13px;
font-weight: normal;
}
#fbtv section article {
width: 88px;
float: left;
text-align: center;
}
#fbtv section article a {
text-decoration: none;
}
#fbtv section article figure {
margin: 0;
}
#fbtv section article figcaption {
color: #666;
font-size: 11px;
}
/* caixas com publicação de arquivos (ENEM, ARQUIVOS) */
.arquivos {
padding: 10px;
border: 1px solid #e0e0e0;
font-size: 11px;
font-family: Lucida Sans;
background: #fff;
color: #ccc;
}
.arquivos ul {
margin: 0;
padding: 0;
list-style: none;
}
.arquivos li {
line-height: 24px;
background: url(../img/icone-pdf.png) no-repeat 2px;
text-indent: 24px;
}
.arquivos a {
text-decoration: none;
color: #03C;
}
.arquivos a:hover {
text-decoration: none;
color: #03C;
}
/* Administração */
body.admin {
background: #fff;
min-height: 500px;
margin: 0 auto;
}
/* painel */
body.admin .panel-default {
min-height: 350px;
}
body.admin .panel-default .panel-heading {
overflow: hidden;
}
body.admin .panel-default .panel-heading .panel-title {
float: left;
}
body.admin .panel-default .panel-heading .panel-title span {
font-weight: bold;
}
body.admin .panel-default .panel-heading>span {
float: right;
}
/* formulário de login */
body.admin form {
margin: 20px;
}
body.admin form .controls {
margin-top: 10px;
}
/* copyright */
body.admin #copyright {
width: 100%;
text-align: center;
}
/* Barra lateral esquerda da redes sociais */
.addthis-smartlayers {
position: absolute;
left: 0;
}
img {
max-width: 100%;
}
@media only screen and (min-width: 500px) {
#esquerda {
width: 100% !important;
}
#direita {
width: 100% !important;
}
#select {
font-size: 1rem;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#esquerda {
width: 60% !important;
}
#direita {
width: 30% !important;
}
}