You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
663 lines
11 KiB
663 lines
11 KiB
/********************************************************
|
|
**
|
|
** Theme name: Leatherbound
|
|
** Description: A GPL theme for the Moodle core.
|
|
** Creation Date: 11/24/09
|
|
** Author: Patrick Malley
|
|
** Author URI: http://newschoollearning.com
|
|
**
|
|
** Customize, edit, poke, prod, and adapt to your needs.
|
|
**
|
|
*********************************************************/
|
|
|
|
/* Topo Senado------------------*/
|
|
/* Estilos do topo do Senado Federal */
|
|
#topoSenado{width:100%; height:30px; background:url([[pix:theme|topo_bg]]) repeat-x #01305c; padding:10px;}
|
|
/* Estilos do Topo */
|
|
#topo{background:url([[pix:theme|topo_bg]]) repeat-x; width:100%;}
|
|
#topoPortal
|
|
{
|
|
width:995px;
|
|
height:46px;
|
|
margin:0 auto;
|
|
padding-top:5px;
|
|
background-image:url([[pix:theme|topo_bg]]);
|
|
}
|
|
|
|
.logo
|
|
{
|
|
float:left;
|
|
padding-top:7px;
|
|
padding-left:16px;
|
|
}
|
|
|
|
#divLinksTopo
|
|
{
|
|
float:right;
|
|
margin-top:3px;
|
|
}
|
|
|
|
#menuPortais
|
|
{
|
|
float:right;
|
|
margin-right:12px;
|
|
margin-top:10px;
|
|
padding-left:40px;
|
|
}
|
|
|
|
|
|
#menuPortais ul
|
|
{
|
|
background-image:url([[pix:theme|bg-menutopo]]);
|
|
list-style: none;
|
|
margin:0 auto;
|
|
text-align:left;
|
|
line-height:16px;
|
|
z-index:999;
|
|
}
|
|
|
|
|
|
#menuPortais a, #menuPortais h2
|
|
{
|
|
font-size:12px;
|
|
display: block;
|
|
}
|
|
|
|
#menuPortais h2
|
|
{
|
|
cursor:pointer;
|
|
height:5px;
|
|
}
|
|
|
|
#menuPortais a
|
|
{
|
|
color: #fff;
|
|
text-decoration: none;
|
|
padding-left:10px;
|
|
}
|
|
|
|
#menuPortais a:hover
|
|
{
|
|
color: #B9DCFF;
|
|
background-image:url(../img/menu-portais-seta.png);
|
|
}
|
|
|
|
#menuPortais li li
|
|
{
|
|
height:25px;
|
|
}
|
|
|
|
div#menuPortais ul ul,
|
|
div#menuPortais ul li:hover ul ul,
|
|
div#menuPortais ul ul li:hover ul ul
|
|
{
|
|
padding-left:10px;
|
|
position:absolute;
|
|
width:156px;
|
|
#margin-left:-156px;/* alinhamento do submenu no IE */
|
|
#margin-top:26px;
|
|
display:none;
|
|
}
|
|
|
|
div#menuPortais ul li:hover ul,
|
|
div#menuPortais ul ul li:hover ul,
|
|
div#menuPortaisul ul ul li:hover ul
|
|
{
|
|
display:block;
|
|
margin:0 0 0 0 auto;
|
|
padding:0 0 0 0;
|
|
}
|
|
|
|
/*Pagina Placeholder de Login*/
|
|
|
|
.login-placeholder{
|
|
width: 30.2% !important;
|
|
float: left !important;
|
|
margin-bottom: -2000px !important;
|
|
padding-bottom: 2000px !important;
|
|
border: 0 !important;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.signuppanel2{
|
|
border-left: 2px solid #E6E6E6 !important;
|
|
border-right: 2px solid #E6E6E6 !important;
|
|
}
|
|
|
|
.login-placeholder.signuppanel2 .subcontent{
|
|
text-align: justify !important;
|
|
}
|
|
|
|
.login-placeholder.signuppanel .subcontent{
|
|
text-align: center !important;
|
|
}
|
|
|
|
.login-placeholder.signuppanel2{
|
|
padding-left: 2%;
|
|
padding-right: 2%;
|
|
}
|
|
|
|
.login-placeholder.signuppanel{
|
|
padding-left: 2%;
|
|
}
|
|
|
|
.login-placeholder.loginpanel{
|
|
padding-right: 2%;
|
|
}
|
|
|
|
.login-placeholder h2{
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #042656;
|
|
}
|
|
|
|
.signuppanel2 .subcontent, .signuppanel .subcontent, .loginpanel .desc{
|
|
color: #042656;
|
|
}
|
|
|
|
.obs-box{
|
|
margin-top: 35px;
|
|
padding-top: 35px;
|
|
border-top: 2px solid #E6E6E6;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.obs{
|
|
width: 28.95%;
|
|
padding: 0 2%;
|
|
float: left;
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
/* Global
|
|
------------------------*/
|
|
|
|
body {
|
|
background: #fff;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #281f18;
|
|
}
|
|
|
|
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
|
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
|
|
}
|
|
|
|
button, input[type="submit"] {
|
|
background: #00305c;
|
|
color: whitesmoke;
|
|
font-weight: bold;
|
|
border: 0;
|
|
margin: 4px 2px;
|
|
padding: 4px 10px;
|
|
white-space: normal;
|
|
}
|
|
|
|
button:hover, input[type="submit"]:hover {
|
|
background: #3e6892;
|
|
}
|
|
|
|
button:active, input[type="submit"]:active {
|
|
background: #00305c;
|
|
}
|
|
.wrapper {
|
|
margin: 0 25px;
|
|
}
|
|
|
|
#region-main a:link,a:visited{
|
|
color: #21374c;
|
|
}
|
|
|
|
#region-main a:hover,a:active{
|
|
color: #DA5013;
|
|
}
|
|
|
|
|
|
a:link,a:visited {
|
|
color: #3e6892;
|
|
}
|
|
|
|
a:hover,a:active {
|
|
color: #DA5013;
|
|
}
|
|
|
|
a img {
|
|
border: none;
|
|
}
|
|
|
|
a:active {
|
|
outline: none;
|
|
}
|
|
/*Incourse e Coursecategory*/
|
|
|
|
.voltar-curso{
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.coursebox > .info > .name{
|
|
width: 90%;
|
|
}
|
|
|
|
.coursebox .content .summary{
|
|
width: 90%;
|
|
float: left;
|
|
padding-left: 31px;
|
|
text-align: justify;
|
|
}
|
|
|
|
/* Header
|
|
-----------------------*/
|
|
|
|
#page-header {
|
|
float: none;
|
|
padding: 5px 0;
|
|
background: white;
|
|
border-bottom: 5px solid #00305c;
|
|
color: #21374c;
|
|
}
|
|
|
|
#page-header h1 {
|
|
font-size: 2.25em;
|
|
/*padding: 30px 0 20px;*/
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
|
|
#page-header h1.inside {
|
|
font-size: 1.8em;
|
|
/*padding: 20px 0 10px;*/
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
|
|
#page-header-wrapper {
|
|
height: 110px;
|
|
position: relative;
|
|
}
|
|
|
|
.headermenu {
|
|
margin: 0;
|
|
font-size: 0.9em;
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 268px;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.vertical-helper{
|
|
height: 100%;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.heading-wrapper{
|
|
position: absolute;
|
|
margin-left: 320px;
|
|
margin-right: 300px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.course-logo-header {
|
|
margin-right: 25px;
|
|
height: 70px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.course-logo-wrapper {
|
|
float: left;
|
|
width: 220px;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.logo-header {
|
|
height: 91px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.logo-wrapper {
|
|
width: 402px;
|
|
margin: 0 auto;
|
|
padding-top: 8px;
|
|
}
|
|
.header-banners img{
|
|
height: 35px;
|
|
}
|
|
.header-banners{
|
|
position:absolute;
|
|
bottom: 0;
|
|
}
|
|
/* Navbar
|
|
-----------------------*/
|
|
|
|
.navbar {
|
|
border-width: 0 0 1px 0;
|
|
border-color: #ddddd7;
|
|
background: #f3f3f3;
|
|
margin: 0;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.breadcrumb {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.navbar .navbutton {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.breadcrumb .sep {
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
}
|
|
|
|
/* Content
|
|
-----------------------*/
|
|
|
|
#page-content-wrapper {
|
|
float: none;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/* Blocks
|
|
-----------------------*/
|
|
|
|
.block {
|
|
margin-bottom: 20px;
|
|
border: none;
|
|
}
|
|
|
|
.block .header {
|
|
border-top: 2px solid #00305c;
|
|
background: #f3f3f3;
|
|
padding: 4px 5px 5px;
|
|
}
|
|
|
|
.block .title h2 {
|
|
color: #35251B;
|
|
font-weight: normal;
|
|
font-size: 1.2em;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Forum
|
|
------------------------*/
|
|
|
|
.forumpost .topic {
|
|
background: #dbd6c7;
|
|
border-bottom:1px solid #da5013;
|
|
padding:5px 4px 4px;
|
|
}
|
|
|
|
.forumpost .topic .subject {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.forumpost .topic .author {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.forumpost .content {
|
|
background: #f3f3f3;
|
|
border-width: 0 1px 1px;
|
|
border-style: solid;
|
|
border-color: #d9d8d4;
|
|
}
|
|
|
|
/* Course
|
|
---------------------------*/
|
|
|
|
h2.headingblock {
|
|
border-width: 0 0 1px 0;
|
|
padding: 5px 5px 2px;
|
|
font-weight: normal;
|
|
font-size: 1.2em;
|
|
background: #f3f3f3;
|
|
color: #251c17;
|
|
}
|
|
|
|
.course-content .main {
|
|
background: #f3f3f3;
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
.course-content .current {
|
|
background: #da5013;
|
|
}
|
|
|
|
.course-content .current .left.side {
|
|
color: #fff;
|
|
}
|
|
|
|
.course-content .main .content {
|
|
background: #fff;
|
|
}
|
|
|
|
/* Footer Senado ------------*/
|
|
|
|
.footer-senado {
|
|
color: #fff;
|
|
background-color: #042656;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 0.8em;
|
|
height: 30px;
|
|
margin-top: 10px;
|
|
padding: 5px 13px;
|
|
position: relative;
|
|
clear: both;
|
|
}
|
|
|
|
.footer-left, .footer-center, .footer-right {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.footer-left{
|
|
width: 24%;
|
|
text-align: left;
|
|
}
|
|
|
|
.footer-center{
|
|
width: 50%;
|
|
}
|
|
|
|
.footer-right{
|
|
width: 24%;
|
|
text-align: right;
|
|
}
|
|
|
|
.logo-footer-right{
|
|
height: 20px;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/* Dock
|
|
---------------------------*/
|
|
|
|
#dock {
|
|
background-color: #f3f3f3;
|
|
border-right-color: #433b30;
|
|
}
|
|
|
|
#dock .dockeditem_container {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#dock .dockeditem {
|
|
background-color: #fff;
|
|
}
|
|
|
|
#dock .firstdockitem {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
#dock .dockeditem .dockedtitle {
|
|
border-color: #dddddd;
|
|
border-top-color: #fff;
|
|
}
|
|
|
|
#dock .dockeditem .dockedtitle.activeitem {
|
|
background: #f3f3f3;
|
|
border-top-color:#f3f3f3 ;
|
|
}
|
|
|
|
#dock .firstdockitem .dockedtitle {
|
|
border-top-color: #ddd;
|
|
}
|
|
|
|
#dock .dockeditem .dockedtitle h2 {
|
|
margin: 12px 0 12px 7px;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_content {
|
|
border-color: #433b30;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd {
|
|
border-bottom: none;
|
|
padding: 3px 5px;
|
|
background: #f3f3f3;
|
|
text-align: left;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd h2 {
|
|
color: #333;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
font-size: 1.25em;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd .commands {
|
|
float: right;
|
|
}
|
|
/* block expansion code */
|
|
|
|
.block_js_expansion .block_tree {
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.block_js_expansion.mouseover .content {
|
|
width: 200%;
|
|
z-index: 1000;
|
|
position: relative;
|
|
}
|
|
|
|
.block_js_expansion.mouseover .content .block_tree {
|
|
width: 100%;
|
|
background-color: #FAFAFA;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
/** IE stylings */
|
|
|
|
.ie6 .block .block_tree {
|
|
width: 160px;
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.ie6 .block_tree .tree_item {
|
|
width: 100%;
|
|
}
|
|
|
|
.ie6 #dock {
|
|
position: absolute;
|
|
}
|
|
|
|
.ie6 #dock hr {
|
|
display: none;
|
|
margin: 0px;
|
|
height: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.ie6 #dock li p {
|
|
background-color: inherit;
|
|
}
|
|
|
|
.ie6 #dock .bd.oversized_content .content, .ie7 #dock .bd.oversized_content .content {
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.ie6 .block_js_expansion.mouseover .content, .ie7 .block_js_expansion.mouseover .content {
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.ie6 #dock .bd.oversized_content {
|
|
width: 100%;
|
|
}
|
|
|
|
/*custom menu styles */
|
|
#custommenuwrap {
|
|
background-color: #f3f3f3;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
padding: 3px 0px;
|
|
}
|
|
|
|
#custommenu {
|
|
border-width: 0;
|
|
margin: 0 25px;
|
|
}
|
|
|
|
/*YUI Reset */
|
|
#custommenu .yui3-menu-label,
|
|
#custommenu .yui3-menuitem-content {
|
|
color: #35251B;
|
|
font-weight: 400;
|
|
border-width: 0;
|
|
}
|
|
|
|
#custommenu .custom_menu_submenu .yui3-menu-label,
|
|
#custommenu .custom_menu_submenu .yui3-menuitem-content {
|
|
color: #35251B;
|
|
}
|
|
|
|
#custommenu .yui3-menu-label.yui3-menu-label-active,
|
|
#custommenu .yui3-menuitem-active .yui3-menuitem-content {
|
|
color: #DA5013;
|
|
}
|
|
|
|
#custommenu .yui3-menu-content,
|
|
#custommenu .yui3-menu .yui3-menu .yui3-menu-content,
|
|
#custommenu .yui3-menu-horizontal .yui3-menu-label,
|
|
#custommenu .yui3-menu-horizontal .yui3-menuitem-content {
|
|
border-width: 0;
|
|
}
|
|
|
|
#custommenu .yui3-menu-label-active,
|
|
#custommenu .yui3-menu-label-menuvisible,
|
|
#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
|
|
background-color:#F6F6F6;
|
|
}
|
|
|
|
#custommenu .custom_menu_submenu {
|
|
border: 2px solid #DA5013 !important;
|
|
background: #fff;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0px 1px 3px #ccc;
|
|
-moz-box-shadow: 0px 1px 3px #ccc;
|
|
box-shadow: 0px 1px 3px #ccc;
|
|
}
|
|
|
|
#custommenu .yui3-menu.javascript-disabled .yui3-menu-content,
|
|
#custommenu .yui3-menu.javascript-disabled .yui3-menu-content .ul {
|
|
border-width:0;
|
|
}
|
|
|
|
/* Moodle forms
|
|
----------------*/
|
|
|
|
.mform .btn-cancel {
|
|
color: #DA5013;
|
|
text-decoration: none;
|
|
}
|
|
.mform .btn-cancel:hover, .mform .btn-cancel:focus {
|
|
color: #251c17;
|
|
text-decoration: none;
|
|
}
|
|
|