Mudanças entre as edições de "JSPUI"
(Criou página com '== dspace-theme.css == Abaixo serão citadas algumas configurações importantes existentes nesse arquivo. === Bordas arredondadas === Altere a classe ''.navbar'' (alteraçõ...') |
|||
Linha 1: | Linha 1: | ||
− | == dspace-theme.css == | + | == Arquivo: dspace-theme.css == |
Abaixo serão citadas algumas configurações importantes existentes nesse arquivo. | Abaixo serão citadas algumas configurações importantes existentes nesse arquivo. | ||
Linha 31: | Linha 31: | ||
O posicionamento do ícone do Dspace, localizado na barra superior, é configurada na classe ''.navbar-brand'', alterando os valores em pixels: <code>padding: 8px 15px 0px 15px;</code> | O posicionamento do ícone do Dspace, localizado na barra superior, é configurada na classe ''.navbar-brand'', alterando os valores em pixels: <code>padding: 8px 15px 0px 15px;</code> | ||
− | === === | + | === Barra central === |
+ | |||
+ | As configurações de fundo, fonte e tamanho de fonte, espaçamento e outras configurações relacionadas a barra: | ||
+ | |||
+ | [[Arquivo:Jumbotron.png]] | ||
+ | |||
+ | São efetuadas pela alteração da classe: ''.jumbotron'' e suas derivações: | ||
+ | |||
+ | <pre> | ||
+ | |||
+ | .jumbotron { | ||
+ | background-color: #f1ffee; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.5; | ||
+ | margin-bottom: 5px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | */Tamanho da fonte*/ | ||
+ | |||
+ | .jumbotron h1 { | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | </pre> |
Edição das 10h40min de 20 de fevereiro de 2015
Índice |
Arquivo: dspace-theme.css
Abaixo serão citadas algumas configurações importantes existentes nesse arquivo.
Bordas arredondadas
Altere a classe .navbar (alterações serão aplicadas também às bordas do rodapé);
.navbar { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
Retire os valores em pixels:
.navbar { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
Com isso as bordas serão retiradas. Caso não exista necessidade apenas de alterar o grau de arredondamento, aumente ou diminua os valores.
Cor barra superior
As configurações de cor da barra do cabeçalho são efetuadas a partir da classe .navbar-fixed-top (assim como as cores e configurações de posição do rodapé são modificadas pela classe .navbar-bottom).
Ícone Dspace
O posicionamento do ícone do Dspace, localizado na barra superior, é configurada na classe .navbar-brand, alterando os valores em pixels: padding: 8px 15px 0px 15px;
Barra central
As configurações de fundo, fonte e tamanho de fonte, espaçamento e outras configurações relacionadas a barra:
São efetuadas pela alteração da classe: .jumbotron e suas derivações:
.jumbotron { background-color: #f1ffee; font-size: 14px; font-weight: normal; line-height: 1.5; margin-bottom: 5px; padding: 10px; } */Tamanho da fonte*/ .jumbotron h1 { font-size: 20px; font-weight: bold; }