This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Apr 13th, 2011  |  syntax: None  |  size: 5.13 KB  |  views: 124  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /************************************************************************
  2. -) Slider: only the following lines are necceassary for slider styling,
  3.    rest of the css file styles the demo page
  4. *************************************************************************/
  5. #aviaslider{
  6. height:320px;   /*this changes the height of the image slider*/
  7. width:640px;
  8. overflow: hidden;
  9. position: relative;
  10. background: #fff url(../images/layout/preload.gif) center center no-repeat;
  11. }
  12.  
  13. #aviaslider li, #aviaslider .featured{
  14. display: block;
  15. width:100%;
  16. height:100%;
  17. position: absolute;
  18. top:0;
  19. left:0;
  20. z-index: 1;
  21. }
  22.  
  23. .js_active #aviaslider li, .js_active #aviaslider .featured{
  24. display:none;
  25. }
  26.  
  27. #aviaslider img, #aviaslider a img, #aviaslider a{
  28. border:none;
  29. text-decoration: none;
  30. }
  31.  
  32. .slidecontrolls{
  33. margin:20px auto 0 auto;
  34. position: relative;
  35. float:left;
  36. }
  37.  
  38. .slidecontrolls a{
  39. height:20px;
  40. width:18px;
  41. display:block;
  42. cursor: pointer;
  43. background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;
  44. float:left;
  45. outline: none;
  46. }
  47.  
  48. .slidecontrolls a:hover, .slidecontrolls .active_item{
  49. background: transparent url(../images/layout/controlls.gif) center top no-repeat;
  50. }
  51.  
  52. .feature_excerpt{
  53. width:610px;
  54. position: absolute;
  55. display: block;
  56. bottom: 0;
  57. left:0;
  58. z-index: 2;
  59. padding:14px 15px;
  60. font-size: 11.5px;
  61. line-height:1.5em;
  62. cursor: pointer;
  63. background: #000;
  64. color: #fff;
  65. }
  66.  
  67. .feature_excerpt strong{
  68. display: block;
  69. font-size: 15px;
  70. padding-bottom: 3px;
  71. }
  72.  
  73.  
  74.  
  75. /************************************************************************
  76. -) DEMO PAGE STYLING
  77. *************************************************************************/
  78.  
  79. /*Small reset*/
  80. body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea{ margin:0; padding:0;}
  81.  
  82.  
  83. /************************************************************************
  84. -) BASIC CONTAINERS
  85. *************************************************************************/
  86. body{
  87. font-size:13px;
  88. font-family: Arial, Helevtica, Verdana, san-serif;
  89. line-height:23px;
  90. position:relative;
  91. background: url("../images/layout/bg.jpg") no-repeat scroll center 166px transparent;
  92. }
  93.  
  94. .wrapper_fullwidth{ /*div for perfect centering of large scale background images*/
  95. width:100%;
  96. position:relative;
  97. z-index: 1;
  98. background: #000;
  99. height:40px;
  100. clear:both;
  101. font-size: 10px;
  102. color: #fff;
  103. }
  104.  
  105. .center{ /*center content area */
  106. position: relative;
  107. margin:0 auto;
  108. width:640px;
  109. }
  110.  
  111.  
  112. #main{ /*main area, contains all content and sidebars*/
  113. float:left;
  114. position:relative;
  115. width:100%;
  116. padding-top:40px;
  117. float: left;
  118. padding-bottom:40px;
  119. }
  120.  
  121. .content{
  122. position: relative;
  123. float:left;
  124. width:340px;
  125. overflow: hidden;
  126. }
  127.  
  128. .fullwidth .content{
  129. width:100%;
  130. padding:0;
  131. margin:0;
  132. background: transparent none;
  133. }
  134.  
  135. .sidebar{
  136. position: relative;
  137. width:300px;
  138. float:left;
  139. overflow: hidden;
  140. }
  141.  
  142. .fullwidth .sidebar{
  143. display:none;
  144. }
  145.  
  146.  
  147. /************************************************************************
  148. -) HEAD
  149. *************************************************************************/
  150.  
  151. .logo, .logo a{
  152. position: relative;
  153. margin:28px auto;
  154. width:283px;
  155. height:110px;
  156. text-indent: -9999px;
  157. }
  158.  
  159. div .logo a{
  160. position: absolute;
  161. background: transparent url(../images/layout/logo.gif) top left no-repeat;
  162. z-index: 3;
  163. top:0;
  164. left:0;
  165. margin:0;
  166. outline: none;
  167. }
  168.  
  169. .wrapper_fullwidth a{
  170. font-size: 10px;
  171. color: #fff;
  172. text-decoration: none;
  173. display: block;
  174. float:left;
  175. line-height: 40px;
  176. }
  177.  
  178. .wrapper_fullwidth a:hover{
  179. color:#999;
  180. }
  181.  
  182. .tw{background: transparent url(../images/layout/tw.gif) center left no-repeat; padding:0 0 0 25px; margin-right:20px;}
  183. .fb{background: transparent url(../images/layout/fb.gif) center left no-repeat; padding:0 0 0 25px;}
  184. .wrapper_fullwidth .kat{float:right; color:#777;}
  185.  
  186.  
  187. /************************************************************************
  188. -) CONTENT
  189. *************************************************************************/
  190.  
  191. #main a img{
  192. border:none;
  193. }
  194.  
  195. #main a:hover img{
  196. opacity:0.7;
  197. }
  198.  
  199. .sidebar ul{
  200. list-style-position: outside;
  201. list-style-type: none;
  202. }
  203.  
  204. #main h2, #main h3{
  205. display: block;
  206. width:310px;
  207. height:55px;
  208. text-indent: -9999px;
  209. }
  210.  
  211. #heading_examples{
  212. background: transparent url(../images/layout/header_e.png) center left no-repeat;
  213. }
  214.  
  215. #heading_features{
  216. background: transparent url(../images/layout/header_f.png) center left no-repeat;
  217. }
  218.  
  219. #heading_browser{
  220. background: transparent url(../images/layout/header_bs.png) center left no-repeat;
  221. }
  222.  
  223. #heading_docs{
  224. background: transparent url(../images/layout/header_dd.png) center left no-repeat;
  225. }
  226.  
  227. .content{
  228. color:#666;
  229. }
  230.  
  231. .content ul{
  232. padding-bottom:30px;
  233. }
  234.  
  235. .content ul li{
  236. list-style-position: inside;
  237. }
  238.  
  239. #download{
  240. display: block;
  241. width:290px;
  242. height:90px;
  243. background: transparent url(../images/layout/download.jpg) top left no-repeat;
  244. text-indent: -9999px;
  245. position: relative;
  246. left:-4px;
  247. outline: none;
  248. }
  249.  
  250. #download:hover{
  251. background: transparent url(../images/layout/download.jpg) bottom left no-repeat;
  252. }
  253. #bottom{font-size: 11px; color:#aaa;}
  254. #bottom a{float:none; display:inline;}
clone this paste RAW Paste Data