supersized.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /*
  2. Supersized - Fullscreen Slideshow jQuery Plugin Stylesheet Version 3.0
  3. By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
  4. Version: supersized.3.0.js
  5. Website: www.buildinternet.com/project/supersized
  6. */
  7. *{
  8. margin:0;
  9. padding:0;
  10. }
  11. a{
  12. color:#8FC2FF;
  13. text-decoration: none;
  14. outline: none;
  15. }
  16. img{
  17. border:none;
  18. }
  19. body {
  20. overflow:hidden;/*Needed to eliminate scrollbars*/
  21. background:#000;
  22. }
  23. /*Area to place content normally*/
  24. #content-wrapper{
  25. width:100%;
  26. height:100%;
  27. position:absolute;
  28. top:0;
  29. overflow:auto;
  30. z-index:4;
  31. text-align:center;
  32. }
  33. /*Controls Section*/
  34. #controls-wrapper{
  35. margin:0px auto;
  36. height:62px;
  37. width:100%;
  38. bottom:0;
  39. z-index: 5;
  40. background:url('images/nav-bg.png') repeat-x;
  41. position:absolute;
  42. }
  43. #controls{
  44. overflow: hidden;
  45. height: 100%;
  46. text-align:left;
  47. z-index: 5;
  48. padding:0 114px; /* Increase padding to give thumbnails room */
  49. }
  50. #slidecounter{
  51. float:left;
  52. color:#888;
  53. font:23px "Helvetica Neue", "Helvetica", Arial, sans-serif;
  54. font-weight:bold;
  55. text-shadow: #000 0px -1px 0px;
  56. margin:19px 10px 18px 20px;
  57. }
  58. #slidecaption{
  59. overflow: hidden;
  60. float:left;
  61. color:#FFF;
  62. font:16px "Helvetica Neue", "Helvetica", Arial, sans-serif;
  63. font-weight:bold;
  64. text-shadow: #000 0px 2px 0px;
  65. margin:23px 20px 23px 0;
  66. }
  67. /*Supersized Link*/
  68. .stamp{ float: right; margin: 15px 30px 0 0;}
  69. /*Supersize Plugin Styles*/
  70. #navigation{
  71. float: right;
  72. margin:10px 20px 0 0;
  73. }
  74. #loading {
  75. position: absolute;
  76. top: 49.5%;
  77. left: 49.5%;
  78. z-index: 10;
  79. width: 24px;
  80. height: 24px;
  81. text-indent: -999em;
  82. background-image: url(images/progress.gif);
  83. }
  84. #supersized{
  85. position:fixed;
  86. }
  87. #supersized img{ -ms-interpolation-mode: bicubic; }
  88. #supersized img, #supersized a{
  89. height:100%;
  90. width:100%;
  91. position:absolute;
  92. z-index: -1;
  93. }
  94. #supersized .prevslide, #supersized .prevslide img{
  95. z-index: 1;
  96. }
  97. #supersized .activeslide, #supersized .activeslide img{
  98. z-index: 2;
  99. }
  100. #nextthumb, #prevthumb{ z-index:6; display:none; position:absolute; bottom:12px; height:75px; width:100px; overflow:hidden; border:2px solid #fff; -webkit-box-shadow: 0px 0px 5px #000; }
  101. #nextthumb{ right:12px; }
  102. #prevthumb{ left:12px; }
  103. #nextthumb img, #prevthumb img{ width:150px; }
  104. #nextthumb:active, #prevthumb:active{ bottom:10px; }
  105. /*Add hover pointer*/
  106. #controls > *:hover, #nextthumb:hover, #prevthumb:hover{ cursor:pointer; }