Browse Source

Tema ilb com collapse arrumado

remotes/origin/MOODLE_34_STABLE
Bruno Cordeiro 7 years ago
parent
commit
2317d35b9c
  1. 1
      layout/frontpage_ilb.php
  2. 5
      lib.php
  3. BIN
      pix/Cursos-on-line-sem-tutor.png
  4. 70
      scss/bootstrap/_navbar.scss
  5. 44
      scss/preset/basic.scss
  6. 323
      scss/preset/tema.scss
  7. 2
      scss/preset/thin.scss
  8. 46
      templates/core/single_select.mustache
  9. 2
      templates/frontpage_ilb.mustache

1
layout/frontpage_ilb.php

@ -69,6 +69,7 @@ if (isloggedin()) {
'sidepreblocks' => $blockshtml, 'sidepreblocks' => $blockshtml,
'hasblocks' => $hasblocks, 'hasblocks' => $hasblocks,
'bodyattributes' => $bodyattributes, 'bodyattributes' => $bodyattributes,
'CursosOnlineSemTutoria' => $OUTPUT->image_url('Cursos-on-line-sem-tutor', 'theme'),
'navdraweropen' => $navdraweropen, 'navdraweropen' => $navdraweropen,
'regionmainsettingsmenu' => $regionmainsettingsmenu, 'regionmainsettingsmenu' => $regionmainsettingsmenu,
'hasregionmainsettingsmenu' => !empty($regionmainsettingsmenu), 'hasregionmainsettingsmenu' => !empty($regionmainsettingsmenu),

5
lib.php

@ -70,6 +70,8 @@ function theme_ilb_get_main_scss_content($theme) {
$scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/default.scss'); $scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/default.scss');
} }
return $scss; return $scss;
} }
@ -104,5 +106,8 @@ function theme_ilb_get_pre_scss($theme) {
$scss .= $theme->settings->scsspre; $scss .= $theme->settings->scsspre;
} }
$scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/tema.scss');
$scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/basic.scss');
$scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/plain.scss');
return $scss; return $scss;
} }

BIN
pix/Cursos-on-line-sem-tutor.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

70
scss/bootstrap/_navbar.scss

@ -141,41 +141,41 @@
} }
} }
// Dark links against a light background // // Dark links against a light background
.navbar-light { // .navbar-light {
.navbar-brand { // .navbar-brand {
color: $navbar-light-active-color; // color: $navbar-light-active-color;
@include hover-focus { // @include hover-focus {
color: $navbar-light-active-color; // color: $navbar-light-active-color;
} // }
} // }
.navbar-nav { // .navbar-nav {
.nav-link { // .nav-link {
color: $navbar-light-color; // color: $navbar-light-color;
@include hover-focus { // @include hover-focus {
color: $navbar-light-hover-color; // color: $navbar-light-hover-color;
} // }
} // }
.open > .nav-link, // .open > .nav-link,
.active > .nav-link, // .active > .nav-link,
.nav-link.open, // .nav-link.open,
.nav-link.active { // .nav-link.active {
@include plain-hover-focus { // @include plain-hover-focus {
color: $navbar-light-active-color; // color: $navbar-light-active-color;
} // }
} // }
} // }
.navbar-divider { // .navbar-divider {
background-color: rgba(0,0,0,.075); // background-color: rgba(0,0,0,.075);
} // }
} // }
// White links against a dark background // // White links against a dark background
.navbar-dark { .navbar-dark {
.navbar-brand { .navbar-brand {
color: $navbar-dark-active-color; color: $navbar-dark-active-color;

44
scss/preset/basic.scss

@ -0,0 +1,44 @@
/*########################################
Basic Style
########################################*/
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.clear {
clear:both;
}
.s-hidden {
visibility: hidden;
}
.nodisplay {
display: none;
}
/**
Table
**/
.table {
display: table;
width: 100%;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
}

323
scss/preset/tema.scss

@ -0,0 +1,323 @@
/*########################################
Tema
########################################*/
//colors
$color_tapa_approx: #777;
$color_gallery_approx: #eee;
$color_calypso_approx: #3e6892;
$color_mountain_mist_approx: #999;
$color_mine_shaft_approx: #333;
$mercury: #e5e5e5;
$color_alto_approx: #ddd;
$color_rhino_approx: #28425c;
$black: #000;
$white: white;
$web_orange: orange;
//fonts
$font_0: Lucida Grande;
$font_1: Lucida Sans Unicode;
$font_2: Lucida Sans;
$font_3: Geneva;
$font_4: Verdana;
$font_5: sans-serif;
$font_6: Helvetica Neue;
$font_7: Helvetica;
$font_8: Arial;
$font_9: arial;
//urls
$url_0: url(++theme++senado.tema/senado/img/sub-osenado.jpg);
$url_1: url(fonts/glyphicons-halflings-regular.eot);
$url_2: url(fonts/glyphicons-halflings-regular.eot?#iefix);
$url_3: url(fonts/glyphicons-halflings-regular.woff);
$url_4: url(fonts/glyphicons-halflings-regular.ttf);
$url_5: url(fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular);
body {
font-family: $font_0, $font_1, $font_2, $font_3, $font_4, $font_5;
line-height: 1.428;
}
#tema {
margin: 0 auto;
}
#tema-portal {
min-height: 400px;
}
#portal-menu {
margin-bottom: 0;
}
#toolbar {
overflow: auto;
clear: right;
}
#portal-breadcrumbs {
float: left;
}
.portal-breadcrumbs {
display: none;
> ol > li:last-of-type {
color: $color_tapa_approx;
}
}
#breadcrumbs-you-are-here {
display: none;
+ li::before {
display: none;
}
}
#portal-personaltools-wrapper {
float: right;
}
.portal-personaltools-wrapper {
display: none;
}
.portal-login {
display: none;
float: right;
font-size: 11px;
margin-bottom: 1em;
ins {
margin-right: 12px;
text-decoration: none;
text-transform: capitalize;
}
}
#content {
h1.documentFirstHeading {
border-bottom: 1px solid $color_gallery_approx;
padding-bottom: 15px;
font-size: 28px;
margin-top: 10px;
font-family: $font_6, $font_7, $font_8, $font_5;
font-weight: normal;
letter-spacing: 0.1px;
}
a.accordion-toggle {
&:hover {
color: $color_rhino_approx !important;
text-decoration: none;
}
&:focus {
color: $color_rhino_approx !important;
text-decoration: none;
}
}
}
.PortalTopo-id {
a {
color: $color_calypso_approx;
text-decoration: none;
}
.PortalTopo-sub a {
color: $color_mountain_mist_approx;
text-decoration: none;
}
}
.Nav--secundaria {
padding-left: 0;
padding-right: 0;
> ul > li:not(:last-child)::after {
line-height: 23px;
}
}
@media(max-width:767px) {
.Nav--secundaria {
background-color: transparent;
float: right;
padding-left: 15px;
padding-right: 15px;
> ul {
float: none !important;
> li > a {
font-size: 12px;
line-height: 26px;
}
}
}
.carousel-caption {
position: static;
}
.carousel-control {
.glyphicon-chevron-left {
top: 30%;
}
.glyphicon-chevron-right {
top: 30%;
}
.icon-next {
top: 30%;
}
.icon-prev {
top: 30%;
}
}
.PortalTopo-busca > div {
display: inherit;
margin: 10px 0 0;
}
}
navbar-inverse {
background-color: transparent;
}
#footer-institucional {
clear: both;
padding-top: 40px;
}
#portal-columns {
margin-left: 0;
margin-right: 0;
}
.accordion {
position: relative;
.accordion-caret {
.accordion-toggle {
&.collapsed::before {
content: "";
}
&:not(.collapsed)::before {
content: "";
}
}
.accordion-toggle::before {
font-size: 25px;
margin-right: 0;
position: absolute;
right: 20px;
}
}
.accordion-inner {
border-top: 1px solid $mercury;
padding: 8px 15px;
}
> .accordion-group {
border: 1px solid $mercury;
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 0;
margin-bottom: 20px;
> .accordion-heading {
border-bottom: 1px solid $color_alto_approx;
color: $color_calypso_approx;
font-size: 18px;
}
}
}
.carousel-indicators {
top: 10px;
height: 10px;
}
.carousel-control {
cursor: alias;
//Instead of the line below you could use @include text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
text-shadow: 2px 2px 0 $black;
span {
color: $white;
}
.icon-next {
right: 19%;
font-size: 22px;
}
.glyphicon-chevron-right {
right: 19%;
font-size: 22px;
}
.icon-prev {
left: 19%;
font-size: 22px;
}
.glyphicon-chevron-left {
left: 19%;
font-size: 22px;
}
}
.carousel-caption {
background-color: $black;
bottom: 0;
max-height: 35%;
left: 0;
opacity: 0.7;
padding-left: 15px;
padding-top: 10px;
text-align: left;
width: 100%;
p {
color: $white;
font-size: 13px;
line-height: 14px;
}
}
.carousel-caption-quadro {
background-color: $black;
bottom: 5%;
left: 5%;
max-height: 90%;
opacity: 0.7;
padding-left: 10px;
padding-right: 3px;
padding-top: 10px;
text-align: left;
width: 24%;
}
#painel-em-manutencao {
background: $white none repeat scroll 0 0;
font-size: 20px;
margin-top: 50px;
text-align: center;
font-family: $font_9;
i {
color: $web_orange;
}
}
@media(min-width:768px) {
}
@media(min-width:992px) {
}
@media(min-width:1200px) {
}
a#portal-home-link {
}
.PortalTopo-title a img {
width: 190px;
}
.PortalTopo-busca > div {
display: table-cell;
vertical-align: middle;
}
.navbar-inverse .navbar-nav {
> li > a {
color: $color_tapa_approx;
&:hover {
background-color: transparent;
color: $color_mine_shaft_approx;
}
&:focus {
background-color: transparent;
color: $color_mine_shaft_approx;
}
}
> .open > a {
background-color: transparent;
color: $color_mine_shaft_approx;
&:focus {
background-color: transparent;
color: $color_mine_shaft_approx;
}
&:hover {
background-color: transparent;
color: $color_mine_shaft_approx;
}
}
}
.navbar-senado .dropdown-menu > li {
display: block;
}
p.busca-avancada a {
color: $color_calypso_approx;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.carousel .item img {
margin: auto;
}

2
scss/preset/thin.scss

File diff suppressed because one or more lines are too long

46
templates/core/single_select.mustache

@ -86,45 +86,17 @@
} }
}} }}
<div class="{{classes}} d-inline-block"> <div class="{{classes}}">
<form method="{{method}}" action="{{action}}" class="form-inline" id="{{formid}}"> <form method="{{method}}" action="{{url}}" {{#formid}}id="{{formid}}"{{/formid}}>
{{#params}} {{#params}}
<input type="hidden" name="{{name}}" value="{{value}}"> <input type="hidden" name="{{name}}" value="{{value}}">
{{/params}} {{/params}}
{{#label}} <button type="submit" class="btn {{#primary}}btn-primary{{/primary}}{{^primary}}btn-secondary{{/primary}}"
<label for="{{id}}" {{#labelattributes}}{{name}}="{{value}}" {{/labelattributes}}> id="{{id}}"
{{{label}}} title={{#quote}}{{tooltip}}{{/quote}}
</label> {{#disabled}}disabled{{/disabled}}>{{label}}</button>
{{/label}}
{{#helpicon}}
{{>core/help_icon}}
{{/helpicon}}
<select {{#attributes}}{{name}}="{{value}}" {{/attributes}} id="{{id}}" class="custom-select {{classes}}" name="{{name}}">
{{#options}}
{{#optgroup}}
<optgroup label="{{name}}">
{{#options}}
<option value="{{value}}" {{#selected}}selected{{/selected}}>{{{name}}}</option>
{{/options}}
</optgroup>
{{/optgroup}}
{{^optgroup}}
<option value="{{value}}" {{#selected}}selected{{/selected}}>{{{name}}}</option>
{{/optgroup}}
{{/options}}
</select>
<noscript>
<input type="submit" role="button" class="btn btn-secondary" value="{{#str}}go, core{{/str}}">
</noscript>
</form> </form>
</div> </div>
{{#js}} {{#hasactions}}
require(['core/yui'], function(Y) { {{> core/actions }}
Y.use('moodle-core-formautosubmit', function() { {{/hasactions}}
M.core.init_formautosubmit({
selectid: '{{id}}',
nothing: {{#hasnothing}}'{{nothingkey}}'{{/hasnothing}}{{^hasnothing}}false{{/hasnothing}}
});
});
});
{{/js}}

2
templates/frontpage_ilb.mustache

@ -900,7 +900,7 @@
</div> </div>
<div align='center'> <div align='center'>
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<a href='course/index.php?categoryid=134'><img src="images/Cursos-on-line-sem-tutor.png"></a> <a href='course/index.php?categoryid=134'><img src="{{CursosOnlineSemTutoria}}"></a>
<p>Cursos on-line sem tutoria</p> <p>Cursos on-line sem tutoria</p>
</div> </div>
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">

Loading…
Cancel
Save