|
|
| Line 2: |
Line 2: |
| | <style type="text/css"> | | <style type="text/css"> |
| | | | |
| - |
| |
| - | /*--Slideshow Begins Here--*/
| |
| - | #slideshow {
| |
| - | display: block;
| |
| - | vertical-align: middle;
| |
| - | position: relative;
| |
| - | }
| |
| - | /*--Main Container--*/
| |
| - | #main_view {
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | position: relative;
| |
| - | height:300px; width: 780px;
| |
| - | }
| |
| - | .window {
| |
| - | height:280px; width: 760px;
| |
| - | overflow: hidden; /*--Hides anything outside of the set width/height--*/
| |
| - | position: absolute;
| |
| - | display: block;
| |
| - | top:50%;
| |
| - | left:50%;
| |
| - | margin: -140px 0 0 -380px;
| |
| - | }
| |
| - | .image_reel {
| |
| - | position: absolute;
| |
| - | top: 0; left: 0;
| |
| - | }
| |
| - | .image_reel img {float: left;}
| |
| - | .paging {
| |
| - | position: absolute;
| |
| - | bottom: 10px; right: 50px;
| |
| - | width: 300px; height:47px;
| |
| - | z-index: 100; /*--Assures the paging stays on the top layer--*/
| |
| - | text-align: right;
| |
| - | line-height: 40px;
| |
| - | font-weight: bold;
| |
| - | background: url(paging_bg2.png) no-repeat;
| |
| - | display: none; /*--Hidden by default, will be later shown with jQuery--*/
| |
| - | }
| |
| - | .paging a {
| |
| - | padding: 5px;
| |
| - | text-decoration: none;
| |
| - | color: #fff; text-shadow: #333 1px 1px 1px;
| |
| - | }
| |
| - | .pause {
| |
| - | position: absolute;
| |
| - | bottom: 10px; right: 20px;
| |
| - | width: 25px; height:47px;
| |
| - | z-index: 200; /*--Assures the paging stays on the top layer--*/
| |
| - | text-align: center;
| |
| - | line-height: 40px;
| |
| - | font-weight: bold;
| |
| - | display: block; /*--Hidden by default, will be later shown with jQuery--*/
| |
| - | }
| |
| - | .pause a {
| |
| - | padding: 5px;
| |
| - | text-decoration: none;
| |
| - | letter-spacing:1px;
| |
| - | font-weight: thick;
| |
| - | color: #f0f0f0; text-shadow: #333 1px 1px 1px;
| |
| - | border: 2px solid #ccc;
| |
| - | -moz-border-radius: 3px;
| |
| - | -khtml-border-radius: 3px;
| |
| - | -webkit-border-radius: 3px;
| |
| - | }
| |
| - | .paging a.active {
| |
| - | font-weight: bold;
| |
| - | border: 2px solid #fff;
| |
| - | -moz-border-radius: 3px;
| |
| - | -khtml-border-radius: 3px;
| |
| - | -webkit-border-radius: 3px;
| |
| - | }
| |
| - | .paging a:hover {font-weight: bold;}
| |
| - |
| |
| - | .textboxes {
| |
| - | display: block;
| |
| - | position: relative;
| |
| - | border: 1px solid #f0f0f0;
| |
| - | background: #f0f0f0;
| |
| - | border-bottom: 2px solid #ccc;
| |
| - | -webkit-border-radius: 10px;
| |
| - | -moz-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - | margin-top: 10px; margin-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | /*--Slideshow Ends Here--*/
| |
| | | | |
| | | | |
"
