ILB
/
moodle_theme_ilb
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Alteracoes layout

MOODLE_34_STABLE
thiagourias 6 years ago
parent
f51d28c7e0
commit
519cbbb5dd
2 changed files with 181 additions and 16 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 106
      style/tema_1.css
  2. 91
      templates/frontpage_ilb.mustache

106
style/tema_1.css
View File

@ -407,6 +407,10 @@ Bootstrap Media Queries
left: 0px !important; left: 0px !important;
} }
.bemVindoHeight{
width: 100% !important;
height: 100% !important;
}
} }
@media screen and @media screen and
(min-width: 361px) and (min-width: 361px) and
@ -418,6 +422,10 @@ Bootstrap Media Queries
.heightVar{ .heightVar{
height: 246.5px !important; height: 246.5px !important;
} }
.bemVindoHeight{
width: 100% !important;
height: 100% !important;
}
} }
@media screen and @media screen and
(min-width: 419px) and (min-width: 419px) and
@ -433,6 +441,10 @@ Bootstrap Media Queries
.heightVar{ .heightVar{
height: 246.5px !important; height: 246.5px !important;
} }
.bemVindoHeight{
width: 100% !important;
height: 100% !important;
}
} }
@ -450,6 +462,10 @@ Bootstrap Media Queries
.heightVar{ .heightVar{
height: 310.5px !important; height: 310.5px !important;
} }
.bemVindoHeight{
width: 100% !important;
height: 100% !important;
}
} }
@media screen and @media screen and
@ -462,6 +478,10 @@ Bootstrap Media Queries
.heightVar{ .heightVar{
height: 310.5px !important; height: 310.5px !important;
} }
.bemVindoHeight{
width: 100% !important;
height: 100% !important;
}
} }
@media screen and @media screen and
(min-width: 661px) and (min-width: 661px) and
@ -473,10 +493,94 @@ Bootstrap Media Queries
.heightVar{ .heightVar{
height: 370.5px !important; height: 370.5px !important;
} }
.bemVindoHeight{
width: 100% !important;
height: 100% !important;
}
.mt-buttons{
margin-top: 1% !important;
}
}
@media screen and
(min-width: 990px) and
(max-width: 1199px) {
.paddingResponsible{
padding: 2% !important;
}
.tamanhoVideo{
max-width: 100% !important;
max-height: 100% !important;
}
.heightVar{
height: 218.33px !important;
}
.bemVindoHeight{
height: 218.33px !important;
}
.lessPaddingResponsible{
padding-left: 5px !important;
padding-right: 5px !important;
}
.BigScreen{
display: none !important;
}
.SmallScreen{
display: block !important;
}
.tamTela1000{
height: 120px !important;
}
} }
.propertiesVLibras{ .propertiesVLibras{
z-index: 99999; z-index: 99999;
} }
.heightVar{ .heightVar{
height: 228.5px; height: 229.34px;
}
.bemVindoHeight{
height: 229.34px;
}
.noPaddingLeft{
padding-left: 0px !important;
padding-right: 5px !important;
}
.withpaddingleft{
padding-left: 5px !important;
padding-right: 5px !important;
}
.paddingResponsible{
padding: 5%;
justify-content: space-between;
}
.mt-buttons{
margin-top: 4%;
}
.BigScreen{
display: block;
}
.SmallScreen{
display: none;
}
.colunaEsq{
width: 50% !important;
}
.colunaDir{
width: 50% !important;
}
.paddingCol{
padding-left: 5px !important;
padding-right: 5px !important;
}
@media screen and
(min-width: 1200px) and
(max-width: 4080px) {
.paddingLeft5{
padding-left: 5px !important;
}
} }

91
templates/frontpage_ilb.mustache
View File

@ -698,12 +698,12 @@
</div> </div>
<!-- logotipo e texto --> <!-- logotipo e texto -->
<div class="col-xs-12 col-md-4 text-center"> <div class="col-xs-12 col-md-4 text-center lessPaddingResponsible">
<div style="background-color: #F7F7F7; border: 1px solid #E6E6E6; border-bottom: 0; padding: 11% 0 12% 0;"> <div style="background-color: #F7F7F7; border: 1px solid #E6E6E6; border-bottom: 0; padding: 11% 0 12% 0;">
<img src='{{{logo_saberes_xl}}}' width='48%' height='48%' /> <img src='{{{logo_saberes_xl}}}' width='48%' height='48%' />
</div> </div>
<div > <div >
<div class="col-xs-12" style="background-color: #0F5688; border: 1px solid #E6E6E6;"> <div class="col-xs-12 tamTela1000" style="background-color: #0F5688; border: 1px solid #E6E6E6;">
<p style="color: #FFFFFF; font-size: 16px; padding: 9% 0 9% 0;"> <p style="color: #FFFFFF; font-size: 16px; padding: 9% 0 9% 0;">
Cursos abertos e sem custo para a comunidade legislativa e os cidadãos Cursos abertos e sem custo para a comunidade legislativa e os cidadãos
</p> </p>
@ -715,7 +715,7 @@
</div> </div>
<!-- video --> <!-- video -->
<div class="tamanhoVideo col-xs-12 col-md-4 noCashing"> <div class="tamanhoVideo col-xs-12 col-md-4 noCashing lessPaddingResponsible">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/D6IMzbSh0KI" frameborder="0" allowfullscreen style="padding: 0;" class="heightVar"></iframe> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/D6IMzbSh0KI" frameborder="0" allowfullscreen style="padding: 0;" class="heightVar"></iframe>
</div> </div>
@ -862,9 +862,51 @@
{{/loginChangeNotification}} {{/loginChangeNotification}}
<div class="col-xs-12 col-md-4">
<div class="col-xs-12" style="background:#f7f7f7; border:1px solid #e6e6e6; padding-top: 3%;">
<h3 style="margin-top: auto; margin-bottom: 8%;">Bem-vindo ao Saberes!</h3> <div class="col-xs-12 col-md-4 bemVindoHeight lessPaddingResponsible SmallScreen" style="background:#f7f7f7; border:1px solid #e6e6e6; ">
<div style="padding-top: 1.5%;">
<div class="row">
<h3 style="margin-top: auto; margin-bottom: 5%;text-align: center; margin-left: 50px; margin-right: 50px;">Bem-vindo ao Saberes!</h3>
</div>
<div class="col-xs-6 paddingCol">
<div class="col-xs-12">
<p>
<strong>Nome:</strong>
<br />
<span>{{{ firstname }}} {{{ lastname }}}</span>
</p>
</div>
<div class="col-xs-12" style="padding-bottom: 10%;">
<a href="{{{userprofileurl}}}"><img class="img-circle" alt="Foto do Perfil" src="{{{userpictureurl}}}" width="70px;" /></a>
</div>
</div>
<div class="col-xs-6 paddingCol">
<!-- {{{ output.user_menu }}} -->
<div class="paddingResponsible" style=" padding-bottom: 1%;">
<div class="noPaddingLeft mt-buttons">
<a class="btn btn-success pull-left btn-block" href="{{{ moodle_url }}}/my">Meus Cursos</a>
</div>
<div class="noPaddingLeft mt-buttons">
<a class="btn btn-primary pull-left btn-block" href="{{{ moodle_url }}}/blocks/get_certificate/index.php">Certificados</a>
</div>
<div class="noPaddingLeft mt-buttons">
<a class="btn btn-danger pull-right btn-block" href="{{{ moodle_url }}}/login/logout.php?sesskey={{{ sessKey }}}">Sair</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4 bemVindoHeight lessPaddingResponsible BigScreen">
<div style="background:#f7f7f7; border:1px solid #e6e6e6; padding-top: 1.5%;">
<h3 style="margin-top: auto; margin-bottom: 8%;text-align: center;">Bem-vindo ao Saberes!</h3>
<div class="col-xs-9"> <div class="col-xs-9">
<p> <p>
<strong>Nome</strong> <strong>Nome</strong>
@ -876,17 +918,36 @@
<a href="{{{userprofileurl}}}"><img class="img-circle" alt="Foto do Perfil" src="{{{userpictureurl}}}" width="70px;" /></a> <a href="{{{userprofileurl}}}"><img class="img-circle" alt="Foto do Perfil" src="{{{userpictureurl}}}" width="70px;" /></a>
</div> </div>
<!-- {{{ output.user_menu }}} --> <!-- {{{ output.user_menu }}} -->
<div class="col-xs-12 col-md-4 col-lg-4" style="padding-bottom: 5%; padding-right: 0;"> <div class="row paddingResponsible" style=" padding-bottom: 1%;">
<a class="btn btn-primary pull-left" href="{{{ moodle_url }}}/my">Meus Cursos</a> <div class="col-xs-12 col-md-4 col-lg-4 noPaddingLeft mt-buttons paddingLeft5">
</div> <a class="btn btn-success pull-left btn-block" href="{{{ moodle_url }}}/my">Meus Cursos</a>
<div class="col-xs-12 col-md-4 col-lg-4" style="padding-bottom: 5%; padding-right: 0;"> </div>
<a class="btn btn-primary pull-left" href="{{{ moodle_url }}}/blocks/get_certificate/index.php">Certificados</a> <div class="col-xs-12 col-md-4 col-lg-4 noPaddingLeft mt-buttons">
</div> <a class="btn btn-primary pull-left btn-block" href="{{{ moodle_url }}}/blocks/get_certificate/index.php">Certificados</a>
<div class="col-xs-12 col-md-4 col-lg-4" style="padding-bottom: 5%; padding-right: 0;"> </div>
<a class="btn btn-danger pull-right" href="{{{ moodle_url }}}/login/logout.php?sesskey={{{ sessKey }}}">Sair</a> <div class="col-xs-12 col-md-4 col-lg-4 noPaddingLeft mt-buttons">
</div> <a class="btn btn-danger pull-right btn-block" href="{{{ moodle_url }}}/login/logout.php?sesskey={{{ sessKey }}}">Sair</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
{{/username}} {{/username}}
<div class="col-xs-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-md-12 col-lg-12">

Write Preview
Loading…
Cancel
Save