style.html
última modificação
20/12/2023 06h33
style.html
— 10.2 KB
Conteúdo do arquivo
/*
10/04/2017
Theme Name: Radio Tabajara
Theme URI: http://radiotabajara.pb.org.br
Description: Produzido por Ativaweb
Version: 2018
Author: Produzido por Ativaweb
Author URI: http://ativaweb.com.br
*/
@font-face {
font-family: 'Myriad';
src: url('fonts/myriadpro-light-webfont.eot');
src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/myriadpro-light-webfont.woff') format('woff'),
url('fonts/myriadpro-light-webfont.ttf') format('truetype'),
url('fonts/myriadpro-light-webfont.svg#myriad_pro_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad-Black';
src: url('fonts/myriadproblackcondensed0.eot');
src: url('fonts/myriadproblackcondensed0.eot?#iefix') format('embedded-opentype'),
url('fonts/myriadproblackcondensed0.woff') format('woff'),
url('fonts/myriadproblackcondensed0.ttf') format('truetype'),
url('fonts/myriadproblackcondensed0.svg#myriadproblackcondensed0') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad-Semi';
src: url('fonts/myriadprosemiboldcond.eot');
src: url('fonts/myriadprosemiboldcond.eot?#iefix') format('embedded-opentype'),
url('fonts/myriadprosemiboldcond.woff') format('woff'),
url('fonts/myriadprosemiboldcond.ttf') format('truetype'),
url('fonts/myriadprosemiboldcond.svg#myriadprosemiboldcond') format('svg');
font-weight: normal;
font-style: normal;
}
/* default */
*{margin:0; padding:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6, li, address, small, td, span { font-family: "Myriad", Arial, Tahoma, Sans-serif; }
body{ background: #d8e2e7; font-family: "Myriad", Arial, Tahoma, Sans-serif }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a { color: #000; text-decoration:none }
a:hover { color: #000; text-decoration:none; border-bottom: none;}
.none{display:none;}
.alignnone, .alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px}
.aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;}
.btn{ color: #FFF !important; }
.progress{ display: none; }
input[type="radio"], label{ cursor: pointer; }
.col-centered{ float: none; margin: 0 auto; }
#status{ position: fixed; top: 90px; background: rgba(255,255,255,0.95); width: 100%; height: 100%; z-index: 99999; display: none; overflow: auto;}
#status #msg{ padding: 10% 0 20% 0; }
#status #progress{ margin-top: 20%; }
#status #preview{
display: none; width: 95%; height: 480px; position: fixed !important; top: 55px; left: 2.5%; z-index: 99999;
}
#status #content_preview{ width: 100% !important; height: 100% !important; }
#status .close_preview{
position: absolute;
top: 60px;
right: 0;
}
#status h5.view_servicos span{
display: inline-block;
margin: 3px;
font-size: 13px;
}
.error_field{ border-color: red !important; }
.anim{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
////////////
// LAYOUT //
////////////
header{
margin-top: 25px;
.menu{
nav{
ul{
li{
list-style: none;
display: inline-block;
margin: 0 20px;
a{
font-family: "Myriad-Semi";
font-size: 18px;
color: #00aeef;
&:hover{
color: #0055a5;
}
}
}
}
}
}
.redes-sociais{
a{
color: #0055a5;
font-size: 14px;
}
}
.aovivo{
margin-top: 15px;
clear: both;
div{
padding: 0 !important;
background: #FFF;
}
}
.img-topo{
img{
width: 100% !important;
height: auto;
}
}
.player-programacao{
margin: 35px 0 15px 0;
.radio-name{
background: #FFF;
height: 52px;
img{
vertical-align: middle;
display: inline;
}
}
.player{
padding: 0 !important;
a{
padding: 12px 15px;
height: 52px;
color: #FFF;
display: block;
text-align: center;
&.fm{
background: #004499;
}
&.am{
background: #028cee;
}
}
}
.programacao{
background: #3b4850;
color: #FFF;
height: 52px;
padding-top: 8px;
font-size: 24px;
span{
font-weight: lighter;
font-size: 16px;
display: inline-block;
background: #000;
padding: 5px 10px;
margin-right: 10px;
}
b{
font-weight: 900 !important;
}
}
}
}
#ultima-hora{
margin-bottom: 25px;
h3{
margin-top: 25px;
color: #0066b3;
font-family: "Myriad-Black";
font-size: 20px;
float: left;
width: 220px;
}
.not{
float: left;
margin-top: 22px;
width: 73%;
a{
color: #0066b3;
font-size: 18px;
display: inline-block;
margin-right: 35px;
padding-right: 35px;
border-right: 1px solid;
}
}
.search{
form{
height: 28px;
margin-top: 20px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 5px 8px;
background: #FFF;
input{
border: none;
&.s{
width: 90%;
height: 20px;
}
&.bt{
}
}
}
}
}
#noticias{
margin-bottom: 35px;
figure.title{
background-size: 100%;
background-position: left top;
background-repeat: no-repeat;
height: 40px;
}
figure.thumb{
height: 200px;
background-size: 105%;
background-position: center;
a{
display: block;
height: 100%;
width: 100%;
}
&:hover{
background-size: 110%;
}
}
.text-img{
background: #3b4850;
height: 400px;
a{
color: #FFF;
}
h3,p{
padding: 0 15px;
}
h3{
font-size: 24px;
font-family: "Myriad-Semi";
text-transform: uppercase;
}
}
a.leia-mais{
display: block;
width: 100%;
font-size: 18px;
font-family: "Myriad-Semi";
padding: 5px 0;
color: #FFF;
&:hover{
background: #FFF !important;
color: #000 !important;
}
}
.programacao-musical{
figure.title{
background-image: url(../img/title-programacao-musical.jpg);
}
a.leia-mais{
background: #0066b3;
}
}
.cultura{
figure.title{
background-image: url(../img/title-cultura.jpg);
}
a.leia-mais{
background: #f88300;
}
}
.jornalismo{
figure.title{
background-image: url(../img/title-jornalismo.jpg);
}
a.leia-mais{
background: #a50000;
}
}
.esportes{
figure.title{
background-image: url(../img/title-esportes.jpg);
}
a.leia-mais{
background: #008400;
}
}
}
#videos{
margin: 0px;
padding-bottom: 15px;
background: #aabac2;
figure{
-webkit-border-radius: 15px;
border-radius: 15px;
width: 100%;
height: 170px;
margin: 15px 0;
display: table;
background-size: 130%;
background-position: center;
&:hover{
background-size: 140%;
}
span{
display: table-cell;
vertical-align: middle;
height: 100%;
}
}
h3{
font-family: "Myriad-Semi";
font-size: 18px;
margin: 0 !important;
a{
color: #3b4850;
}
}
.title{
figure{
background: #06377b;
}
.btn{
display: block;
width: 100%;
font-family: "Myriad-Semi";
font-size: 18px;
}
}
}
.internas{
.title-category{
height: 23px;
margin-bottom: 10px;
a{
display: block;
width: 100%;
height: 100%;
}
&.programacao-musical{
background: url(../img/title-programacao-musical.jpg) no-repeat left center #0066b3;
}
&.cultura{
background: url(../img/title-cultura.jpg) no-repeat left center #f88300;
}
&.jornalismo{
background: url(../img/title-jornalismo.jpg) no-repeat left center #a50000;
}
&.esportes{
background: url(../img/title-esportes.jpg) no-repeat left center #008400;
}
}
.post{
color: #58595b;
h1,h2,h3,h4{ font-weight: 900; }
.post-img-featured{
float: left;
margin: 0 25px 25px 0;
width: 470px;
img{
width: 100%;
height: auto;
}
}
p{
font-size: 16px !important;
line-height: 19px;
}
.compartilhar{
margin: 35px 0;
padding: 15px;
background: rgba(0,0,0,0.1);
h3{
margin: 5px 0 0 0 !important;
float: left;
margin-right: 15px;
width: 220px;
}
.addthis_sharing_toolbox{
float: left;
width: 50%;
clear: none !important;
}
}
}
.outras-noticias{
h4.title{
background: #58595b;
padding: 10px 0 10px 15px;
font-style: italic;
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
a{
color: #FFF;
}
}
div{
border-right: 1px solid #58595b;
height: 210px;
&:last-child{
border-right: none
}
}
}
&.lista-posts{
article{
margin-bottom: 50px;
h2{
font-weight: 900;
}
p{
font-size: 16px !important;
line-height: 19px;
}
}
}
.programacao{
.prog_list{
list-style: none;
h3{
margin: 0;
font-size: 18px;
}
}
}
}
footer{
margin-top: 30px;
color: #0055a5;
}
/* PROGRAMAÇÃO */
ul.select_emissora{ padding: 15px 0px 15px 0px; border-bottom: 2px groove #fff; color: #000; }
ul.select_emissora li{ display: inline-block; font-size: 24px; padding-top: 5px; width: 71px; height: 41px; text-align: center; margin-right: 55px; cursor: pointer; }
.emissora_am{ background: #609f2e; color: #FFF; }
.emissora_fm{ background: #00529c; color: #FFF; }
ul.select_dia{ padding: 0px 0px 10px 0; border-bottom: 2px groove #fff; color: #616161; }
ul.select_dia li{
display: inline-block;
font-size: 18px;
padding-top: 5px;
width: 71px;
height: 36px;
text-align: center;
margin-right: 55px;
cursor: pointer;
}
.dia_hoje{ background: #0E4174; color: #FFF; }
.programacao_fm, .programacao_am{ display: none; }
ul.prog_list{ display: none; }
ul.prog_list li{
padding: 5px 0px 11px 80px;
border-bottom: 2px groove #fff;
color: #616161;
position: relative;
}
h3.hora_prog{ font-weight: normal; position: absolute; top: 5px; left: 10px; }