API tools faq
paste
Advertisement
Guest User

HHouse style

a guest
Apr 28th, 2014
38
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 12.39 KB | None | 0 0
raw download clone embed print report
  1. /* General Settings */
  2.  
  3. * { margin: 0; padding: 0; }
  4.  
  5. body { background: #ffffff; font-size: 12px; font-family: Georgia; }
  6.  
  7. .clear { clear: both; }
  8.  
  9. .left { float: left; }
  10.  
  11. .right { float: right; }
  12.  
  13.  
  14.  
  15. a { color: #6CD2C2; text-decoration: none; }
  16.  
  17. a:hover { text-decoration:none; }
  18.  
  19.  
  20.  
  21. h1,h2,h3,p { margin: 10px 0; }
  22.  
  23. h2 { font-size:24px; text-transform:none; font-style:none; color:#3A3A3A; }
  24.  
  25. h3 { font-size:17px; font-family:"Georgia"; text-transform:none; font-style:none; color:#3A3A3A; }
  26.  
  27. h3 strong {margin-left: 5px;}
  28.  
  29. h4 { font-size:17px; line-height: 20px; font-family:"Georgia"; text-transform:none; font-style:none; color:#3A3A3A; font-weight: normal;  text-align: left; }
  30.  
  31.  
  32.  
  33. /* images and misc. */
  34.  
  35. /* images and misc. */
  36. img { border: none; }
  37. img a { border:none; }
  38. .wp-caption { text-align: center; background: #fff; padding: 4px; margin-bottom: 1em; }
  39. .entry .wp-caption { max-width: 100%; }
  40. .wp-caption-text, .gallery-caption, { font-size: 100%; margin:0; padding:6px 3px 2px; line-height: 16px; text-align: center; }
  41. .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; text-align: center; }
  42. .wp-caption img { margin: 5px 0 0; padding: 0; border: 0 none; max-width: 100%; }
  43. .wp-caption-dd { font-size: 91.67%; line-height: 17px; padding: 0 4px 5px; margin: 0; }
  44. img.centered, img.aligncenter, .wp-caption.aligncenter, .entry p img.aligncenter a, .aligncenter { clear: left; margin-left: auto;
  45. margin-right: auto; }
  46. img.alignleft, .wp-caption.alignleft, .alignleft { float: left;
  47. margin-right: 1em;
  48. text-align: center; }
  49. img.alignright, .wp-caption.alignright, .alignright { float: right;
  50.  margin-left: 1em;
  51. text-align: center;}
  52.  
  53.  
  54. blockquote { width: 475px; border: 0px; padding: 0px 5px 5px 5px; background: #efece9; margin-left: 20px;}
  55.  
  56. blockquote p { font-style: italic; }
  57.  
  58. blockquote p:first-child { margin-top: 0;}
  59.  
  60. blockquote p:last-child { margin-bottom: 0;}
  61.  
  62.  
  63.  
  64.  
  65.  
  66. #rss {width: 600px; padding: 15px; background: #f0ede5 url() top center repeat-x;text-align: center;font: 13px/20px Georgia, Georgia, Sans-Serif;}
  67.  
  68. code { margin:10px; font-family:"Georgia", Courier, monospace; }
  69.  
  70. sub { font-size:17px; line-height: 20px; font-family:Georgia, serif; text-transform:none; font-style:italic; color:#d1882f; }
  71.  
  72.  
  73. /* main menu */
  74.  
  75. #menu { background: transparent url('images/menu.png') top center no-repeat; width: 1087px; height: 78px; font-family: Georgia; font-style: italic; font-size: 12px; font-color:#3a3a3a; text-transform: lowercase; text-align: center; margin: 10px auto; }
  76.  
  77. #menu ul { width: 167px; margin: 0 auto 0 0px; padding: 0 0 0 0; text-align: center; display: inline;}
  78.  
  79. #menu ul li { list-style-type: none; margin: 0 auto; padding: 10px 25px 3px 25px; text-align: center; display: inline;}
  80.  
  81. #menu ul li a { font-size: 12px; font-style: italic; text-transform: lowercase; padding: 5px 25px 3px 25px; margin: 0; text-align: center; text-decoration: none; color: #3a3a3a; position: relative; top: 28px;}
  82.  
  83. #menu ul li a:hover { color:#6CD2C2; }
  84.  
  85.  
  86. /* header */
  87.  
  88. #header { background: transparent url('images/hhousetop.png') top center no-repeat; width: 1087px; height: 248px; color: #ffffff; margin: 0 auto; }
  89.  
  90. #header h1 { display: none; }
  91.  
  92. #header h1 a { color: #3A3A3A; text-decoration: none; }
  93.  
  94. #header h1 a:hover { color: #3A3A3A; }
  95.  
  96. #header h2 { font-family: Georgia, serif; font-size: 18px; text-transform: uppercase; color: #3A3A3A; letter-spacing: 1px; margin: 0; padding: 0 0 0 16px; }
  97.  
  98.  
  99. /* container */
  100.  
  101.  
  102. #container { background: #ffffff; margin-left:auto; margin-right:auto; width: 947px; font-family: Georgia; margin: 0px auto; color:#3A3A3A;}
  103.  
  104.  
  105. /* content */
  106.  
  107.  
  108. #content { width: 687px; margin: 20px 0px 0px 0px; float: left; padding: 0 0 0 0;}
  109.  
  110.  
  111. /* posts */
  112.  
  113.  
  114. #posttitle h2 {margin: 0 auto 0 5px; text-align: left; font-size: 18px; font-style: italic;}
  115.  
  116. .pageh2 {margin-left: 10px; }
  117.  
  118. .date { margin-left: 5px; font-size: 8px; }
  119.  
  120. .post { margin: 15px 0px 5px 0px;  padding: 10px 0px 10px 0px; font: 12px "Georgia"; line-height:16px; }
  121.  
  122. .post h2 { font-size: 18px; font-family: Georgia; font-style: italic; text-transform:uppercase; text-align: left; color: #3A3A3A; padding: 2px; letter-spacing: 1px;}
  123.  
  124. .post h2 a:hover { color: #3A3A3A; font-style: italic; }
  125.  
  126. .post p { font: 12px "Georgia"; }
  127.  
  128. .post a { text-decoration:none; color: #6CD2C2; }
  129.  
  130. .post a:hover { text-decoration:none; }
  131.  
  132. .post ul { padding-left: 40px; margin:10px 2px 10px 2px; }
  133.  
  134. .post li { padding-left: 5px; margin:10px 5px 10px 0px; }
  135.  
  136. .entry { margin: 10px auto 0 auto; padding: 10px 0px 10px 5px; color: #3A3A3A;}
  137.  
  138. .entry ol { padding-left: 20px; margin:5px 5px 15px 15px; }
  139.  
  140. .entry ul { padding-left: 20px; margin:15px 2px 15px 60px; }
  141.  
  142. .entry li { padding-left: 5px; margin:10px 5px 10px 5px; }
  143.  
  144. .entry p { font-weight: 100; font-size: 12px; line-height:16px; text-align: justify; margin: 0; padding: 10px 5px 10px 5px;}
  145.  
  146. .postmetadata a {background: transparent url('images/foot.png') center no-repeat; height: 38px; font-size: 12px; text-align: left !important; color: #6CD2C2; position: relative; top: 10px; }
  147.  
  148. .postmetadata a:hover { color: #6CD2C2; }
  149.  
  150.  
  151.  
  152.  
  153.  
  154. /* post footer */
  155.  
  156. .dottedline { border-bottom: none; }
  157.  
  158. .navigation { color: #3A3A3A; font-family: Georgia; text-transform:none; font-size:12px; float:left; width:100%; }
  159.  
  160.  
  161. .nalignleft { width: 150px; height: 94px; float:left; font: 12px "Georgia"; line-height:16px; margin:25px 0px 0px 20px; padding: 15px 0px 0px 50px; text-transform: uppercase;}
  162.  
  163. .nalignleft a { background: url('images/widget.png') top center no-repeat; height: 29px; color: #767676; text-decoration: none; margin-top: 20px; margin-left: -50px;}
  164.  
  165.  
  166. .nalignright { width: 150px; height: 94px; float:right; font: 12px "Georgia"; line-height:16px; margin:25px 0px 0px 20px; padding: 15px 0px 0px 80px; text-transform: uppercase;}
  167.  
  168. .nalignright a { background: url('images/widget.png') top center no-repeat; height: 29px; color: #3A3A3A; text-decoration: none; margin-top: 20px; margin-left: 70px;}
  169.  
  170.  
  171.  
  172. .notfound { font-size: 24px; color: #3A3A3A; text-decoration: none; font-weight: lighter; text-transform:none; font-style: none; text-align: left; padding: 10px; font-size: 2em; font-weight: 300;}
  173.  
  174.  
  175.  
  176. p.sorry { font: 10px "Georgia"; line-height:14px; margin: 0px 0px 30px 25px; text-align: left; }
  177.  
  178.  
  179.  
  180. .linebreak { border-bottom: 1px solid #3A3A3A; margin: 0px 10px 0px 20px; }
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188. /* left sidebar */
  189.  
  190.  
  191. #left {font: 12px "Georgia"; line-height:16px; width: 220px; float: left; text-align: left; margin: 0px 30px 0 0px; color: #3A3A3A;}
  192.  
  193. #left h2 { font-size: 12px; font-family: "Georgia"; font-style: italic; text-transform: none; text-align: left; color: #3A3A3A; margin-top: 10px; }
  194.  
  195. #left h4 { background: transparent url('images/widget.png') top center no-repeat; height: 29px; font-size: 15px; font-family: "Georgia"; font-style: italic; text-transform: lowercase; font-style:none; text-align: center; color: #3A3A3A; padding-top: 2px;}
  196.  
  197. #left .textwidget { font: 12px "Georgia"; line-height: 16px; width: 200px; padding: 0px 0px 0px 0px; text-align: justify; color: #3A3A3A}
  198.  
  199. #left p { font: 12px "Georgia"; margin:0; text-align: center; }
  200.  
  201. #left img { padding: 0; margin: 0; }
  202.  
  203. #left ul { margin:12px; padding: 0px 0px 12px 0px; list-style-type: none; }
  204.  
  205. #left ul li { margin: 0; padding: 0px 0px 12px 0px; line-height: 14pt; list-style-type: none; }
  206.  
  207. #left ul ul { margin: 6px 0 6px 6px; padding: 0px 0px 12px 0px; }
  208.  
  209. #left ul ul li { list-style-type: none; list-style-position: inside; }
  210.  
  211. #left ul ul ul { margin: 0; padding: 0; }
  212.  
  213. #left ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }
  214.  
  215.  
  216.  
  217. /* comments */
  218.  
  219.  
  220.  
  221. #comments, #respond h4 { font: 1.25em "Georgia"; padding-top: 10px; margin: 35px 0 0 15px; letter-spacing: -.04em; color: #3A3A3A; }
  222.  
  223. #comments em, #respond h4 em { font-size: 10px; text-shadow: none; }
  224.  
  225. #comments h4 { font-family: Georgia; text-align: left; text-transform:none; font-style:none; clear: both; padding:6px; color: #b9e8e3;}
  226.  
  227. h4#comments a { text-align: center; color: #3A3A3A; font-weight: bold; }
  228.  
  229. h4#comments a:hover { color: #3A3A3A; font-weight: bold; }
  230.  
  231. #comments { border-bottom: 1px solid #d9d9d7; margin: 30px 30px 5px 10px; padding-bottom: 10px; }
  232.  
  233. .comment-nav { font: .8em/1.4em "Georgia"; text-transform: uppercase; }
  234.  
  235. .comment-nav a { text-decoration: none; color: #3A3A3A; font-weight: bold; }
  236.  
  237. .comment-nav a:hover { color: #3A3A3A; font-weight: bold; }
  238.  
  239. .comment-nav .previous { margin-right: 10px; }
  240.  
  241. .commentlist { margin: 5px 10px 0 0px; padding: 0; list-style: none; }
  242.  
  243. .commentlist li { margin: 0 0 0 0px; padding: 10px 0 0; position: relative; }
  244.  
  245. .commentlist .timestamp { position: absolute; top: 68px; left: -117px; width: 105px; font: 0.9em Georgia, sans-serif; text-align: right; color: #3A3A3A; padding: 0; margin: 0; }
  246.  
  247. .commentlist .timestamp strong { display: block; padding: 0 0 2px; color: #3A3A3A; }
  248.  
  249. .comment-author { padding: 0; margin: 0 0 8px 12px; }
  250.  
  251. .commentlist ul .comment-author { padding: 0 0 5px; }
  252.  
  253. .comment-author small { font: .8em/1.3em Georgia, Georgia, sans-serif; margin-top: 2px; color: #3A3A3A;}
  254.  
  255. .comment-author cite { font: 1.3em/1.3em Georgia, Georgia, sans-serif; color: #3A3A3A;}
  256.  
  257. .comment-author cite a { text-decoration: none; color: #3A3A3A;}
  258.  
  259. .comment-author cite a:hover { text-decoration: none; color: #3A3A3A; }
  260.  
  261. .commententry { margin-left: 12px; clear: both; font-size: 12px; border-bottom: 1px solid #d9d9d7; margin-right: 20px;}
  262.  
  263. .commententry p { font-family: "Georgia"; margin: 0 0 1em 0px; padding: 0; color: #3A3A3A;}
  264.  
  265. .commentlist .reply { position: absolute; top: 14px; right: 0; }
  266.  
  267. .commentlist .comment-reply-link { display: block; width: 50px; height: 17px; text-align: center; color: #3A3A3A; font: 12px Georgia, Georgia, sans-serif; text-transform: uppercase; padding: 3px 0 0 6px; text-decoration: none; margin-right: 10px;}
  268.  
  269. .commentlist .comment-reply-link:hover { background-position: 0 -43px; color: #b9e8e3; }
  270.  
  271. .commentlist ul { list-style: none; margin: 0 0 0 0; padding: 0; }
  272.  
  273. .commentlist ul ul { list-style: none; margin: 0 0 0 50px; padding: 0; }
  274.  
  275.  
  276.  
  277. /* commentform */
  278.  
  279.  
  280.  
  281. #respond { position: relative; margin-bottom: 40px; }
  282.  
  283. h4#respond {font: 12px "Georgia";}
  284.  
  285. .commentlist #respond { border-top: 1px solid #d9d9d7; margin-top: 2px; }
  286.  
  287. #respond .cancel-comment-reply { position: absolute; top: 10px; right: 5px; }
  288.  
  289. #respond #cancel-comment-reply-link { font: 12px Georgia, Georgia, sans-serif; text-transform: uppercase; background: #fff url() no-repeat right center; padding: 4px 4px 4px 4px; text-decoration: none; color: #3A3A3A; margin-right: 5px;}
  290.  
  291. #respond #cancel-comment-reply-link:hover { text-decoration: none; color: #f19c95; }
  292.  
  293. #commentform input[type=text] { width: 210px; margin: 0 5px 0 20px; padding: 5px 7px; }
  294.  
  295. #commentform label { font-weight: bold; }
  296.  
  297. #commentform label small { font-weight: normal; }
  298.  
  299. #commentform textarea { background-color: #f5f3f2; width: 90%; height: 180px; margin: 10px 0 0 0px; padding: 10px 7px; border: 1px solid #3A3A3A; }
  300.  
  301. #commentform input#submit { background: #f5f3f2 url() no-repeat; width: 152px; height: 32px; font: Cambria; color: #3A3A3A; border: 1px solid #3A3A3A; margin: 10px 0 0 0px; padding: 2px 0 6px; text-transform: uppercase;}
  302.  
  303. #commentform input#submit:hover { background-position: 0 bottom; color: #b9e8e3;}
  304.  
  305. #commentform p { margin-left: 20px; color: #3A3A3A;}
  306.  
  307. #commentform a { color: #b9e8e3; }
  308.  
  309.  
  310.  
  311. .authorlogin, .emaillogin, .urllogin {position: relative; left: -20px; }
  312.  
  313.  
  314.  
  315. /* search */
  316.  
  317.  
  318.  
  319. #searchform { float: left; padding: 6px 0 6px 6px; font-family: Georgia; }
  320.  
  321. #searchform input#s { width: 120px; background-color: #f4f3f2; font-family: Georgia; font-size: 10px; padding: 2px; margin: 2px; border: 1px solid #828282; }
  322.  
  323. #searchform input#searchsubmit { font-family: Georgia; font-size: 7pt; padding: 2px; margin: 2px 0 0 2px; border: 1px solid #3A3A3A; background-color: #f4f3f2; color: #3A3A3A; text-transform: uppercase;}
  324.  
  325.  
  326.  
  327.  
  328.  
  329. /* footer */
  330.  
  331.  
  332.  
  333. #footer { width: 1087px; height: 38px; margin: 0 auto; text-align: center; font-family: "Georgia"; font-size: 12px; color: #3A3A3A;}
  334.  
  335. #footer p { background: transparent; padding: 20px; margin: 0; color: #3A3A3A; }
  336.  
  337. #footer a { color: #3A3A3A; text-decoration: none; }
  338.  
  339. #footer a:hover { color: #3A3A3A; }
  340.  
  341.  
  342.  
  343. /* Additional CSS */
  344. #wrapped {
  345. margin: 0 auto;
  346. width: 960px;
  347. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!