The Updates Divas CSS File
The Updates Divas CSS File
html{
background-color: #d18d9b;
}
body {
position: absolute;
left: 0px;
width: 962px;
color:black;
font-family: ek mukta;
font-size: 18px;
background-repeat: no-repeat;
background-position: right top;
width: 1340px;
height: 1250px;
background-color: white;
border-top-left-radius:8px;
border-top-right-radius:8px;
}
#LeftBuffer{
position: fixed;
left: 0px;
top: 0px;
background-image:url("images/ivy2.jpg");
background-repeat: repeat-y;
width: 199px;
height: 900px;
}
#RightBuffer{
position: fixed;
left: 1160px;
top: 0px;
background-image:url("images/ivy2.jpg");
background-repeat: repeat-y;
background-color: #d18d9b;
width: 200px;
height: 900px;
}
/* ****** Logo Bar Section **************** */
#logoDiv{
height:82px;
position:relative;
left:190px;
margin-bottom:-23px;
margin-top:-14px;
width:965px;
background-image:url("images/ivy2.jpg");
background-repeat: repeat-x;
background-color:#d18d9b;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
#RealLogo{
position:relative;
left:20px;
height:82px;
width:260px;
}
#mainwrapper{
}
/* ******** Nav Bar Section ************* */
.clearfix::after {
display:block;
clear:both;
content:'';
padding:0px;
}
.menu-wrap {
position:relative;
left:190px;
width:963px;
box-shadow:0px 1px 3px rgba(0,0,0,0.2);
background:#ffffff; /* #3e3436 */
margin-top: -20px;
padding:0px;
height:65px;
border-top-left-radius:8px;
border-top-right-radius:8px;
`
}
.menu {
position:relative;
left:01px;
width:953px;
margin:0px auto;
background-color:#ffffff;
padding:0px;
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.menu li {
margin:0 20px 0 0;
list-style:none;
font-family:'Ek Mukta';
}
.menu a {
transition:all linear 0.15s;
color:#d0d0d0;
text-decoration:none;
}
a.home{height:65px;
}
.menu li:hover > a, .menu .current-item > a {
text-decoration:none;
color:#be5b70;
}
.menu .arrow {
font-size:18px;
line-height:0%;
}
/*----- Top Level -----*/
.menu > ul > li {
float:left;
display:inline-block;
position:relative;
font-size:24px;
height:65px;
}
.menu > ul > li > a {
padding:10px 40px;
display:inline-block;
text-shadow:0px 0px 0px rgba(0,0,0,0.4);
}
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
background:#2e2728;
}
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
z-index:1;
opacity:1;
}
.sub-menu {
width:160%;
padding:5px 0px;
position:absolute;
top:100%;
left:0px;
z-index:-1;
opacity:0;
transition:opacity linear 0.15s;
box-shadow:0px 2px 3px rgba(0,0,0,0.2);
background:#2e2728;
}
.sub-menu li {
display:block;
font-size:16px;
}
.sub-menu li a {
padding:10px 30px;
display:block;
}
.sub-menu li a:hover, .sub-menu .current-item a {
background:#3e3436;
}
/*
.navlist a {
/* display: inline;
list-style-type: none;
padding-right: 90px; -->
text-decoration-color:#ffffff;
text-decoration:none;
}
.navlist li {
display: inline;
list-style-type: none;
padding-right: 60px;
text-decoration-color:#000000;
text-decoration:none;
}
li.c2 a {
color: black;
}
*/
#header2{
position:relative;
left: 200px;
height: 50px;
background-color: #ffffff; /* #242426; #665600; */
padding:1px;
border-top-left-radius:8px;
border-top-right-radius:8px;
text-align:center;
font-size:25px;
font-family: arial;
width:960px;
text-shadow: 0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #616266, /* #ffd700, */
0 0 70px #616266,
0 0 80px #616266,
0 0 100px #616266,
0 0 150px #616266;
/* position:absolute;
left:0px;
top:0px;
width:1250px;
height:100px; */
}
/* ***** Images Row Section ********** */
/* Here starts the images row */
#images1{
position:relative;
left:190px;
margin: 0 0 0 0;
background-color:black;
width:963px;
}
#thumbnailW{
width:240px;
height: 244px;
background-color:black;
float: left;
/*position:absolute;
left: 0px;
top:0px; */
}
#thumbnailX {
/*position:absolute;
left:200px; */
float: left;
width: 240px;
height: 244px;
margin: 0px;
}
#thumbnailY {
/*position:absolute;
left:410px; */
float: left;
width:240px;
height: 244px;
}
#thumbnailZ {
/*position:absolute;
left:733px; */
float: left;
width: 243px;
height: 244px;
margin: 0px;
}
/* ****** Audio Row Section ******* */
#AudioRow{
position:absolute;
left:194px;
top:380px;
margin: 0 0 0 0;
background-color:transparent;
width:958px;
height:40px;
padding:0px;
z-index:3;
}
#LordeSong{position:absolute;
left:250px;
left:260px;
width:200px;
top:-5px;
}
#WhitneySong{position:absolute;
width:200px;
left:500px;
top:-5px
}
#ShaniaSong{position:absolute;
width:200px;
left:740px;
top:-5px
}
#1stpic{
position:relative;
left:190px;
}