Advertisement
AndrzejL

Modified style file

Jan 25th, 2012
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.57 KB | None | 0 0
  1. /*  
  2. Theme Name: Red Evo Aphelion
  3. Theme URI: http://www.redevolution.com/wordpress-themes/
  4. Description: FREE Professional WordPress theme created by Red Evolution. Web 2.0 design, three columns, widget ready, sidebar collapsible.
  5. Version: 1.0.4
  6. Author: Red Evolution
  7. Author URI: http://www.redevolution.com/
  8. Tags: dark, orange, blue, green, purple, three-columns, flexible-width, custom-colors
  9. */
  10.  
  11. body {
  12. text-align:center; /*center hack*/
  13. min-width:1000px;
  14. padding:0;
  15. margin:0;
  16. }
  17.  
  18. #wrapper {
  19. margin:0 auto; /*center hack*/
  20. text-align:left; /*center hack*/
  21. }
  22.  
  23.  
  24. .width_fixed{
  25. min-width:910px;
  26. max-width:1000px;
  27. width:auto !important;
  28. width:1000px;
  29. }
  30.  
  31. .width_fluid{
  32. min-width:910px;
  33. max-width:97%;
  34. width:auto!important;
  35. width:97%;
  36. }
  37.  
  38. #heading{
  39. width:100%;
  40. position:relative;
  41. padding:16px 0px 0px 0px;
  42. }
  43. #heading h1{
  44. font-size:36px;
  45. font-family:"Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
  46. text-transform:uppercase;
  47. color:#fff;
  48. margin:0 0 0 27px!important;
  49. padding:0 !important;
  50. }
  51. #heading h1 a{
  52. color:#fff;
  53. font-weight:normal;
  54. }
  55. #heading h1 a:hover{
  56. text-decoration:none;
  57. }
  58. p.tagline{
  59. color:#fff;
  60. margin:0;
  61. padding:0 0 0 27px;
  62. }
  63.  
  64. #buttons{
  65. position:absolute;
  66. right:23px;
  67. top:40px;
  68. }
  69. a#alarge.btnicon{
  70. margin-right:8px;
  71. }
  72. a#asmall.btnicon{
  73. margin-right:16px;
  74. }
  75. .btnicon{
  76. float:left;
  77. text-indent:-2000px;
  78. width:10px;
  79. height:23px;
  80. margin-right:6px;
  81. }
  82.  
  83. a#alarge{
  84. background:url(images/alarge.png) top left no-repeat;
  85. }
  86.  
  87. a#amedium{
  88. background:url(images/amedium.png) top left no-repeat;
  89. }
  90.  
  91. a#asmall{
  92. background:url(images/asmall.png) top left no-repeat;
  93. }
  94.  
  95. #header{
  96. margin-top:16px;
  97. background:#2f2f2f url(images/headerbg_m.jpg) top left repeat-x;
  98. color:#fff;
  99. }
  100.  
  101. #header .bgbl{
  102. background:url(images/headerbg_bl.jpg) no-repeat;
  103. background-position:15px 100%;
  104. height:auto!important;
  105. height:100px;
  106. min-height:100px;
  107. padding:0px 24px 26px 24px;
  108. position:relative;
  109. }
  110.  
  111. #user3{
  112. display:block;
  113. position:relative;
  114. height:40px;
  115. }
  116. #user3 .moduletable{
  117. margin:0;
  118. }
  119.  
  120. #header #top{
  121. max-height:200px;
  122. overflow:hidden;
  123. }
  124.  
  125. #header #top a{
  126. text-decoration:underline;
  127. }
  128.  
  129. #header #top a:hover{
  130. color:#fff;
  131. }
  132.  
  133. #header #top .moduletable{
  134. padding-top:6px;
  135. position:relative;}
  136.  
  137. #header #top h3{
  138. background-position:0px 10px;
  139. position:relative;
  140. padding:3px 0 0 25px;
  141. margin:3px 0;
  142. }
  143.  
  144. #user4 {
  145. position:absolute;
  146. right:0;
  147. top:-26px;
  148. background:url(images/user4bg-l.jpg) top left no-repeat;
  149. padding-left:38px;
  150. color:#000;
  151. z-index:1000;
  152. }
  153.  
  154. #user4 .bgright4{
  155. background:url(images/user4bg-r.gif) top right no-repeat;
  156. padding-right:18px;
  157. }
  158.  
  159. #user4 .bg4{
  160. background:url(images/user4bg.jpg) top left repeat-x;
  161. padding:5px 12px 5px 10px;
  162. }
  163. #user4 .moduletable, #user4 form{
  164. margin:0;
  165. padding:0;
  166. }
  167.  
  168. #container{
  169. padding-left:18px;
  170. position:relative;
  171. }
  172. #container .bgright{
  173. padding-right:18px;
  174. margin:0!important;
  175. margin-right:1px;
  176. }
  177. #container .bg{
  178. background:#fff url(images/containerbg_m.png) top left repeat-x;
  179. }
  180.  
  181. #container .bg{
  182. padding:12px 24px 0px 24px;
  183. }
  184. #content, #breadcrumbs{
  185. position:relative;
  186. width:100%;
  187. }
  188. #breadcrumbs{
  189. padding-bottom:6px;
  190. background:url(images/bg-breadcrumbs.png) bottom left repeat-x;
  191. margin-bottom:9px;
  192. }
  193. .leftcol, .middle, .rightcol{ overflow:hidden;}
  194. .leftcol, .rightcol{
  195. width:205px;
  196. }
  197. .leftcol{
  198. float:left;
  199. margin-left:-100%;}
  200.  
  201. .rightcol{
  202. float:left;
  203. margin-left:-205px;}
  204.  
  205. .leftcol .bgbottom, .rightcol .bgbottom{
  206. background:url(images/sidebg-b.png) bottom right no-repeat;
  207. padding:1px 1px 50px 1px;
  208. }
  209.  
  210. .middlewrap{
  211. float:left;
  212. width:100%;
  213. }
  214.  
  215. .middle{
  216. background:#fff url(images/middlebg-l.jpg) top left no-repeat;
  217. padding-left:11px;
  218.  
  219. }
  220. #middlenarrow{
  221. margin:0 209px;}
  222. #middlewide{
  223. margin:0;
  224. }
  225. #middlewrapleftonly{
  226. float:right;
  227. width:100%;
  228. margin-left:-209px;
  229. }
  230. #middleleftonly{
  231. margin:0 0 0 209px;}
  232. #leftleftonly{
  233. margin:0;
  234. }
  235.  
  236. #middlewraprightonly{
  237. float:left;
  238. width:100%;
  239. margin-left:-209px;
  240. }
  241. #middlerightonly{
  242. margin:0 0 0 209px;}
  243. #rightrightonly{
  244. float:right;
  245. margin:0;
  246. }
  247.  
  248. .middle .middlebg{
  249. background:#fff url(images/middlebg-r.jpg) top right no-repeat;
  250. padding:16px 16px 16px 5px;
  251. min-height:400px;
  252. height:auto!important;
  253. height:400px;
  254. }
  255.  
  256. .middle h1, .middle .componentheading{
  257. background:url(images/dotted.gif) bottom left repeat-x;
  258. margin-bottom:0.3em;
  259. }
  260. .middle ul li{
  261. background-position:0px 0px;
  262. padding:1px 0px 5px 24px;
  263. margin-left:10px;
  264. }
  265. .middle ul ul{
  266. list-style-type:square;
  267. margin-bottom:0;
  268. }
  269. .middle ul ul li{
  270. background:none;
  271. padding:0;
  272. }
  273. .middle ol{
  274. margin-left:30px;
  275. padding:0;
  276. }
  277.  
  278. .middle ol li{
  279. margin:0;
  280. padding:0;
  281. }
  282.  
  283.  
  284. #banner .moduletable, #footermodule .moduletable{
  285. padding:0;
  286. text-align:center;
  287. }
  288.  
  289. #user1{
  290. float:left;
  291. width:49.5%;
  292. overflow:hidden;
  293. }
  294. #user2{
  295. float:right;
  296. width:49.5%;
  297. overflow:hidden;
  298. }
  299. #bottom {
  300. border-top:#cdcdcd 1px solid;
  301. margin-top:16px;
  302. }
  303. #bottom .bottombg{
  304. clear:both;
  305. background:#f4f4f3 url(images/bottombg.png) bottom left repeat-x;
  306. padding:18px 0px;
  307. position:relative;
  308. width:100%;
  309. border-top:#fff 1px solid;
  310. }
  311. #bottom .padding{
  312. padding:0px 16px;
  313. }
  314. #bottom h3{
  315. background:none;
  316. margin:0 0 0.5em 0;
  317. font-size:1.2em;
  318. text-transform:uppercase;
  319. }
  320. #bottom ul{
  321. padding:0;
  322. margin:0;
  323. }
  324. #bottom li.recentarticles li, #bottom li.recentcomments{
  325. background:url(images/icon_author_bottom.gif) no-repeat;
  326. background-position:2px 5px;
  327. padding-left:18px;
  328. }
  329. #bottom ul ul li{
  330. padding:3px 0;
  331. border-top:#fff 1px solid;
  332. }
  333. #bottom li a{
  334. color:#666666;
  335. }
  336. #bottom li a:hover{
  337. text-decoration:none;
  338. }
  339. #footer {
  340. clear:both;
  341. color:#fff;
  342. background-color:#777;
  343. padding:6px 0px;
  344. margin:16px 0;
  345. position:relative;
  346. width:100%;
  347. text-align:center;
  348. }
  349. #footer a{
  350. font-weight:normal;
  351. color:#ccc;}
  352.  
  353. #footer a:hover{
  354. color:#fff;
  355. text-decoration:none;
  356. }
  357.  
  358. #footer .footerleft{
  359. float:left;
  360. padding-left:16px;
  361. }
  362.  
  363. #footer .footerleft img{
  364. vertical-align:middle;
  365. }
  366.  
  367. #footer .footerright{
  368. float:right;
  369. padding-right:16px;
  370. }
  371.  
  372. #reflection-l{
  373. position:relative;
  374. height:54px;
  375. margin-left:-44px;
  376. margin-right:-44px;
  377. padding-left:16px;
  378. }
  379.  
  380. #reflection-r{
  381. height:54px;
  382. padding-right:16px;
  383. }
  384. #reflection{
  385. height:54px;
  386. }
  387. /*global reset*/
  388.  
  389. html, body, h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address  {
  390.     margin: 0;
  391.     padding: 0;
  392. }
  393. body {
  394. font-size:76%;
  395. font-family:Arial, Helvetica, sans-serif;
  396. line-height:1.3;
  397. }
  398. h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
  399. margin: 0.5em 0;
  400. }
  401.  
  402. fieldset {
  403. padding:.5em;
  404. border:0;
  405. }
  406.  
  407. /*general*/
  408. ul{
  409. list-style:none;
  410. }
  411.  
  412. li p{
  413. margin:0;
  414. }
  415. a img{
  416. border:0 none;
  417. }
  418.  
  419. a{
  420. text-decoration:none;
  421. font-weight:bold;
  422. }
  423. a:hover{
  424. text-decoration:underline;
  425. }
  426. a:active, a:focus{
  427. outline:none;
  428. }
  429.  
  430. h1,.componentheading{
  431. font-size:1.7em;
  432. font-weight:normal;
  433. margin:0;
  434. padding-bottom:0.1em;
  435. }
  436. h2,.contentheading{
  437. font-size:1.3em;
  438. font-weight:bold;
  439. font-family:Helvetica, Arial, sans-serif;
  440. letter-spacing:-0.02em;
  441. }
  442. h3{
  443. font-size:1.2em;
  444. font-weight:bold;
  445. }
  446. h3.collapse-head{cursor:pointer;}
  447. h4{
  448. font-size:1.1em;
  449. font-weight:bold;
  450. }
  451. h5{
  452. font-size:1.1em;
  453. font-weight:bold;
  454. }
  455. h6{
  456. font-size:1em;
  457. font-weight:bold;
  458. }
  459. #footer,.small,.createdate,.modifydate,.mosimage_caption{
  460. font:0.9em Arial,Helvetica,sans-serif;
  461. }
  462. #left ul, #right ul{
  463. margin-bottom:1em;
  464. padding:0 10px; /*padding for inside text*/
  465. }
  466. #left ul ul, #right ul ul{margin:0; padding:0;}
  467. #left h3, #right h3{
  468. padding:0.5em 0.5em 1em 0.5em;
  469. margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/
  470.  
  471. }
  472.  
  473. .clear{
  474. clear:both;
  475. }
  476.  
  477. /*search */
  478.  
  479. #s{/* the input textarea box */
  480. background:url(images/sbg.png) top left no-repeat;
  481. border:0;
  482. height:18px;
  483. font-size:11px;
  484. width:140px;
  485. padding:2px 5px;
  486. float:left;
  487. }
  488. #searchsubmit{float:left;}
  489.  
  490. /*joomla*/
  491.  
  492. #user3 ul{
  493. margin:0;
  494. padding:0;
  495. width:auto;
  496. }
  497. #user3 ul li{
  498. margin:0;
  499. padding:0;
  500. display:inline;
  501. height:40px;
  502. }
  503. #user3 ul li a{
  504. color:#d0d0d0;
  505. text-transform:uppercase;
  506. padding:10px;
  507. float:right;
  508. background:url(images/topmenu-vline.jpg) no-repeat;
  509. background-position:0px 2px;
  510. }
  511. #user3 ul li a:hover{
  512. text-decoration:none;
  513. }
  514. .sidebar ul ul a{
  515. font-size:1.1em;
  516. color:#2a2929;
  517. font-weight:normal;
  518. display:block;
  519. background:url(images/arrow_mainlevel.png) no-repeat;
  520. background-position:3px 9px;
  521. border-bottom:#eee 1px solid;
  522. padding:4px 4px 4px 16px;
  523. margin-right:13px;
  524. }
  525. .sidebar ul ul a:hover{
  526. text-decoration:none;
  527. }
  528. #container li.current_page_item a{
  529. font-weight:bold;
  530. }
  531. #container li.current_page_item li a{font-weight:normal;}
  532. .sidebar ul ul ul a{
  533. color:#2a2929;
  534. background:url(images/arrow_sub.png) no-repeat;
  535. background-position:4px 10px;
  536. border:none;
  537. }
  538. #left ul ul ul, #right ul ul ul{
  539. padding-left:10px;}
  540.  
  541. table.pollstableborder td{
  542. padding:0.2em;
  543. }
  544.  
  545. table.pollstableborder{
  546. float:left;
  547. }
  548.  
  549. .button{
  550. color:#fff;
  551. font-size:13px;
  552. font-weight:bold;
  553. margin:3px 0;
  554. padding:1px 5px;
  555. border:none;
  556. }
  557.  
  558. * html .button {
  559.     padding: 0px 2px !important; /*IE 6*/
  560. }
  561.  
  562. *+html .button {
  563.     padding: 0px 2px !important; /*IE 7*/
  564. }
  565.  
  566. .small, .articleauthor, .createdate, .modifydate{
  567. color:#8a8a8a;
  568. }
  569.  
  570. .articleauthor, .createdate, .modifydate{
  571. padding-left:18px;
  572. }
  573.  
  574. .articleauthor{
  575. background:url(images/icon_author.gif) top left no-repeat;
  576. }
  577.  
  578. .createdate{
  579. background:url(images/icon_date.gif) top left no-repeat;
  580. display:block;
  581. padding-bottom:1em;
  582. }
  583.  
  584. .modifydate{
  585. background:url(images/icon_updated.gif) top left no-repeat;
  586. padding-bottom:1em;
  587. }
  588.  
  589. div.banneritem_text{
  590. padding:0.5em 0;
  591. background:url(images/dotted.gif) bottom left repeat-x;
  592. }
  593.  
  594. .article_column {
  595.     padding-right: 5px;
  596. }
  597.  
  598. .column_separator {
  599.     background:url(images/dotted_v.gif) top left repeat-y;
  600.     padding-left: 10px;
  601. }
  602.  
  603. table.contentpaneopen, table.contentpane {
  604.     margin: 0;
  605.     padding: 0;
  606.     width: 100%;
  607. }
  608.  
  609. table.contentpaneopen li {
  610.     margin-bottom: 5px;
  611. }
  612.  
  613. table.contentpaneopen fieldset {
  614.     border: 0;
  615.     border-top: 1px solid #ddd;
  616. }
  617.  
  618. td.buttonheading{
  619. text-align:right;
  620. }
  621.  
  622. div.buttonheading {
  623.     float: right;
  624.     width: 15%;
  625. }
  626.  
  627. .buttonheading img {
  628.     margin: 0;
  629.     border: 0;
  630.     float: right;
  631. }
  632.  
  633. table.pollstableborder td{
  634. text-align:left;
  635. }
  636.  
  637. /* content tables */
  638. td.sectiontableheader {
  639.   background: #efefef;
  640.   color: #333;
  641.   font-weight: bold;
  642.   padding: 4px;
  643.   border-right: 1px solid #fff;
  644. }
  645.  
  646. tr.sectiontableentry0 td,
  647. tr.sectiontableentry1 td,
  648. tr.sectiontableentry2 td {
  649.   padding: 4px;
  650. }
  651.  
  652. td.sectiontableentry0,
  653. td.sectiontableentry1,
  654. td.sectiontableentry2 {
  655.   padding: 3px;
  656. }
  657.  
  658. /* thumbnails */
  659. div.mosimage         {  margin: 5px; }
  660. div.mosimage_caption {  font-size: .90em; color: #666; }
  661.  
  662. div.img_caption       { padding: 0 10px 0 10px; }
  663. div.img_caption img   { border: 1px solid #dedede; }
  664. div.img_caption p     { font-size: .90em; color: #666; text-align: center; }
  665.  
  666. /* basic selectors */
  667. a.more-link{
  668.  
  669. }
  670.  
  671. p{
  672. padding: 0.2em 0 0.3em 0;
  673. }
  674.  
  675. code{
  676. font-family:"Courier New", Courier, monospace;
  677. }
  678.  
  679. blockquote{
  680. margin: 1em 0 0;
  681. border-top: 2px solid #ddd;
  682. background: #f5f5f5;
  683. }
  684.  
  685. blockquote p{
  686. padding: 1em;
  687. }
  688.  
  689. blockquote blockquote{
  690. float: none;
  691. width: auto;
  692. margin: 0 1em;
  693. background: #fff;
  694. }
  695.  
  696. dd{
  697. padding: 0 0 0 2em;
  698. }
  699.  
  700. form, input, textarea{
  701. font-family:Arial, Helvetica, sans-serif;
  702. font-size: 12px;
  703. }
  704.  
  705. p img{
  706. max-width: 100%;
  707. }
  708.  
  709. img.centered{
  710. display: block;
  711. margin-left: auto;
  712. margin-right: auto;
  713. }
  714.  
  715. img.alignright{
  716. margin: 3px 0 2px 10px;
  717. padding: 4px;
  718. border: 1px solid #ededed;
  719. display: inline;
  720. }
  721.  
  722. img.alignleft{
  723. margin: 3px 10px 2px 0;
  724. padding: 4px;
  725. border: 1px solid #ededed;
  726. display: inline;
  727. }
  728.  
  729. .alignleft{float: left;}
  730.  
  731. .alignright{float: right;}
  732. .aligncenter {
  733.     display: block;
  734.     margin-left: auto;
  735.     margin-right: auto;
  736. }
  737.  
  738. .clear{
  739. margin: 0;
  740. padding: 0;
  741. clear: both;}
  742.  
  743. small{
  744. font-size: 11px;
  745. }
  746. .wp-caption {
  747.     border: 1px solid #ddd;
  748.     text-align: center;
  749.     background-color: #f3f3f3;
  750.     padding-top: 4px;
  751.     margin: 10px;
  752.     -moz-border-radius: 3px;
  753.     -khtml-border-radius: 3px;
  754.     -webkit-border-radius: 3px;
  755.     border-radius: 3px;
  756. }
  757.  
  758. .wp-caption img {
  759.     margin: 0;
  760.     padding: 0;
  761.     border: 0 none;
  762. }
  763.  
  764. .wp-caption-dd {
  765.     font-size: 11px;
  766.     line-height: 17px;
  767.     padding: 0 4px 5px;
  768.     margin: 0;
  769. }
  770.  
  771.  
  772. .post{padding:10px 0;}
  773. .entry-date{font-size:0.9em; text-align:right; font-style:italic;}
  774. div.entry-meta{
  775. border-top:#ccc 1px solid;
  776. border-bottom:#ccc 1px solid;
  777. background-color:#ededed;
  778. font-size:0.9em;
  779. padding:5px;
  780. color:#555;}
  781. div.entry-meta a{color:#000; font-weight:normal;}
  782. /*comment*/
  783. ol.commentlist {    list-style:none; padding:0; margin:0;}
  784. ol.commentlist li{margin:0; padding:10px 0;}
  785. div.comment-meta{
  786. float:left; width:15%; text-align:right;}
  787. .commentmetadata{clear:both; text-align:right; display:block; border-top:#eee 1px solid; border-bottom:#eee 1px solid; background-color:#f4f4f4; padding:2px;}
  788. .commentmetadata a{font-weight:normal; line-height:10px; text-align:right; color:#999;}
  789. .commentmetadata a:hover{color:#444; text-decoration:none;}
  790. div.comment-text{
  791. float:right; width:82%;}
  792. h3#comment-form-title, h3#comments-count{
  793. padding-top:10px; background:url(images/dotted.gif) top left repeat-x;
  794. }
  795.  
  796. /* Black Out class */
  797. .blackOutLayer {
  798. width: 100%;
  799. height: 100%;
  800. position: fixed;
  801. z-index: 1000;
  802. display: none;
  803. margin: 0;
  804. padding: 0;
  805. background: #000 url("Black_Out.png") no-repeat center center;
  806. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  807. filter: alpha(opacity=70);
  808. -moz-opacity:0.7;
  809. -khtml-opacity: 0.7;
  810. opacity: 0.7;
  811. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement