Advertisement
ripriprip

css of Dark Real Estate theme

Mar 12th, 2011
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.70 KB | None | 0 0
  1. css of Dark Real Estate theme:
  2.  
  3. /*
  4. Theme Name: Real Estate Houses
  5. Theme URI: http://realestate1.qualitywordpress.com
  6. Description: <p>A great customizable real estate theme for your blog.</p>
  7. Version: 1.0
  8. Author: qualitywordpress
  9. Author URI: http://qualitywordpress.com
  10.  
  11. */
  12.  
  13.  
  14. /* ---------- @ HTML Elements -----------*/
  15.  
  16. *{
  17. margin:0px;
  18. padding:0px;
  19.  
  20. }
  21. body, html {
  22. color:#FFFFFF;
  23. min-height:101%;
  24. font-size: 100%;
  25. background-color:#2A2A2A;
  26. background-image: url(images/main_body.jpg);
  27. background-repeat: no-repeat;
  28. background-position: top;
  29. margin-top: 0px;
  30. margin-right: auto;
  31. margin-bottom: 0px;
  32. margin-left: auto;
  33. font-family:Arial, Helvetica, sans-serif;
  34. font-size:.85em;
  35. }
  36.  
  37. p {
  38. margin: 15px 0;
  39. }
  40. .post img{
  41. margin-right:10px;
  42.  
  43. }
  44.  
  45. a:link, a:visited {
  46. text-decoration:none;
  47.  
  48. color: #FFFFFF;
  49. }
  50.  
  51. a:hover, a:active {
  52. color:#FFFFFF;
  53. text-decoration: underline;
  54. }
  55.  
  56. *:focus {
  57. outline: none
  58. }
  59.  
  60. /* ---------- @ Page Structure -----------*/
  61.  
  62. .header {
  63. height: 450px;
  64. width: 950px;
  65. position:relative;
  66. top:50px;
  67. }
  68.  
  69. #header {
  70.  
  71. padding:10px;
  72.  
  73.  
  74. }
  75.  
  76.  
  77. #header h1 a {
  78. font-size:1.8em;
  79. font-weight:bold;
  80. color:#FFFFFF;
  81. font-family: Arial, Helvetica, sans-serif;
  82. position: absolute;
  83. top:105px;
  84. left:50px;
  85.  
  86.  
  87. }
  88.  
  89. #header .description{
  90. position: absolute;
  91. top:145px;
  92. left:50px;
  93. font-weight:bold;
  94. color:#FFFFFF;
  95.  
  96. }
  97. #header .box{
  98. position: absolute;
  99. top:80px;
  100. right:47px;
  101. font-weight:bold;
  102. color:#FFFFFF;
  103. text-align:center;
  104. font-size:1.65em;
  105.  
  106. }
  107. #header .box h3{
  108. color:#FFFFFF;
  109.  
  110.  
  111. }
  112.  
  113.  
  114.  
  115.  
  116. .mid{
  117. position: relative;
  118. z-index:2;
  119. left:10px;
  120. top:10px;
  121.  
  122.  
  123.  
  124. }
  125.  
  126.  
  127. /* ---------- @ Headings -----------*/
  128.  
  129. h2 {
  130. font-size: 1.2em;
  131. margin:0px;
  132. padding:0px;
  133.  
  134.  
  135. }
  136.  
  137. .content h2 a,
  138. .content h2 a:visited
  139. {
  140. font-size: 1.5em;
  141. margin:0px;
  142. padding:0px;
  143. color:#C8702D;
  144.  
  145.  
  146. }
  147.  
  148. h3 {
  149. font-size: 1.4em
  150. }
  151.  
  152. h4 {
  153. font-size: 1.2em
  154. }
  155.  
  156.  
  157. /* menu */
  158. #menu{
  159. position: relative;
  160. top:10px;
  161. width:950px;
  162. z-index:5;
  163. background-image: url(images/topmenu_bg.jpg);
  164. background-repeat: no-repeat;
  165. height: 44px;
  166.  
  167. }
  168.  
  169. #menu ul{
  170. list-style: none;
  171. list-style-type: none;
  172. font-size: 0.90em;
  173. padding:0px;
  174. font-weight:bold;
  175. padding-top:15px;
  176. text-align:center;
  177. width:900px;
  178.  
  179.  
  180.  
  181. }
  182.  
  183. #menu ul li{
  184.  
  185. margin: 0 0 0 1px;
  186. display:inline;
  187. border-right:1px solid #ccc;
  188.  
  189.  
  190. }
  191.  
  192. #menu ul li a{
  193.  
  194. padding: 5px 10px 5px;
  195. text-decoration: none;
  196. color: #FFFFFF;
  197.  
  198. }
  199.  
  200. #menu ul li a:hover{
  201. text-decoration: underline;
  202.  
  203.  
  204. }
  205.  
  206. #menu ul li.current_page_item{
  207. background-color:#FFFFFF;
  208.  
  209. }
  210.  
  211. #menu ul li.current_page_item a{
  212. color: #FFFFFF;
  213.  
  214. }
  215.  
  216. /* ---------- @ content Area -----------*/
  217.  
  218. /*Home*/
  219. .padding{
  220. padding:10px;
  221.  
  222. }
  223. .content {
  224. font-size:12px;
  225. line-height:20px;
  226. margin-right:10px;
  227. margin-top:10px;
  228. position: relative;
  229. top:-80px;
  230. color:#ccc;
  231.  
  232. }
  233.  
  234.  
  235. .content .post, .navigation, .pagetitle, .searc_results {
  236.  
  237. padding:10px 20px 10px 20px;
  238. }
  239.  
  240. .post{
  241.  
  242. background-position: left top;
  243.  
  244.  
  245. }
  246. /*sidebar left*/
  247.  
  248. .sidebar_left {
  249. float:left;
  250. margin:0;
  251. border-right:#FFFFFF 0px solid;
  252. font-size:12px;
  253. }
  254.  
  255.  
  256. .sidebar_mid ul
  257. {
  258. margin:0;
  259. padding:0;
  260. list-style:none;
  261.  
  262.  
  263.  
  264.  
  265. }
  266.  
  267. .sidebar_left h2{
  268.  
  269. background-repeat: no-repeat;
  270. height:20px;
  271. color:#FFD2A4;
  272. padding:10px 0px 0px 10px;
  273. }
  274.  
  275. .h2bg_bot{
  276.  
  277. background-repeat: no-repeat;
  278. background-position: bottom;
  279. height:20px;
  280. }
  281.  
  282.  
  283. .sidebar_left ul ul, .sidebar_left p, .sidebar_left form, .sidebar_left .textwidget
  284. {
  285. margin:0px 0 0 0px;
  286. }
  287. .sidebar_left li
  288. {
  289. margin:0;
  290. padding:0.3em 0;
  291. border-bottom:0px solid #dedede;
  292. list-style:none;
  293.  
  294.  
  295. }
  296.  
  297. .sidebar_left li ul li ul li a
  298. {
  299. color:#FFFFFF;
  300.  
  301. }
  302.  
  303. .sidebar_left li li
  304. {
  305. margin:0;
  306. padding:0;
  307. border-bottom:0px;
  308. line-height:20px;
  309. border-top:none;
  310. padding-left:10px;
  311. }
  312.  
  313. .sidebar_left li ul li a,
  314. .sidebar_left li ul li a:visited
  315. {
  316.  
  317. border-top:none;
  318. color:#FFFFFF;
  319.  
  320. }
  321. .sidebar_left li li ul li,
  322. .sidebar_left li li ul ul
  323.  
  324. {
  325. color: #FFFFFF;
  326. border:none;
  327.  
  328.  
  329. }
  330.  
  331.  
  332.  
  333.  
  334. /*sidebar right*/
  335.  
  336.  
  337. .sidebar_right {
  338. float:left;
  339. margin:0;
  340. font-size:12px;
  341. }
  342. .sidebar_right h2 {
  343. color:#FFD2A4;
  344.  
  345. }
  346.  
  347. .sidebar_right ul
  348. {
  349. margin:0;
  350. padding:10px;
  351.  
  352. margin-bottom:10px;
  353. list-style:none;
  354.  
  355.  
  356. }
  357. .sidebar_right ul .box
  358. {
  359.  
  360. padding:10px;
  361.  
  362. margin-bottom:10px;
  363.  
  364. }
  365. .sidebar_right ul .box li
  366. {
  367.  
  368. padding:2px;
  369.  
  370. }
  371. .sidebar_left li
  372. {
  373. margin:0;
  374. padding:0.3em 0;
  375. border-bottom:0px solid #dedede;
  376. list-style:none;
  377.  
  378.  
  379. }
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386. /*comments*/
  387. .post .user {
  388. background-image: url(images/user.gif);
  389. background-repeat: no-repeat;
  390. height: 10px;
  391. width: 10px;
  392. }
  393.  
  394. .post .user a{
  395. padding-left:15px;
  396. }
  397. .post .edit {
  398. background-image: url(images/edit.gif);
  399. background-repeat: no-repeat;
  400. height: 10px;
  401. width: 10px;
  402. }
  403. .post .edit a {
  404. padding-left:15px;
  405. }
  406. .post .comment {
  407. background-image: url(images/comment.gif);
  408. background-repeat: no-repeat;
  409. height: 10px;
  410. width: 10px;
  411. }
  412. .post .comment a {
  413. padding-left:15px;
  414.  
  415. }
  416.  
  417. /* Comments starts here*/
  418.  
  419. ol{
  420. margin:0px;
  421. padding:0px;
  422.  
  423.  
  424. }
  425. ol li{
  426. display:block;
  427. border-bottom:1px solid #222;
  428. list-style:none;
  429. background-color:#111;
  430. padding:10px;
  431.  
  432.  
  433.  
  434.  
  435. }
  436.  
  437. #commentform .textarea{
  438.  
  439.  
  440.  
  441.  
  442. }
  443.  
  444. #commentform .textarea{
  445. width:98%;
  446. border:1px solid #dedede;
  447.  
  448. }
  449. /*Interior Pages*/
  450.  
  451. .bullets {
  452. padding:15px 15px 15px 30px;
  453. }
  454.  
  455. .bullets li {
  456. background:url(/images/bullet.gif) no-repeat;
  457. list-style:none;
  458. padding-left: 11px;
  459. margin-bottom: 5px;
  460. }
  461.  
  462. /* ---------- @ Forms -----------*/
  463.  
  464. .button {
  465. background: #000 ! important;
  466. border:#F7ECD4 1px solid;
  467. padding: 2px;
  468. margin: 0 2px 0 0;
  469. color:#FFF;
  470. }
  471.  
  472. .button:focus {
  473. padding:2px;
  474. background: #000 ! important;
  475. }
  476.  
  477. .button:hover {
  478. background: #CCC ! important;
  479. color: #000;
  480. }
  481.  
  482. /*Clear*/
  483.  
  484. .clearfloat:after {
  485. content:".";
  486. display:block;
  487. height:0;
  488. clear:both;
  489. visibility:hidden;
  490. }
  491.  
  492. .clearfloat {
  493. display: inline-block;
  494. }
  495.  
  496. /* Hides from IE-mac */
  497. * html .clearfloat {
  498. height:1%;
  499. }
  500.  
  501. *+html .clearfloat {
  502. height:1%;
  503. }
  504.  
  505. .clearfloat {
  506. display:block;
  507. }
  508. /* End hide from IE-mac */
  509.  
  510. /* ---------- @ Footer -----------*/
  511.  
  512. #footer {
  513. padding: 10px;
  514. padding-left: 0px;
  515. color:#FFFFFF;
  516. background-image: url(images/footerbg1-.jpg);
  517. background-repeat: no-repeat;
  518. height: 84px;
  519. margin-top: 0;
  520. margin-right: auto;
  521. margin-bottom: 0;
  522. margin-left: auto;
  523. background-position: bottom;
  524. text-align:center;
  525. margin-top:40px;
  526.  
  527.  
  528.  
  529. }
  530. #footer p{
  531. padding-top:20px;
  532.  
  533.  
  534.  
  535. }
  536. #footer a{
  537.  
  538. color:#FFFFFF;
  539. text-decoration:underline;
  540. font-weight:bold;
  541. font-size:11px;
  542.  
  543.  
  544. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement