View file lospaciprian/muzica/style.css

File size: 14.78Kb
body {margin :1px auto;
      padding: 6px;
      background-color: #fff;
      font-family: verdana;
      font-size: 12px;
      color: #000000;
}
a:link {
	color: #000080;
	font-weight:bold;
}

a:visited {
	color: #A52A2A;
	font-style: bold;
}

a:hover {
	color: #0000FF;
	font-style: bold;
}

a:active {
	color: #FF0000;
	font-style: bold;
}
.title {text-align : left;
        padding: 0.13em;
        border-top:#5eacd7 solid 1px;
        border-left:#5eacd7 solid 1px;
        border-right:#5eacd7  solid 1px;
        background-color: #000000;
        font-size:14px;
        color: #FFFFFF;
}

.main {text-align :left;
       background-color: #FFFFFF;
       color: #000000;
       border-top:#191 solid 1px;
       border-left:#191  solid 1px;
       border-right:#191  solid 1px;
       border-bottom:#191  solid 2px;
       padding: 3px 4px;

}
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
}


body {max-width: px;
margin :0px auto;
padding: 2px;
background-color: #EAEEF4;
color: #000;
font-family: Verdana, sans-serif;
font-size: 12px;

}
.logoprev {
width: 190px;
height: 85px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

mp3prev {
width: 100px;
height: 100px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

a:link,a:active {color: #110D97;
font-weight:bold;
text-decoration: none;

}
a:visited {color:#7d053f;
font-weight:bold;
text-decoration: none;

}
a:hover{text-decoration: none;
color: #191;
background-color:;

}
a:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
opacity: .65;
}


input,select,textarea {margin: 2px;
color: #000055;
background-color: #ffffff;
font-size: 11px;
padding: 2px;
border: 1px solid #616D7E;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
border-radius: 0.4em;
}

input:hover {background-color: #ffffff;
color: #000055;
border: 1px solid #191;
}
select:hover{background-color: #ffffff;
color: #000000;
border: 1px solid #191;
}

textarea:hover{background-color: #ffffff;
color: #000000;
border: 1px solid #191;
}

.title {text-align : left;
border-top:#333333 solid 0px;
border-left:#616D7E solid 0px;
border-right:#542b2b solid 1px;
background-color:#5dff5d;
border-bottom:#333333  solid 0px;

}




.titlebun {text-align : left;
border-top:#333333 solid 0px;
border-left:#616D7E solid 0px;
border-right:#191 solid 1px;
background-color:#4E729A;
border-bottom:#333333  solid 0px;

}

.title2 {text-align : left;
color: #ffffff;
border-top:#333333 solid 0px;
border-left:#333333 solid 0px;
border-right:#333333 solid  0px;
border-bottom: 0px solid #333333;


padding:3px;
background-color:#2f2f2f;

}





.title3 {text-align : right;
color: #ffffff;
border-top:#333333 solid 0px;
border-left:333333 solid 0px;
border-right:#333333 solid  0px;
border-bottom: 0px solid #333333;
padding:3px;
background-color:#2f2f2f;
text-shadow:#000 3px 3px 3px;
}



}



.endbara {
text-align :right;
background-color:#FFFFFF;
color: #542a2a;
border-top:#333333 solid 0px;
border-left:#333333  solid 0px;
border-right:#333333 solid 0px;
border-bottom:#333333  solid 0px;
margin:3px;
padding:3px;

border: 1px solid #cecece;

}



.endbara:hover{
background:#E4E4E4;

}


.mainbun {text-align :left;
background-color:#e1f99a;
color: #000055;
border-top:#191 solid 0px;
border-left:#616D7E    solid 0px;
border-right:#616D7E  solid 0px;
border-bottom:#378fc9  solid 0px;
padding: 2px;



}
.main2 {text-align :right;
background-color: #eee;
color: #000055;
border-top:#333333 solid 0px;
border-left:#333333  solid 0px;
border-right:#333333 solid 0px;
border-bottom:#333333  solid 0px;
padding: 2px;

}
.text {text-align :left;
background-color: #eee;
color: #000000;
border-top:#333333 solid 1px;
border-left:#333333  solid 1px;
border-right:#333333 solid 1px;

padding: 3px 4px;

}


.end {color: #ffffff;

padding: 4px 4px 4px 4px;
margin: 3px 0;
border-top: 0px solid #5dff5d;
border-bottom: 0px solid #5dff5d;
text-align :left;
font-family:  Georgia;
background-color:#2f2f2f;
text-shadow:#000 3px 3px 3px;
border: 1px solid #2f2f2f;
}



.endbun {padding: 4px 4px 4px 4px;
background-color:#191;
text-align: left;
color: #eee;
text-shadow: 1px 1px 2px #000;
border-top:#191 solid 1px;
border-left:#616D7E solid 0px;
border-right:#616D7E  solid 0px;
border-bottom:#191  solid 1px;

}


.end2 {

text-align: left;
color: #ffffff;
border-top:#808080 solid 0px;
border-left:#333333 solid 0px;
border-right:#5dff5d solid 0px;
border-bottom:#808080  solid 0px;
background-color:#2f2f2f;
padding: 4px 4px 4px 4px;
text-shadow:#000 3px 3px 3px;
}
.end3 {
padding: 4px 4px 4px 4px;
text-align: right;
color: #ffffff;
border-top:#808080 solid 0px;
border-left:#5dff5d solid 0px;
border-right:#333333  solid 0px;
border-bottom:#808080 solid 0px;
font-family:  Georgia;

background-color:#2f2f2f;
text-shadow:#000 3px 3px 3px;
}







/*////////////////webmusic //////*/

.nr{width:20px;

text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#ffffff;
}

.fisier{width:600px;

text-align:left;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 0px solid #e4a5a5;
border-left: 0px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#ffffff;
}


.data{width:120px;
text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 0px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#ffffff;
}

.categ{width:90px;
text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 0px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#ffffff;
}



.hit{width:35px;
text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#ffffff;
}

.cat{width:95px;
text-align:center;
border-top: 1px solid #542b2b;
border-bottom: 1px solid #542b2b;
border-right: 1px solid #542b2b;
border-left: 1px solid #542b2b;
color: #ffffff;
padding: 5px;
background-color:#ffffff;
}


/*////////////////infowebmusic //////*/




.nrr{width:20px;

text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#eee;
}

.fisierr{width:600px;

text-align:left;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 0px solid #e4a5a5;
border-left: 0px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#eee;
}


.dataa{width:120px;
text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 0px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#eee;
}

.categg{width:90px;
text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 0px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#eee;
}



.hitt{width:35px;
text-align:center;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#eee;
}

.navi{width:100px;
text-align:center;
border-top: 1px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 3px;
background-color:#ffffff;
}












/*////////////////infowebmusicfin //////*/


/*////////////////fiserinfowebmusic //////*/


.file{width:990px;
text-align:left;
border-top: 1px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 10px;
background-color:#ffffff;
}
.nume{width:990px;
text-align:center;
border-top: 1px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 6px;
background-color:#ffffff;

}

.info{width:130px;
text-align:left;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 0px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#ffffff;
}
.inforest{width:px;
text-align:left;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 1px;
background-color:#ffffff;
}

.play{width:990px;
text-align:left;
border-top: 0px solid #e4a5a5;
border-bottom: 1px solid #e4a5a5;
border-right: 1px solid #e4a5a5;
border-left: 1px solid #e4a5a5;
color: #000000;
padding: 10px;
background-color:#ffffff;
}




/*////////////////fisierinfowebmusic fin //////*/








.sm2 {padding: 3px 2px 2px 2px;
background-color:#ffffff;
text-align: left;
color: #000000;
width:10px;
border-top:#542b2b solid 0px;
border-left:#333333 solid 0px;
border-right:#542b2b solid 0px;
border-bottom:#542b2b  solid 0px;
}
.sm3 {padding: 3px 2px 2px 2px;
background-color:#ffffff;
text-align: left;
color: #000000;
width:10px;
border-top:#542b2b solid 0px;
border-left:#542b2b solid 0px;
border-right:#333333  solid 0px;
border-bottom:#542b2b solid 0px;
}





