mirror of
https://github.com/UnickSoft/graphonline.git
synced 2026-06-17 06:11:37 +00:00
first commit
This commit is contained in:
/usr/bin/nano
+185
@@ -0,0 +1,185 @@
|
||||
/**
|
||||
* Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
|
||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*
|
||||
* Version: 1.2.7
|
||||
*
|
||||
* Demo and documentation: http://coffeescripter.com/code/ad-gallery/
|
||||
*/
|
||||
.ad-gallery {
|
||||
width: 95%;
|
||||
}
|
||||
.ad-gallery, .ad-gallery * {
|
||||
margin:auto;
|
||||
padding: 0;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper {
|
||||
width: 95%;
|
||||
height: 250px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin:auto;
|
||||
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-loader {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 48%;
|
||||
left: 48%;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-next {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
z-index: 200;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
z-index: 200;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
|
||||
/* Or else IE will hide it */
|
||||
background: url(trans.gif);
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
|
||||
background: url(ad_prev.png);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 47%;
|
||||
left: 0;
|
||||
z-index: 101;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
|
||||
background: url(ad_next.png);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image a img {
|
||||
border: 0;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
background: url(opa75.png);
|
||||
color: rgb(250, 55, 94);
|
||||
}
|
||||
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
|
||||
background: none;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-controls {
|
||||
height: 20px;
|
||||
}
|
||||
.ad-gallery .ad-info {
|
||||
float: left;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls {
|
||||
float: right;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
|
||||
padding-left: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
|
||||
padding-left: 5px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
|
||||
cursor: default;
|
||||
font-style: italic;
|
||||
}
|
||||
.ad-gallery .ad-nav {
|
||||
width: 95%;
|
||||
position: relative;
|
||||
margin:auto;
|
||||
height: 100px;
|
||||
}
|
||||
.ad-gallery .ad-forward, .ad-gallery .ad-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
/* IE 6 doesn't like height: 100% */
|
||||
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
|
||||
height: 100px;
|
||||
}
|
||||
.ad-gallery .ad-back {
|
||||
cursor: pointer;
|
||||
left: -20px;
|
||||
width: 13px;
|
||||
display: block;
|
||||
background: url(ad_scroll_back.png) 0px 22px no-repeat;
|
||||
}
|
||||
.ad-gallery .ad-forward {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
right: -20px;
|
||||
width: 13px;
|
||||
background: url(ad_scroll_forward.png) 0px 22px no-repeat;
|
||||
}
|
||||
.ad-gallery .ad-nav .ad-thumbs {
|
||||
overflow: hidden;
|
||||
width: 95%;
|
||||
}
|
||||
.ad-gallery .ad-thumbs .ad-thumb-list {
|
||||
float: left;
|
||||
width: 9000px;
|
||||
list-style: none;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li {
|
||||
float: left;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a {
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a img {
|
||||
border: 3px solid #CCC;
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a.ad-active img {
|
||||
border: 3px solid #616161;
|
||||
}
|
||||
/* Can't do display none, since Opera won't load the images then */
|
||||
.ad-preloads {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
top: -9000px;
|
||||
}
|
||||
|
||||
.ad-image {
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user