Просмотр архива Гирлянды

файл
popular.php
переместить по пути
sys/inc


это вставить wap.php
echo
popular_wapty($ank['id']);





это вставить в
style.css






.pop {
	border-top: 1px solid #d6d6d6;
 
border-bottom: 1px solid #d6d6d6;
	padding:2px 20px 15px;
 
background-color: white;
  display:
block;
}
.poptitle{
margin-bottom:10px; 
display:inline-block;

font-size:12px; 
color:#666;
}
.poptext span {
display:block;

float: left; 
width: 30%; 
text-align:center; 
font-size:11px;

color:silver; 
height: 15px;}

.poptext{
line-height: .7em;

margin-top: 3px
}
.poptext
.p1{
text-align:left;
width:20%
}

.poptext
.p4{
text-align:right;
width:20%
}

.popsilver{
	background-color:#eee;

 display: block;
	border-radius:3px;-webkit-border-radius:3px; box-shadow:
0 1px 2px 0 #ccc inset; -webkit-box-shadow: 0 1px 2px 0 #ccc
inset;
}
.popularity{
position:relative; 
height:2px;

border-radius:3px;-webkit-border-radius:3px;
}
#pop_0 .popularity
{border: 1px solid #a31919; background: #B11C1F; background:
-moz-linear-gradient(top,  #e7151c 0%, #870a0a 100%); background:
-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7151c),
color-stop(100%,#870a0a)); background: -webkit-linear-gradient(top, 
#e7151c 0%,#870a0a 100%); background: -o-linear-gradient(top,  #e7151c
0%,#870a0a 100%); box-shadow: 0 0 1px 0 #640000, inset 0 1px 0 0 #ff474d;
-webkit-box-shadow: 0 0 1px 0 #640000, inset 0 1px 0 0 #ff474d;}
#pop_1
.popularity {border: 1px solid #ffbc71; border-top-color: #FECC3B;
background: #ffde46; background: -moz-linear-gradient(top,  #ffde46 0%,
#f98d15 100%); background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#ffde46), color-stop(100%,#f98d15)); background:
-webkit-linear-gradient(top,  #ffde46 0%,#f98d15 100%); background:
-o-linear-gradient(top,  #ffde46 0%,#f98d15 100%); box-shadow: 0 0 1px 0
#efb311, inset 0 1px 0 0 #fff4b5; -webkit-box-shadow: 0 0 1px 0 #efb311,
inset 0 1px 0 0 #fff4b5;}
#pop_2 .popularity {border: 1px solid #34d80e;
background: #94ff0a; background: -moz-linear-gradient(top,  #94ff0a 0%,
#5fe512 100%); background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#94ff0a), color-stop(100%,#5fe512)); background:
-webkit-linear-gradient(top,  #94ff0a 0%,#5fe512 100%); background:
-o-linear-gradient(top,  #94ff0a 0%,#5fe512 100%); box-shadow: 0 0 1px 0
#29c011, inset 0 1px 0 0 #e6ffbe; -webkit-box-shadow: 0 0 1px 0 #29c011,
inset 0 1px 0 0 #e6ffbe;}
#pop_3 .popularity {border: 1px solid #c7578e;
background: #d961b8; background: -moz-linear-gradient(top,  #d961b8 0%,
#8d0051 100%); background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#d961b8), color-stop(100%,#8d0051)); background:
-webkit-linear-gradient(top,  #d961b8 0%,#8d0051 100%); background:
-o-linear-gradient(top,  #d961b8 0%,#8d0051 100%); box-shadow: 0 0 1px 0
#b50044, inset 0 1px 0 0 #ffc0d8; -webkit-box-shadow: 0 0 2px 0 #f14083,
inset 0 1px 0 0 #ffc0d8;
}

#pop_0 .poptext span.p1
{color:#870a0a}
#pop_1 .poptext span.p2 {color:#f98d15}
#pop_2 .poptext
span.p3 {color:#22b700}
#pop_3 .poptext span.p4 {color:#8d0051}
#pop_4
.poptext span.p4 {color:#FF0000}
#pop_0 .popularity {width:10%}
#pop_1
.popularity {width:41%}
#pop_2 .popularity {width:72%}
#pop_3 .popularity
{width:100%}