html {
background: url('../images/background_320.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background_320.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background_320.jpg', sizingMethod='scale')";
}
body {
font-family:'Open Sans', 'Helvetica', 'Arial', sans-serif;
// text-align:center;
// position:absolute;
overflow:hidden;
}
h1 {
font-size:1.2em;
text-align:left;
padding-top: 5px;
margin-top:0px;
}
h2 {
font-size:0.7em;
text-align:left;
padding-top: 5px;
margin-top:0px;
}
h3 {
font-size:0.8em;
text-align:left;
padding-top: 5px;
padding-bottom: 5px;
margin-top:0px;
}
p {
text-align : justify;
font-size:0.8em;
}
ul {
list-style-position: inside;
list-style-image: none;
list-style-type: none;
display : block;
}
li {
text-indent: 0px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}
a {
color: inherit;
text-decoration:none;
}
a:visited {
color: inherit;
}
a:focus {
outline:none;
}
a:active {
outline:none;
}
/* /////////////////////////// */
/* ///////// Background ////// */
/* /////////////////////////// */
#bg{
}
#bg {
position: fixed;
top: 0;
left: 0;
z-index:-100;
}
.bgwidth {
width: 100%;
}
.bgheight {
height: 100%;
}
#anti_scrollbar{
// width: 100%;
position:relative;
height:100%;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding-right: 31px; /* Increase this value for cross-browser compatibility */
margin-right: -31px; /* Increase this value for cross-browser compatibility */
}
/* /////////////////////////// */
/* ///////// Footer ////////// */
/* /////////////////////////// */
#footer{
width:500px;
left:0;
right:0;
margin:auto;
height:33px;
top:auto;
bottom:5px;
background:rgba(0,0,0,0.6);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
backdrop-filter: blur(5px);
position:fixed;
z-index: 999;
color:white;
}
/* /////////////////////////// */
/* ///////// Header ////////// */
/* /////////////////////////// */
.socialmedia_wrapper {
float:left;
margin-left:20px;
margin-top:5px;
}
.socialmedia_button {
float:left;
padding: 2px;
margin: 2px;
cursor:pointer;
}
.image_icon {
max-width: 36px;
max-height: 36px;
}
.header {
//position:fixed;
position:relative;
width:100%;
height:100px;
margin: 0 auto;
z-index: 999;
min-width:1148px;
}
.header_sigla {
position:absolute;
//position:relative;
display:block;
height:100%;
left:10%;
top:0;
//background: rgba(254,254,254,0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.header_sigla:hover {
background: rgba(0,0,0,0.2);
}
.header_menu {
position:absolute;
top:0;
width:auto;
right:10%;
top:20px;
}
.header_button {
position:relative;
display:block;
margin:0px 0px 0px 15px;
padding:0px 15px;
height:100%;
width:4em;
float:left;
background: rgba(254,254,254,0.5);
text-align:center;
color:black;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
}
.header_button:hover {
background: rgba(254,254,254,1);
}
.header_button:active {
background: rgba(100,100,100,0.5);
color:white;
}
.header_button_text {
display:block;
position:relative;
top:5px;
width:4em;
margin:0px auto;
text-align:center;
}
.header_button_text_center {
display:block;
width:4em;
margin:0 auto;
padding:15px;
margin-left:-15px;
text-align:center;
position: relative;
text-decoration:none;
font-size:1em;
font-weight:600;
//top: 50%;
//-webkit-transform: translateY(-50%);
//-ms-transform: translateY(-50%);
//transform: translateY(-50%);
}
/* /////////////////////// */
/* /// mp3 play button /// */
/* /////////////////////// */
.center_play_button {
position:absolute;
height:10%;
top:40%;
left:50%;
}
.center_play_button_container {
position:relative;
left:-50%;
cursor: pointer;
//border:solid black 1px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
}
.center_play_button_container:hover {
background: rgba(0,0,0,0.3);
}
.button_top_container {
display:none;
position:absolute;
width:80px;
height:80px;
top:10px;
left:5px;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.button_top_container:hover {
background: rgba(0,0,0,0.3);
}
/* /////////////////////// */
/* /// volume bar //////// */
/* /////////////////////// */
#volbar{
position:fixed;
left:-50px;
top:50%;
width:43px;
height:30%;
background-color:rgba(0,0,0,0.6);
margin-top:-7%;
z-index:1200;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#volbar_bar{
margin-left:12px;
width:15px;
height:80%;
background-color:rgba(0,0,0,0.2);
top:10%;
border:2px solid rgb(130, 180, 76);
position:relative;
overflow:hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#volbar_slider{
width:100%;
height:0%;
background-color:rgba(200,200,200,0.6);
bottom:0px;
left:0px;
position:absolute;
cursor:pointer;
}
.volbar_plus{
position:absolute;
top:3px;
left:14px;
margin:0px;
width:15px;
height:15px;
line-height:15px;
font-size:26px;
text-align:center;
background-color:rgba(200,200,200,0.6);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
cursor:pointer;
}
.volbar_minus{
position:absolute;
bottom:2px;
left:13px;
margin:0px;
width:15px;
height:15px;
line-height:10px;
font-size:26px;
text-align:center;
background-color:rgba(200,200,200,0.6);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
cursor:pointer;
}
/* /////////////////////// */
/* /// page overlay /// */
/* /////////////////////// */
#overlay {
background: rgba(254,254,254,0.5);
color:#efefef;
height:450px;
width:200px;
display:none;
}
.page_overlay, .page_overlay_2_left, .page_overlay_2_right, .page_overlay_3_left, .page_overlay_3_center, .page_overlay_3_right, .page_overlay_4_left, .page_overlay_4_leftc, .page_overlay_4_rightc, .page_overlay_4_right {
position:absolute;
top:180px;
left:10%;
padding: 1%;
margin: 0.5%;
background: rgba(0,0,0,0.5);
color:#efefef;
min-height:450px;
width:77.5%;
overflow-y:hidden;
overflow-x:hidden;
font-size:1em;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
}
.page_overlay {
font-size:1.2em;
width:700px;
left:0;
right:0;
margin:auto;
}
.page_overlay_2_left, .page_overlay_2_right {
width:35%;
}
.page_overlay_2_right {
left:52.5%;
}
.page_overlay_3_left, .page_overlay_3_center, .page_overlay_3_right {
width: 22%;
}
.page_overlay_3_center {
left:38%;
}
.page_overlay_3_right {
left:66%;
}
.page_overlay_4_left, .page_overlay_4_leftc, .page_overlay_4_rightc, .page_overlay_4_right {
top:220px;
width: 13.5%;
min-height: 250px;
height:250px;
}
.page_overlay_4_leftc {
left: 31.75%;
}
.page_overlay_4_rightc {
left: 53%;
}
.page_overlay_4_right {
left: 75.25%;
}
.page_overlay_flow {
position:relative;
float:left;
padding: 1%;
margin-right: 80px;
margin-top:50px;
background: rgba(0,0,0,0.5);
color:#efefef;
height:250px;
width:280px;
overflow-y:hidden;
}
.distance_left {
position:relative;
float:left;
width:10%;
height:100%;
width: -moz-calc(10%);
width: -webkit-calc(10%);
width: calc(10%);
}
.distance_top {
position:relative;
float:left;
width:100% !important;
height:280px;
width: -moz-calc(10%);
width: -webkit-calc(10%);
width: calc(10%);
}
div.contentWrap {
height:441px;
overflow-y:auto;
}
/* /////////////////////// */
/* /// pagini continut /// */
/* /////////////////////// */
.content_title {
position:absolute;
left:55px;
top:30px;
font-size:1.2em;
text-align:left;
padding-top: 5px;
margin-top:0px;
}
.content_right_button {
position:absolute;
right:55px;
top:37px;
z-index:1000;
display:block;
margin:0px 0px 0px 15px;
padding:0px 15px;
width:4em;
text-align:center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
cursor: pointer;
}
.content_right_close {
position:absolute;
right:30px;
top:32px;
z-index:1000;
display:block;
cursor: pointer;
}
.content_right_button:hover {
background: rgba(100,100,100,0.5);
}
.content_right_button:active {
color: black;
background: rgba(254,254,254,1);
}
.content_top_spacer_80 {
margin-left:200px;
position:relative;
height:80px;
width:600px;
}
.content_top_spacer_20 {
margin-left:200px;
position:relative;
height:20px;
width:600px;
}
.content_lista {
background-color: rgba(254,254,254,0.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
margin-left:5%;
margin-bottom:2%;
position:relative;
height:auto;
width:90%;
}
.content_lista_even {
background-color: rgba(0,0,0,0.6);
}
.content_lista_even:hover {
background-color: rgba(254,254,254,0.3);
}
.content_lista_odd {
background-color: rgba(254,254,254,0.1);
}
.content_lista_odd:hover {
background-color: rgba(254,254,254,0.3);
}
.content_lista img {
width:100%;
height:auto;
}
.content_lista a {
color: rgb(102, 153, 204);
}
.content_lista a:hover {
color: rgb(157, 188, 225);
background-color: rgba(198, 217, 236, 0.2);
}
.content_stire_imagebox {
margin:0px 20px 10px 20px;
padding-top:20px;
}
.content_stire_text {
margin-top:10px;
margin-right:10px;
padding:20px;
}
.content_stire_videobox {
margin:-10px 20px 10px 20px;
padding:0 0 40px 0;
}
.content_emisiuni_imagebox {
float:left;
width:23%;
padding:0.8%;
}
.content_emisiuni_text {
margin:5px 2%;
float:left;
width:71%;
}
.content_emisiuni_image_in_row {
margin-bottom:7px;
}
// to delete
.emisiune_lista {
background: rgba(254,254,254,0.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
}
// to delete
.emisiune_lista:hover {
background: rgba(254,254,254,0.3);
}
.video_wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.content_playlist_date {
margin-left:43px;
font-size:1.2em;
text-align:left;
padding: 0 0 15px 0;
}
.content_playlist_text {
margin:5px 2%;
float:left;
width:71%;
}
.stire_individuala {
background: rgba(254,254,254,0.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
}
.muzica_lista {
margin:5px;
background: rgba(254,254,254,0.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
margin-left:20%;
position:relative;
//height:100px;
width:78%;
font-size:0.8em;
}
.muzica_lista:hover {
background: rgba(254,254,254,0.3);
}
.podcast_lista {
margin:5px;
background: rgba(254,254,254,0.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
margin-left:30%;
position:relative;
//height:100px;
width:68%;
font-size:0.8em;
}
.podcast_lista:hover {
background: rgba(254,254,254,0.3);
}
.podcast_download_button {
background-image: url("../images/download_file_greenwhite.png");
background-size: 30px;
background-repeat: no-repeat;
float:right;
margin: 37px 5px 0 0;
width:30px;
height:25px;"
}
.podcast_download_button:hover {
background-image: url("../images/download_file_green.png");
}
.podcast_download_button:active {
background-image: url("../images/download_file_greenwhite.png");
}
.news_echipa{
height:180px;
position:absolute;
top:10px;
right:10px
}
.news_echipa_membru{
float:left;
text-align:center;
}
.news_echipa_poza{}
.news_echipa_image {
height:150px;
}
.news_echipa_text{
text-align:center;
}
/* /////////////////////// */
/* /// timeline /// */
/* /////////////////////// */
#timeline {
//width:8640px;
width:4320px;
height:70px;
position:absolute;
left:0px;
top:0px;
background: rgba(254,254,254,0.8);
margin-left:0px;
font-size:0.8em;
}
#timeline_container {
height:70px;
position:absolute;
left:0;
top:10px;
width:100%;
z-index:40;
overflow:hidden;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* /////////////////////// */
/* /// bara muzica /// */
/* /////////////////////// */
.muzica_title {
margin:5px 0px;
padding:5px;
//background: rgba(0,0,0,0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
position:relative;
height:40px;
width:100%;
text-align:center;
font-size:1.2em;
}
.muzica_buton {
margin:5px 0px;
padding:5px;
background: rgba(0,0,0,0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backdrop-filter: blur(5px);
position:relative;
height:30px;
width:100%;
text-align:center;
cursor:pointer;
}
.muzica_buton:hover {
background: rgba(254,254,254,0.3);
}
.muzica_buton_activ {
background: rgba(254,254,254,0.3);
}
.podcast_buton {
height:25px;
margin:3px 0px;
padding:3px;
}
// administrare
* {
margin : 0px;
padding : 0px;
}
#page_wrapper{
position:relative;
height: auto !important;
height: 100%;
min-height: 100%;
margin : 0px auto;
background-color:#EDEDED;
width:930px;
}
#body_wrapper{
padding-bottom: 110px; /* bottom padding for footer */
width:100%;
background-color:#EDEDED;
}
#content_wrapper{
position:relative;
padding-left:40px;
padding-bottom:20px;
}
#horizontal_menu {
overflow:hidden;
background-color:#D2D2D2;
//color:#EDEDED;
height:1.8em;
font-size : 100%;
}
.horizontal_menu_left {
max-height: 1.25em;
float: left;
margin-top:6px;
margin-bottom:-6px;
margin-left:210px;
height: 100%;
}
.horizontal_menu_button {
text-decoration:none;
font-family:Arial;
font-size:0.75em;
font-weight:bold;
background-color:#305479;
color:#EDEDED !important;
padding:0.416667em;
height:0.83333em;
}
.horizontal_menu_button:hover {
background-color:#EDEDED;
color:#305479 !important;
box-shadow: 0.125em 0.125em 0.125em rgba(0,0,0,0.1) inset;
}
.horizontal_menu_button_pressed{
background-color:#EDEDED;
color:#305479 !important;
}
.vertical_line_right {
position:absolute;
top:0;
bottom:0;
right:0;
width: 5px;
padding:0px;
margin:0px;
background-color:#D2D2D2;
}
/* --- EDIT --- */
.dataentry {
font-family:Arial;
font-size:14px;
line-height:23px;
width:auto;
text-align:left;
background-color:#FFFFB0;
}
.red-button {
background-color: rgb(97, 57, 157);
padding:2px;
width:30px;
border: 1px solid #BA0202;
color: white;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
cursor:pointer;
font-size: 9px;
-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.red-button:hover {
text-decoration:none;
box-shadow: rgba(0,0,0,0.1) 0px 1px 1px ;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 1px ;
background-color: red;
}
.red-button:active {
background-color: rgb(97, 57, 157);
}
/* UPLOAD IMAGE PANEL */
.upload_image {
z-index:1000;
display:none;
position:absolute;
background-color:rgb(210,210,210);
top:-2px;
margin-left:-10px;
}
.upload_close {
position:absolute;
width:30px;
height:30px;
top:50px;
left:140px;
cursor:pointer;
display:inline;
background-image: url('../images/delete.png');
//background-color: red;
z-index:1010;
}
.upload_frame {
position:absolute;
background-color:grey;
z-index:1005;
height:400px;
width:600px;
border-width: 0px;
border:none;
top:50px;
margin:0 140px;
}
/* /// UPLOAD IMAGE PANEL /// */