Advertisement
rdsedmundo

index.css

Feb 10th, 2013
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.48 KB | None | 0 0
  1. #listingheader {
  2. color: #476BB3;
  3. font-weight:bold;
  4. text-align:right;
  5. padding-bottom: 20px;
  6. }
  7.  
  8. #listingheader a, #listingheader a:active, #listingheader a:visited, #listingheader a:link {
  9. text-decoration: none;
  10. color: #476BB3;
  11. }
  12.  
  13. #listingheader a:hover {
  14. text-decoration: underline;
  15. color: #476BB3;
  16. }
  17.  
  18.  
  19. #headerfile {
  20. text-align:left;
  21. float: left;
  22. width: 320px;
  23. }
  24.  
  25. #headersize {
  26. text-align:right;
  27. width: 75px;
  28. float: left;
  29. }
  30.  
  31.  
  32. #headermodified {
  33. text-align:right;
  34. width: 310px;
  35. float: left;
  36. }
  37.  
  38. #listing {
  39. background-color: #ECE9FF;
  40. border: 1px solid #AFA7FF;
  41. }
  42.  
  43. #listing a {
  44. display:block;
  45. padding: 2px 5px 2px 5px;
  46. font-size:small;
  47. color: #7361DC;
  48. font-family:Arial, Helvetica, sans-serif;
  49. text-decoration:none;
  50. text-align:right;
  51. }
  52.  
  53. #listing a:hover {
  54. background-color:#DBE6FE;
  55. }
  56.  
  57. #listing a img {
  58. float:left;
  59. margin-right: 4px;
  60. }
  61.  
  62.  
  63.  
  64. #listing a strong {
  65. width: 300px;
  66. float:left;
  67. cursor:hand;
  68. cursor:pointer;
  69. text-align:left;
  70. }
  71.  
  72. #listing a em {
  73. float: left;
  74. width: 75px;
  75. text-align:right;
  76. cursor:hand;
  77. cursor:pointer;
  78. }
  79.  
  80. #listing a span {
  81. position: absolute;
  82. margin-left: -151px;
  83. margin-top: -2px;
  84. }
  85.  
  86. #listing a span img {
  87. width: 150px;
  88. background-color:#CCCCCC;
  89. visibility: hidden;
  90. }
  91.  
  92. #listing a:hover span img {
  93. border: 1px solid #666666;
  94. visibility: visible;
  95. }
  96.  
  97. #listingcontainer {
  98. padding-top: 20px;
  99. padding-bottom: 20px;
  100. padding-left: 100px;
  101. padding-right: 100px;
  102. }
  103.  
  104. .clear {
  105. display:inline-block;
  106. }
  107.  
  108. .clear:after {
  109. content:" ";
  110. display:block;
  111. height:0;
  112. clear:both;
  113. overflow:hidden;
  114. visibility:hidden;
  115. }
  116.  
  117. .clear {
  118. display:block;
  119. }
  120.  
  121. body {
  122. background-color:#fff;
  123. font-family:Tahoma,Geneva,Kalimati,sans-serif;
  124. }
  125.  
  126. img {
  127. border:none;
  128. }
  129.  
  130. #content {
  131. width:963px;
  132. margin-left:auto;
  133. margin-right:auto;
  134. margin-top:88px;
  135. }
  136.  
  137. #content .header {
  138. background:transparent url('http://www.main-hosting.com/hostinger/welcome/images/header.jpg') no-repeat 7px top;
  139. width:961px;
  140. height:200px;
  141. position:relative;
  142. float:left;
  143. }
  144.  
  145. #logo {
  146. top:36px;
  147. left:55px;
  148. position:absolute;
  149. display:block;
  150. width:auto;
  151. height:auto;
  152. }
  153.  
  154. #content .content {
  155. background:transparent url('http://www.main-hosting.com/hostinger/welcome/images/bg.jpg') repeat-y 7px top;
  156. margin:0;
  157. position:relative;
  158. float:left;
  159. width:961px;
  160. }
  161.  
  162. h1 {
  163. font-size:40px;
  164. text-align:center;
  165. font-weight:700;
  166. color:#663399;
  167. }
  168.  
  169. #content p {
  170. color:#474747;
  171. font-size:15px;
  172. padding:0 69px;
  173. }
  174.  
  175. #files .top {
  176. background:transparent url('http://www.main-hosting.com/hostinger/welcome/images/corners-top.png') no-repeat top left;
  177. width:961px;
  178. height:6px;
  179. position:relative;
  180. float:left;
  181. }
  182.  
  183. #files .bottom {
  184. background:transparent url('http://www.main-hosting.com/hostinger/welcome/images/corners-bottom.png') no-repeat top left;
  185. width:961px;
  186. height:5px;
  187. position:relative;
  188. float:left;
  189. }
  190.  
  191. #files .cont {
  192. background:transparent url('http://www.main-hosting.com/hostinger/welcome/images/bg.png') repeat top left;
  193. width:961px;
  194. height:auto;
  195. position:relative;
  196. float:left;
  197. }
  198.  
  199. ul.list {
  200. margin:26px 190px;
  201. padding:5px;
  202. list-style:none;
  203. display:block;
  204. background-color:#ece9ff;
  205. border:1px solid #afa7ff;
  206. font-size:14px;
  207. color:#7361dc;
  208. height:auto;
  209. }
  210.  
  211. ul.list li .filesize,
  212. ul.list li .datetime {
  213. float:right;
  214. }
  215.  
  216. ul.list li .filesize {
  217. font-style:italic;
  218. margin-right:28px;
  219. }
  220.  
  221. #files {
  222. margin-bottom:20px;
  223. height:auto;
  224. }
  225.  
  226. #content .footer {
  227. background:transparent url('http://www.main-hosting.com/hostinger/welcome/images/foot.jpg') no-repeat top left;
  228. height:33px;
  229. width:949px;
  230. position:relative;
  231. float:left;
  232. margin:0 7px;
  233. }
  234.  
  235. #footer {
  236. clear:both;
  237. font-size:11px;
  238. color:#999999;
  239. width:961px;
  240. margin-left:auto;
  241. margin-right:auto;
  242. margin-top:25px;
  243. margin-bottom:20px;
  244. position:relative;
  245. }
  246.  
  247. #footer .links a {
  248. color:#999999;
  249. }
  250.  
  251. #footer .links {
  252. text-align:center;
  253. }
  254.  
  255. #footer .links .pipe {
  256. color:#cccccc;
  257. }
  258.  
  259. #footer .copyright {
  260. color:#6b6b6b;
  261. text-align:center;
  262. margin-top:6px;
  263. }
  264.  
  265. #footer .social-icons {
  266. width:80px;
  267. top:0;
  268. right:8px;
  269. position:absolute;
  270. text-align:right;
  271. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement