LGSL List Modded v2

Мнение от **sed1** » 20 Окт 2016, 09:37

Демо:

Нужни иконки:

- Windows.png

- Linux.png

- nvac.png

- vac.png
Слагат се в: lgsl/lgsl_files/other

Инсталация:

В страницата където инклудвате листата добавете между <head></head>

Код за потвърждение: Избери целия код

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />

CSS, вкарайте го в главния CSS на сайта ви:

Код за потвърждение: Избери целия код

.ui-tooltip {
   padding: 8px;
   position: absolute;
   z-index: 9999;
   max-width: 500px;
   -webkit-box-shadow: 0 0 5px #aaa;
   box-shadow: 0 0 5px #aaa;
}

.tip {
    position: absolute;
    display: none;
    padding: 5px 10px;
    border-radius: 4px;
    background: #333;
    background: rgba(0,0,0,.7);
    color: #fff;
}
.tip::after {
    position: absolute;
    top: 25px;
    left: 40%;
    border: solid;
   
}

.header{color:#727272;text-shadow:rgba(255,255,255,0.8) 0px 1px 0px;background:#eee url('http://forum.ifrag.ru/public/style_images/ifrag_v1/highlight.png') repeat-x 0 0}
.header th{border-bottom:1px solid #e2e2e2}

.badge_green{background:#7ba60d}
.badge_red{background:#bf1d00}

.ipsBadge{vertical-align:middle;display:inline-block;height:16px;line-height:16px;padding:0
5px;font-size:9px;font-weight:bold;text-transform:uppercase;color:#fff;text-shadow:rgba(0,0,0,0.2) 0px -1px 0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-image:url('http://forum.ifrag.ru/public/style_images/ifrag_v1/highlight.png');background-repeat:repeat-x;background-position:0 -1px}

.html5-progress-bar {
   border-radius: 3px;
margin-top:-19px;
   
}
.html5-progress-bar progress {
   background-color: #f3f3f3;
   width:100%;
   height: 18px;
   border-radius: 5px;

}
.html5-progress-bar progress::-webkit-progress-bar {
   background-color: #f3f3f3;
   border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-value {
   background: #cdeb8e;
   background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
   background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
   background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
   background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
   background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
   border-radius: 9px;
}
.html5-progress-bar progress::-moz-progress-bar {
   background: #cdeb8e;
   background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
   background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
   background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
   background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
   background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
   border-radius: 9px;
}

.html5-progress-bar2 {

margin-top:-19px;
   
}
.html5-progress-bar2 progress {
   background-color: #f3f3f3;
   width:100%;
   height: 18px;


}

.html5-progress-bar2 progress::-webkit-progress-bar {
   background-color: #f3f3f3;

}

.html5-progress-bar2 progress::-webkit-progress-value {
   background: #1C86EE;
   background: -moz-linear-gradient(top,  #1C86EE 0%, #1874CD 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C86EE), color-stop(100%,#1874CD));
   background: -webkit-linear-gradient(top,  #1C86EE 0%,#1874CD 100%);
   background: -o-linear-gradient(top,  #1C86EE 0%,#1874CD 100%);
   background: -ms-linear-gradient(top,  #1C86EE 0%,#1874CD 100%);
   background: linear-gradient(to bottom,  #1C86EE 0%,#1874CD 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C86EE', endColorstr='#1874CD',GradientType=0 );

}
.html5-progress-bar2 progress::-moz-progress-bar {
   background: #1C86EE;
   background: -moz-linear-gradient(top,  #1C86EE 0%, #1874CD 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C86EE), color-stop(100%,#1874CD));
   background: -webkit-linear-gradient(top,  #1C86EE 0%,#1874CD 100%);
   background: -o-linear-gradient(top,  #1C86EE 0%,#1874CD 100%);
   background: -ms-linear-gradient(top,  #1C86EE 0%,#1874CD 100%);
   background: linear-gradient(to bottom,  #1C86EE 0%,#1874CD 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C86EE', endColorstr='#1874CD',GradientType=0 );

}

Свали

LGSL List Modded v2

LGSL List Modded v2

Кой е на линия