.thumb {width: 60px;
height: 60px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumbb {width: 50px;
height: 50px;
border: 0px solid #808080;
border-radius:4px;
}
.thumb2 {width: 50px;
height: 50px;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb3 {width: 75px;
height: 55px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb3:hover {width:55px;
height: 55px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb6 {width: 50px;
height: 80px;
border: 1px solid #333333;
border-radius:4px;
}

.thumb8 {width: 135px;
height: 200px;
border: 1px solid #808080;
border-radius:4px;
}
.thumb9 {width: 80px;
height: 80px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb10 {width: 115px;
height: 170px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb11 {width: 70px;
height: 97px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb12 {width: 55px;
height: 55px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb13{width: 100px;
height: 100px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumb14 {width: 70px;
height: 97px;
background:#FFF;
padding:8px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;


}


.p1{padding:2px;

color:#000000;
background-color:#fffcdd;
border-left:#808080 solid 1px;
border-right:#808080  solid 1px;
border-top: #808080  solid 1px;
border-bottom: #808080 solid 1px;
margin:2px 0; }

.p2{padding:2px;

color:#000000;
background-color:#EAF998;

border-bottom: #808080 solid 1px;
}
.line{
border: 1px solid #cecece;
background-color:#FFFFFF;
margin:3px;
padding:3px;
color: #000;
}
.line:hover{
background:#E4E4E4;
}
.lineicon{
border: 1px solid #cecece;
background-color:#FFFFFF;
text-align :center;
margin:3px;
padding:3px;
color: #000;
}
.lineicon:hover{
background:#E4E4E4;
}
.linee {
border: 1px solid #cecece;
background-color:#FFFFFF;

margin:3px;
padding:3px;
color: #000;

}


.linee:hover{
background:#E4E4E4;
}
.linee2 {
border: 1px solid #cecece;
background-color:#FFFFFF;
color: #000;
margin:3px;
padding:3px;


}


.linee2:hover{

}
.linee3 {
border: 1px solid #cecece;
background-color:#FFFFFF;

margin:3px;
padding:3px;
color: #000;

}


.linee3:hover{

}


.like {
border: 1px solid #cecece;
background-color:#FFFFFF;
margin:2px;
padding:1px;
color: #000;

}
.like:hover{
background-color:#eee;
}




.lines  a {
margin:2px ;
padding:2px ;
display: block;

}
.lines a:hover {
background:#E4E4E4;
background: url(http://stelyos.org/nav.png) no-repeat  right;
}

.lines{
margin:2px;
padding:1px;
border: 1px solid #cecece;
background-color:#FFFFFF;


}
.lines:hover{
background:#E4E4E4;

}







.liness  a {
margin:1px ;
padding:2px ;
display: block;
}
.liness a:hover {
background:#E4E4E4;
background: url(http://stelyos.org/nav.png) no-repeat  right;
}

.liness{
border: 1px solid #cecece;
background-color:#FFFFFF;

margin:2px;
padding:1px;

}
.liness:hover{
background:#E4E4E4;
}




.linest  { border: 1px solid #cecece;
background-color:#FFFFFF;

margin:2px ;
padding:2px ;
text-align :left;

}
.linest:hover{
background:#E4E4E4;

}

.linest1  a { padding:1px ;
text-decoration: none;
display: block;
text-align :left;
}
.linest1 a:hover { background:#E4E4E4;
text-decoration: none;
background:#E4E4E4;
background: url(http://stelyos.org/nav.png) no-repeat  right;
}


.baloon a{text-align:center;

padding: 3px;
border-radius:4px;
display: block;
background: url(http://stelyos.org/logo/bg.jpg);

border:1px solid #B8BBC0;
}
.baloon a:hover {
background-color:#FFF793;
background: url(http://stelyos.org/logo/main.png) ;
text-decoration: none;
border:1px solid #B8BBC0;

}


.foot {background: #ffffff;
border: #003300 groove 1px;
padding: 3px 2px 2px 2px;
text-align : center;
}
.linew{border-bottom:#003300 groove 1px
padding: 3px 2px 2px 2px;}
.counts
{opacity: 0.8;}
.counts:hover
{opacity: 1.0;}