Advertisement
Guest User

css hero

a guest
May 29th, 2015
284
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.18 KB | None | 0 0
  1. body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form{
  2. margin:0;
  3. padding:0
  4. }
  5.  
  6. body{
  7. font-family:Trebuchet MS;
  8. font-size:12px;
  9. text-align:center;
  10. vertical-align:top;
  11. background:#666 url('http://oi40.tinypic.com/20iv2pw.jpg');
  12. background-attachment:fixed;
  13. color:#fff
  14. }
  15.  
  16. h1,h2,h3,h4,h5,h6{
  17. font-family:Trebuchet MS;
  18. font-size:16px
  19. }
  20.  
  21. a{
  22. text-decoration:underline;
  23. color:#ee4400
  24. }
  25.  
  26. a:hover{
  27. text-decoration:none
  28. }
  29.  
  30. a img{
  31. border:0
  32. }
  33.  
  34. abbr,acronym{
  35. border:0
  36. }
  37.  
  38. address,dl,p{
  39. padding:10px 0 0
  40. }
  41.  
  42. blockquote{
  43. background:#fffada url('‘images/bg_blockquote.gif’') no-repeat 5px 7px;
  44. color:#736926;
  45. margin:10px 10px 0
  46. }
  47.  
  48. blockquote p{
  49. padding:10px 10px 10px 20px
  50. }
  51.  
  52. blockquote blockquote{
  53. background:#fff;
  54. color:#333;
  55. margin:10px 20px
  56. }
  57.  
  58. blockquote blockquote p{
  59. padding:10px
  60. }
  61.  
  62. code{
  63. background:#f9f9f9
  64. }
  65.  
  66. dt{
  67. font-weight:700
  68. }
  69.  
  70. dd{
  71. padding:0 0 5px 15px
  72. }
  73.  
  74. hr{
  75. clear:both;
  76. width:100%;
  77. border:0;
  78. height:1px;
  79. text-align:left;
  80. background:url('‘images/bg_comment_bottom.gif’') no-repeat;
  81. margin:15px 0 5px
  82. }
  83.  
  84. small{
  85. font-size:10px
  86. }
  87.  
  88. input,textarea{
  89. font-family:Arial, Helvetica, Georgia, sans-serif;
  90. font-size:12px;
  91. padding:2px
  92. }
  93.  
  94. input#author,input#email,input#url,textarea#comment{
  95. border:1px solid #fff;
  96. background-image:url('http://i55.tinypic.com/2lj70b7.jpg');
  97. padding:3px
  98. }
  99.  
  100. input#author,input#email,input#url{
  101. margin:0 5px 0 0
  102. }
  103.  
  104. #container,#header,#menu,#menu ul li,#menu ul li a,#pagetitle,h1,.pagewrapper,#page,.wrapper,.narrowcolumnwrapper,.narrowcolumn,.content,.post,.entry,.browse,.sidebar{
  105. text-align:left;
  106. vertical-align:top
  107. }
  108.  
  109. #container{
  110. width:913px;
  111. margin:0 auto;
  112. padding:1px 0
  113. }
  114.  
  115. #header{
  116. top:10px;
  117. width:913px;
  118. height:310px;
  119. color:#333;
  120. margin:0
  121. }
  122.  
  123. #header-box{
  124. top:0;
  125. left:0;
  126. z-index:10
  127. }
  128.  
  129. #header-image{
  130. z-index:-2;
  131. margin:0 0 10px
  132. }
  133.  
  134. #header-overlay img{
  135. display:none
  136. }
  137.  
  138. #pagetitle {
  139. text-align: left;
  140. vertical-align: top;
  141. width: 898px;
  142. background: url('http://imageshack.com/a/img673/1571/zXR5Ab.png') no-repeat 0 0;
  143. border-right: #FFf 3px solid;
  144. border-top: #fff 3px solid;
  145. border-left: #fff 3px solid;
  146. height: 367px;
  147. clear: both;
  148. }
  149.  
  150. #menu ul li{
  151. float:left;
  152. font-size:14px;
  153. font-weight:700;
  154. background:url('‘images/bg_tab_right.gif’') no-repeat right top;
  155. color:#325b0a;
  156. margin:0 5px 0 0
  157. }
  158.  
  159. #menu ul li a{
  160. display:none;
  161. text-decoration:none;
  162. background:url('‘images/bg_tab_left.gif’') no-repeat left top;
  163. color:#325b0a;
  164. padding:14px 20px 10px
  165. }
  166.  
  167. #menu ul li a:hover{
  168. text-decoration:underline
  169. }
  170.  
  171. #pagetitle h1{
  172. font-size:24px;
  173. font-weight:700;
  174. letter-spacing:1px;
  175. text-transform:uppercase;
  176. color:#fff;
  177. padding:36px 28px 0
  178. }
  179.  
  180. #pagetitle h1 a{
  181. text-decoration:none;
  182. color:#fff
  183. }
  184.  
  185. #searchbox{
  186. display:none
  187. }
  188.  
  189. #syndication{
  190. display:none
  191. }
  192.  
  193. .pagewrapper{
  194. float:left;
  195. width:904px;
  196. background:#fff url('‘images/bg_page_bottom.gif’') no-repeat left bottom;
  197. color:#333;
  198. margin:-10px 0 10px
  199. }
  200.  
  201. #page{
  202. float:left;
  203. background:url('‘images/bg_page_top.gif’') no-repeat;
  204. padding:0 5px 5px
  205. }
  206.  
  207. .wrapper{
  208. float:left;
  209. width:500px
  210. }
  211.  
  212. .narrowcolumnwrapper{
  213. float:left;
  214. width:500px;
  215. background:#fff url('‘images/bg_narrowcol.gif’') repeat-y;
  216. margin:5px 0 0
  217. }
  218.  
  219. .narrowcolumn{
  220. float:left;
  221. width:500px;
  222. background:url('‘images/bg_narrowcol_bottom.gif’') no-repeat left bottom
  223. }
  224.  
  225. .content{
  226. top:10px;
  227. float:left;
  228. width:500px;
  229. background:url('http://i42.photobucket.com/albums/e345/varunmalikcp1/6v7VbT_zpspcuki5uy.png') repeat center;
  230. overflow:hidden
  231. }
  232.  
  233. .post{
  234. line-height:18px;
  235. padding:9px 16px 15px
  236. }
  237.  
  238. .post h2{
  239. font-size:16px;
  240. font-weight:700;
  241. line-height:27px;
  242. padding:0 0 2px
  243. }
  244.  
  245. .post h2 a{
  246. text-decoration:none;
  247. color:#ee4400;
  248. border-bottom:1px solid #ee4400
  249. }
  250.  
  251. .sticky h2 a{
  252. color:#fff;
  253. background-image:url('http://imageshack.com/a/img661/7049/JhfyqT.png');
  254. display:block;
  255. margin:5px 0;
  256. padding:10px
  257. }
  258.  
  259. .post img{
  260. background:none;
  261. border:0;
  262. padding:0
  263. }
  264.  
  265. .post img.alignleft{
  266. float:left;
  267. margin:5px 10px 0 0
  268. }
  269.  
  270. .post img.alignright{
  271. float:right;
  272. margin:5px 0 0 10px
  273. }
  274.  
  275. img.centered,img.aligncenter{
  276. display:block;
  277. margin-left:auto;
  278. margin-right:auto
  279. }
  280.  
  281. .alignright{
  282. float:right
  283. }
  284.  
  285. .alignleft{
  286. float:left
  287. }
  288.  
  289. .post img.wp-smiley{
  290. border:0;
  291. background:none;
  292. padding:0
  293. }
  294.  
  295. .entry{
  296. max-width:475px
  297. }
  298.  
  299. .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{
  300. padding:9px 0 0
  301. }
  302.  
  303. .entry h1{
  304. font-size:20px;
  305. line-height:30px
  306. }
  307.  
  308. .entry h2{
  309. line-height:18px
  310. }
  311.  
  312. .entry h3{
  313. font-size:14px
  314. }
  315.  
  316. .entry h4{
  317. font-size:12px
  318. }
  319.  
  320. .entry h5{
  321. font-size:11px
  322. }
  323.  
  324. .entry h6{
  325. font-size:10px
  326. }
  327.  
  328. .postinfo{
  329. font-size:11px;
  330. color:#000;
  331. clear:both
  332. }
  333.  
  334. .postinfo a{
  335. color:#000
  336. }
  337.  
  338. .postdate{
  339. color:#000
  340. }
  341.  
  342. .browse{
  343. border-top:1px solid #bdbdbd;
  344. line-height:18px;
  345. padding:15px 16px
  346. }
  347.  
  348. .sidebar,.obar{
  349. float:right;
  350. width:192px;
  351. line-height:18px;
  352. overflow:hidden;
  353. background:url('http://i60.tinypic.com/epheyu.png');
  354. margin:0 0 0 5px
  355. }
  356.  
  357. .obar{
  358. float:left;
  359. margin:0 5px 0 0
  360. }
  361.  
  362. .sidebar ul,.obar ul{
  363. list-style:none;
  364. margin:0;
  365. padding:0
  366. }
  367.  
  368. .sidebar ul li,.obar ul li{
  369. background:url('‘images/bg_ul_li.gif’') repeat;
  370. margin:5px 0 0;
  371. padding:9px 16px 15px
  372. }
  373.  
  374. .sidebar ul li.widget_search,.obar ul li{
  375. padding:15px 16px
  376. }
  377.  
  378. .sidebar ul li h2,.obar ul li h2{
  379. font-size:16px;
  380. font-weight:700;
  381. line-height:27px;
  382. color:#ee4400
  383. }
  384.  
  385. .sidebar ul ul li,.obar ul ul li{
  386. background:none;
  387. margin:0;
  388. padding:6px 0 3px
  389. }
  390.  
  391. .sidebar ul ul ul,.obar ul ul ul{
  392. padding:3px 0 0
  393. }
  394.  
  395. .sidebar ul ul ul li,.obar ul ul ul li{
  396. background:url('‘images/bg_arrow_right.gif’') no-repeat 0 8px;
  397. padding:6px 0 3px 15px
  398. }
  399.  
  400. .sidebar ul ul ul ul li,.obar ul ul ul li{
  401. background:url('‘images/bg_arrow_right_2.gif’') no-repeat 0 8px
  402. }
  403.  
  404. .sidebar ul li select{
  405. width:100%
  406. }
  407.  
  408. .post h3#comments,.post h3#respondtitle{
  409. line-height:27px;
  410. color:#e45b00
  411. }
  412.  
  413. .post h3#respondtitle{
  414. color:#333
  415. }
  416.  
  417. ol.commentlist{
  418. list-style:none;
  419. margin:0 0 11px;
  420. padding:0
  421. }
  422.  
  423. ol.commentlist li>div{
  424. background:url('‘images/bg_comment_bottom.gif’') no-repeat left bottom;
  425. padding:13px 0
  426. }
  427.  
  428. ol.commentlist li{
  429. list-style:none
  430. }
  431.  
  432. ol.commentlist li .commentmetadata{
  433. font-size:11px;
  434. color:#FFA500
  435. }
  436.  
  437. ol.commentlist li .commentmetadata a{
  438. color:#FFA500
  439. }
  440.  
  441. div.navigation{
  442. padding-bottom:3em
  443. }
  444.  
  445. form#commentform small{
  446. font-size:11px
  447. }
  448.  
  449. #footer{
  450. font-size:11px;
  451. color:#000;
  452. text-align:center;
  453. margin:10px 0
  454. }
  455.  
  456. .aligncenter,div.aligncenter{
  457. display:block;
  458. margin-left:auto;
  459. margin-right:auto
  460. }
  461.  
  462. .wp-caption{
  463. border:1px solid #ddd;
  464. text-align:center;
  465. background-color:#f3f3f3;
  466. padding-top:4px;
  467. -moz-border-radius:3px;
  468. -khtml-border-radius:3px;
  469. -webkit-border-radius:3px;
  470. border-radius:3px;
  471. margin:10px
  472. }
  473.  
  474. .wp-caption img{
  475. border:0 none;
  476. margin:0;
  477. padding:0
  478. }
  479.  
  480. .wp-caption p.wp-caption-text{
  481. font-size:11px;
  482. line-height:17px;
  483. margin:0;
  484. padding:0 4px 5px
  485. }
  486.  
  487. div.avatar{
  488. float:right;
  489. margin:0;
  490. padding:0
  491. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement