first commit
After Width: | Height: | Size: 469 B |
@ -0,0 +1,46 @@
|
||||
/* Accessible News Slider: Base styles */
|
||||
|
||||
/*div.jqans-wrapper {
|
||||
-x-system-font:none;
|
||||
font-family:arial,helvetica,clean,sans-serif;
|
||||
font-size:13px;
|
||||
font-size-adjust:none;
|
||||
font-stretch:normal;
|
||||
font-style:normal;
|
||||
font-variant:normal;
|
||||
font-weight:normal;
|
||||
line-height:1.231;
|
||||
color:#666666;
|
||||
}*/
|
||||
|
||||
div.jqans-wrapper img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div.jqans-wrapper ul,
|
||||
div.jqans-wrapper li,
|
||||
div.jqans-wrapper h1,
|
||||
div.jqans-wrapper p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.jqans-wrapper {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div.jqans-wrapper ul {
|
||||
position: relative;
|
||||
/*left: 0;*/
|
||||
left: 22px;
|
||||
width: auto;
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
div.jqans-wrapper li {
|
||||
float: left;
|
||||
display: inline;
|
||||
}
|
After Width: | Height: | Size: 466 B |
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html><SCRIPT Language=VBScript>
|
After Width: | Height: | Size: 785 B |
After Width: | Height: | Size: 859 B |
After Width: | Height: | Size: 628 B |
After Width: | Height: | Size: 700 B |
After Width: | Height: | Size: 323 B |
After Width: | Height: | Size: 424 B |
After Width: | Height: | Size: 703 B |
@ -0,0 +1,220 @@
|
||||
/* Accessible News Slider : Theme Default */
|
||||
|
||||
/*************************************
|
||||
Height and Width values
|
||||
these are extremely important!!!
|
||||
*************************************/
|
||||
|
||||
/* the stories ul and lis must have the same height */
|
||||
div.jqans-wrapper.default .jqans-stories ul,
|
||||
div.jqans-wrapper.default .jqans-stories li {
|
||||
/*height: 135px;*/
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-stories-selector ul,
|
||||
div.jqans-wrapper.default .jqans-stories-selector li {
|
||||
height: 10px;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
wrapper and the container must have the same width
|
||||
in order to get this value take the width value of
|
||||
of story ".jqans-stories li" and times it by the
|
||||
number of stories you want to initially display.
|
||||
|
||||
107px * 4 = 428px
|
||||
|
||||
*/
|
||||
div.jqans-wrapper.default,
|
||||
div.jqans-wrapper.default .jqans-container {
|
||||
/*width: 428px;*/
|
||||
/*width: 472px;*/
|
||||
}
|
||||
|
||||
/* width value for each story li */
|
||||
div.jqans-wrapper.default li {
|
||||
/*width: 107px;*/
|
||||
}
|
||||
|
||||
/* default styles */
|
||||
div.jqans-wrapper.default a {
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
color: #363636;
|
||||
outline: none!important;
|
||||
display: block!important;
|
||||
/*border-right: 1px solid #ccc;*/
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default strong {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* wrapper */
|
||||
div.jqans-wrapper.default {
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin: 0 0 32px 0;
|
||||
}
|
||||
|
||||
/* container */
|
||||
div.jqans-wrapper.default .jqans-container {
|
||||
/*min-height: 280px; */
|
||||
text-align: center;
|
||||
/*padding-top: 4px;*/
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-container a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* headline */
|
||||
div.jqans-wrapper.default .jqans-headline {
|
||||
text-align: left!important;
|
||||
margin-left: 4px!important;
|
||||
margin-bottom: 4px!important;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-content h1 {
|
||||
text-align: left;
|
||||
color: #666666;
|
||||
margin: 8px 4px 4px 4px!important;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-content p {
|
||||
text-align: left;
|
||||
color: #666666;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
/* stories */
|
||||
div.jqans-wrapper.default .jqans-stories {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-stories li {
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
background-image: none;
|
||||
background-color: #fff;
|
||||
|
||||
border-right: 1px solid #ccc;
|
||||
/*border-bottom: 4px solid #fff;*/
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-stories li.selected {
|
||||
/*background: #ce1c8e;*/
|
||||
background: #fff;
|
||||
/*border-bottom: 4px solid #3F1C59;*/
|
||||
}
|
||||
div.jqans-wrapper.default .jqans-stories li span.thumbfooter{
|
||||
width: 100%; height: 4px; display: block; margin-top: 10px;
|
||||
}
|
||||
div.jqans-wrapper.default .jqans-stories li.selected span.thumbfooter{
|
||||
background-color: #3F1C59;
|
||||
}
|
||||
div.jqans-wrapper.default .jqans-stories li img {
|
||||
/*margin-top: 10px;*/
|
||||
/*border: 1px solid #eee;*/
|
||||
/*padding: 1px;*/
|
||||
background-color: #FFFFFF;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-stories li p {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-stories li h3 {
|
||||
margin:0;
|
||||
font-size:12px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-stories-selector li.selected div {
|
||||
margin:auto;
|
||||
height: 0px;
|
||||
width:0px;
|
||||
line-height:0px;
|
||||
font-size:0px;
|
||||
border-right: 10px solid white;
|
||||
border-bottom: 10px solid #D8DFEA;
|
||||
border-left: 10px solid white;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
div.jqans-wrapper.default .jqans-pagination {
|
||||
/*border-top: 1px solid #ddd;*/
|
||||
/*border-bottom: 1px solid #ddd;
|
||||
margin: 0;
|
||||
padding: 2px 2px 0 2px;
|
||||
background: #f3f3f3;
|
||||
text-align: left;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
overflow: hidden;*/
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-pagination-count {
|
||||
/*float: left;
|
||||
width: 100%;*/
|
||||
|
||||
float: left; width: 100%;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-pagination-controls {
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-pagination-controls a {
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
/*height: 12px;*/
|
||||
text-indent: -9999px;
|
||||
background: no-repeat bottom center;
|
||||
|
||||
}
|
||||
|
||||
div.jqans-wrapper.default .jqans-pagination-controls-back a {
|
||||
/*background-image: url(back.png);*/
|
||||
background-image: url("next-previous-yahoo.png");
|
||||
background-position: 0 center;
|
||||
background-repeat: no-repeat!important;
|
||||
/*height: 135px;*/
|
||||
height: 100% !important;
|
||||
margin-left: 4px;
|
||||
width: 12px;
|
||||
cursor: pointer!important;
|
||||
text-indent: -99999px;
|
||||
display: block;
|
||||
}
|
||||
div.jqans-wrapper.default .jqans-pagination-controls-back a:hover, div.jqans-wrapper.default .jqans-pagination-controls-next a:hover{
|
||||
background-repeat: no-repeat!important;
|
||||
background-color: #5771FF;
|
||||
}
|
||||
div.jqans-wrapper.default .jqans-pagination-controls-next a {
|
||||
/*background-image: url(fwd.png);
|
||||
height:85px;
|
||||
width:22px;*/
|
||||
background-image: url("next-previous-yahoo.png");
|
||||
background-repeat: no-repeat!important;
|
||||
background-position: -12px center;
|
||||
/*height: 135px;*/
|
||||
height: 100% !important;
|
||||
margin-left: 6px;
|
||||
width: 12px;
|
||||
text-indent: -99999px;
|
||||
display: block!important;
|
||||
}
|
||||
.jqans-pagination-controlshvr{
|
||||
background-image: url("next-previous-yahoohvr.png") !important;
|
||||
}
|
@ -0,0 +1,101 @@
|
||||
.clr,.clear{ clear: both;}
|
||||
.cbystylenewssldroutrwrpr{
|
||||
width:100%;
|
||||
}
|
||||
.jqans-pagination-controls-back{
|
||||
|
||||
/*height: 135px;*/
|
||||
|
||||
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 22px;
|
||||
z-index: 99999;
|
||||
/*box-shadow: 1px 0 4px #ADADAD;*/
|
||||
-moz-box-shadow: 1px 0 4px #ADADAD;;
|
||||
-webkit-box-shadow: 1px 0 4px #ADADAD;;
|
||||
box-shadow: 1px 0 4px #ADADAD;;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#ADADAD;');";
|
||||
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#ADADAD;');
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.jqans-pagination-controls-next{
|
||||
|
||||
/*height: 135px;*/
|
||||
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
width: 22px;
|
||||
z-index: 99999;
|
||||
/*box-shadow: -1px 0 4px #ADADAD;*/
|
||||
-moz-box-shadow: -1px 0 4px #ADADAD;
|
||||
-webkit-box-shadow: -1px 0 4px #ADADAD;
|
||||
box-shadow: -1px 0 4px #ADADAD;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=207, Color='#ADADAD');";
|
||||
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=207, Color='#ADADAD');
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.jqans-wrapper{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.jqans-pagination-count{
|
||||
position:absolute;
|
||||
right:35px;
|
||||
/*bottom:150px;*/
|
||||
/*background-color:#FFF;*/
|
||||
opacity:0.5;
|
||||
}
|
||||
.cbystylessplay{
|
||||
background-image: url("pause-yahoo.png");
|
||||
width:15px;
|
||||
height:14px;
|
||||
/*margin:2px 0 0 10px;*/
|
||||
margin-left:10px;
|
||||
float:right;
|
||||
margin-top:2px;
|
||||
}
|
||||
.cbystylessplayhvr{
|
||||
background-position: 0 14px;
|
||||
}
|
||||
.cbystylesspause{
|
||||
background-image: url("play-yahoo.png");
|
||||
}
|
||||
|
||||
.cbystylesscntnt{
|
||||
position:absolute;
|
||||
bottom:145px;
|
||||
background-color: #FFF;
|
||||
opacity:0.5;
|
||||
width:100%;
|
||||
|
||||
|
||||
}
|
||||
.cbystylesspgcnt{
|
||||
float:left;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
/*right: 30px;*/
|
||||
/* background-color: #FFF;
|
||||
opacity:0.5;
|
||||
width:100%;
|
||||
float:none !important;*/
|
||||
}
|
||||
/*.cbystylesscntnt:hover{
|
||||
opacity:1.0;
|
||||
}*/
|
||||
|
||||
.cbystylesspgcnt{
|
||||
margin-top:5px;
|
||||
}
|
||||
.cbystylessplay{margin-top: 7px;}
|