home *** CD-ROM | disk | FTP | other *** search
/ linuxmafia.com 2016 / linuxmafia.com.tar / linuxmafia.com / jordan / style.css < prev    next >
Cascading Style Sheet File  |  2010-11-05  |  12KB  |  617 lines
  1. /*
  2.     $Id: style.css,v 1.1.4.6 2008/08/03 23:14:53 couzinhub Exp $
  3.     Abarre, for Drupal 6
  4.     Hubert Florin at Raincity Studios
  5.     www.raincitystudios.com 
  6. */
  7.  
  8. /*------------------------------------
  9.                         Reset CSS 
  10. ------------------------------------*/
  11.  
  12. * {
  13.     margin:0;
  14.     padding:0;
  15. }
  16.  
  17. /*------------------------------------
  18.                 Colors for color module
  19. ------------------------------------*/
  20.  
  21. /* text main */
  22. #main{
  23.     color:#545454;
  24. }
  25. /* lighter text main */
  26. #main .node .submitted{
  27.     color:#868686;
  28. }
  29. /* text titles main */
  30. #main h1,
  31. #edit-title,
  32. #user-login-form .form-item label,
  33. #footer #block-menu-2 ul,
  34. #footer #block-menu-2 li, 
  35. #footer #block-menu-2 a{
  36.     color:#747163;
  37. }
  38. /* Links all */
  39. a, a:link, a:visited, #site-slogan{
  40.     color:#d63e03;
  41. }
  42. #main .links li.comment_add a,
  43. #main .links li.comment_comments a,
  44. #main .links li.comment_edit a,
  45. #main .links li.comment_delete a,
  46. #main .links li.comment_reply a{
  47.     background-color:#d63e03;
  48. }
  49. /* Links all hover */
  50. a:hover, a:active{
  51.     color:#8A2A03;
  52. }
  53. #main .links ul li.comment_add a:hover,
  54. #main .links ul li.comment_comments a:hover,
  55. #main .links ul li.comment_edit a:hover,
  56. #main .links ul li.comment_delete a:hover,
  57. #main .links ul li.comment_reply a:hover{
  58.     background-color:#8A2A03;
  59.     text-decoration:none;
  60. }
  61.  
  62. /* colors sidebar */
  63.  
  64. /* Text Sidebar */
  65. #sidebar-left .content{
  66.     color:#4f4f4f;
  67. }
  68. /* Links menu Sidebar */
  69. #sidebar-left ul ul li a,
  70. #sidebar-left ul ul ul li a,
  71. #sidebar-left .links li a.active, 
  72. #sidebar-left  .links li a:hover{
  73.     color:#d63e03;
  74. }
  75. /* Links Sidebar hover */
  76. #sidebar-left a:hover,
  77. #sidebar-left ul ul li a:hover, 
  78. #sidebar-left ul ul li a.active,
  79. #sidebar-left ul ul ul li a:hover, 
  80. #sidebar-left ul ul ul li a.active{
  81.     color:#8A2A03;
  82. }
  83. #sidebar-left li a.active,
  84. #sidebar-left h2.title,
  85. #sidebar-left ul li,
  86. #sidebar-left .links li a{ 
  87.     color:#3e3e3e;
  88. }
  89. #sidebar-left tr, #sidebar-left td{
  90.     border-bottom:1px solid #747163;
  91. }
  92.  
  93.  
  94. /*******************************************************************
  95. * Color Module: Don't touch                                       *
  96. *******************************************************************/
  97.  
  98. /*------------------------------------
  99.                         General Layout 
  100. ------------------------------------*/
  101.  
  102. body{
  103.     font-family:"trebuchet ms",arial,sans-serif;
  104.     font-size:0.85em;
  105.     background:transparent url(images/bg.gif) repeat-y;
  106.     min-width: 800px;
  107.     max-width: 1300px;
  108. }
  109. #header{
  110.     position:relative;
  111.     margin:0 80px 10px 330px;
  112.     padding-bottom:10px;
  113.     padding-top:20px;
  114.     border-bottom:1px dotted #D2D2BB;
  115. }
  116. .column {
  117.     float:left;
  118.     position:relative;
  119. }
  120. #main{
  121.     padding:0 80px 0 330px;
  122. }
  123. #content {
  124.     margin-bottom:20px;
  125.   width: 100%;
  126.     min-height:450px;
  127. }
  128. #sidebar-left {
  129.     text-align:right;
  130.     width:291px;
  131.     right:330px;
  132.     margin-left: -100%;
  133. }
  134. #footer{
  135.     height:45px;
  136.     background:transparent url(images/footer-corner.gif) no-repeat top left;
  137.     clear:both;
  138.     margin:0 30px 0 225px;
  139. }
  140.  
  141. /*------------------------------------
  142.                         Header Design
  143. ------------------------------------*/
  144.  
  145. #header h1 a{
  146.     font-size:1.3em;
  147.     text-decoration: none;
  148. }
  149. #header #logo{
  150.     float:left;
  151.     margin-right:15px;
  152. }
  153. #site-slogan{
  154.     font-size:1.3em;
  155. }
  156. #search-theme-form{
  157.     position:absolute;
  158.     right:10px;
  159.     bottom:5px;
  160. }
  161.  
  162. /*------------------------------------
  163.                         Sidebar Design 
  164. ------------------------------------*/
  165.  
  166. #sidebar-left a{
  167.     text-decoration: none;
  168. }
  169. #sidebar-left h2.title{
  170.     background:transparent url(images/header-side.gif) repeat top left;
  171. }
  172. #sidebar-left .block{
  173.     margin:10px 0 20px 0;
  174.     padding:0 0 0 15px;
  175.     background:transparent url(images/block.gif) no-repeat top left;
  176. }
  177. #sidebar-left h2.title{
  178.     margin:6px 7px 0 0;
  179.     float:right;
  180.     font-size:1.2em;
  181.     padding:0 10px 0 15px;
  182. }
  183. #sidebar-left .node{
  184.     padding-bottom:10px;
  185.     border-bottom:1px solid #fff;
  186.     margin-bottom:15px;
  187. }
  188. #sidebar-left .node h2.title{
  189.     float:none;
  190. }
  191. #sidebar-left ul{
  192.     padding:0;
  193.     margin:5px 0 5px 0;
  194.     text-align:right;
  195. }
  196. #sidebar-left ul li {
  197.     list-style:none;
  198.     list-style-image:none;
  199.     padding:0 0 3px;
  200. }
  201. #sidebar-left ul li a{
  202.     background:transparent url(images/side-li.gif) no-repeat center right;
  203.     padding-right:20px;
  204.     margin-right:-18px;
  205. }
  206. #sidebar-left ul ul li a{
  207.     font-size:0.9em;
  208. }
  209. #sidebar-left ul li a:hover, #sidebar-left ul li a.active{
  210.     background:transparent url(images/side-li-active.gif) no-repeat center right;
  211. }
  212. #sidebar-left ul li a.active{
  213.     font-weight:bold;
  214. }
  215. #sidebar-left ul ul{
  216.     margin:5px 0;
  217. }
  218. #sidebar-left ul ul ul{
  219.     font-size:0.95em;
  220.     margin-right:20px;
  221.     padding-bottom:10px;
  222. }
  223. #sidebar-left ul ul li a{
  224.     background:transparent url(images/primary.gif) no-repeat center right;
  225. }
  226. #sidebar-left ul ul li a:hover, #sidebar-left ul ul li a.active{
  227.     background:transparent url(images/primary-active.gif) no-repeat center right;
  228. }
  229. #sidebar-left ul ul ul li a{
  230.     padding-right:10px;
  231.     background:transparent url(images/bullet.gif) no-repeat 100% 6px;
  232. }
  233. #sidebar-left ul ul ul li a:hover, #sidebar-left ul ul ul li a.active{
  234.     background:transparent url(images/bullet.gif) no-repeat 100% 6px;
  235. }
  236.  
  237. #sidebar-left .block .content{
  238.     clear:right;
  239.     margin:0;
  240.     padding:10px 18px 0 0;
  241. }
  242. #sidebar-left tr.even{
  243.     background-color:transparent;
  244. }
  245.  
  246.  
  247. /* ----- Primary / Secondary Links --------- */
  248.  
  249. #sidebar-left .links{
  250.     background:none;
  251.     margin:0;
  252.     padding:0;
  253. }
  254. #sidebar-left .links li{
  255.     display:block;
  256.     background:transparent;
  257.     margin:5px 0;
  258.     padding:0;
  259. }
  260. #sidebar-left .links li a{
  261.     background:transparent url(images/primary.gif) no-repeat center right;
  262.     font-size:1em;
  263.     font-weight:bold;
  264.     position:static;
  265.     margin-right:0;
  266.     text-transform:capitalize;
  267. }
  268. #sidebar-left .links li a.active, #sidebar-left  .links li a:hover{
  269.     background:transparent url(images/primary-active.gif) no-repeat center right;
  270. }
  271.  
  272.  
  273. /* ----- Navigation --------- */
  274.  
  275. #sidebar-left #block-user-1 ul li a{
  276.     left:34px;
  277. }
  278.  
  279. /* --------- Login ---------- */
  280.  
  281. #sidebar-left #block-user-0{
  282.     padding:0 0 10px 0px;
  283. }
  284. #user-login-form{
  285.     padding:5px 0;
  286.     text-align:right;
  287. }
  288. #user-login-form .form-item, #user-login-form #edit-submit{
  289.     margin:5px 0 0 10px;
  290. }
  291. #user-login-form .form-item label{
  292.     font-size:0.9em;
  293.     margin-left:40px;
  294.     float:left;
  295. }
  296. #user-login-form .item-list{
  297.     margin-top:10px;
  298. }
  299.  
  300. /*------------------------------------
  301.                         Main Content Design 
  302. ------------------------------------*/
  303.  
  304. div#mission{
  305.     color:#a2a198;
  306. }
  307. div#mission,
  308. #main .content blockquote{
  309.     border-right:1px solid #deded9;
  310.     border-left:1px solid #deded9;
  311. }
  312. .feed-icon{
  313.     float:right;
  314. }
  315. .breadcrumb {
  316.     padding:0;
  317.     margin:10px 0;
  318. }
  319. #main .links li{
  320.     padding-left:0;
  321.     margin-left:0;
  322.     background: none;
  323. }
  324. #main .content p, #main .node .content{
  325.     font-family:arial,sans-serif;
  326.     line-height:1.55em;
  327. }
  328. #main .content p{
  329.     margin-bottom:10px;
  330. }
  331. #main h1{
  332.     text-transform:capitalize;
  333. }
  334. #main a{
  335.     text-decoration:none;
  336. }
  337. #main a:hover{
  338.     text-decoration:underline;
  339. }
  340. div#mission{
  341.     font: italic 110% georgia, times, serif;
  342.     line-height:1.5em;
  343.     padding:20px;
  344.     margin:20px 0;
  345.     background:transparent url(images/shadow-bottom.gif) repeat-x top left;
  346. }
  347. .content ul, .content ol{
  348.     margin:0 0 20px 20px;
  349. }
  350. #main .content ul ul, #main .content ol ol,
  351. #main .content ul ol, #main .content ol ul{
  352.     margin-bottom:0;
  353. }
  354. dl dt{
  355.     font-weight:bold;
  356. }
  357. dl dd{
  358.     margin-left:10px;
  359.     font-style:italic;
  360. }
  361. #main .content hr{
  362.     border:1px dotted #ccc;
  363.     margin-bottom:10px;
  364. }
  365. #main .content blockquote{
  366.     font-style:italic;
  367.     padding:10px;
  368.     margin:20px 50px;
  369.     background:#fff url(images/shadow-bottom.gif) repeat-x top left;
  370. }
  371.  
  372. /*------- blog post and story ----------*/
  373.  
  374. #main .node{
  375.     margin:0 0 20px;
  376.     padding-bottom:30px;
  377.     border-bottom:1px dotted #CCCCCC;
  378. }
  379. #main .node h2 a{
  380.     font-size:120%;
  381. }
  382. #main .node h2 a:hover,
  383. #main .node .links a:hover{
  384.     text-decoration:none;
  385. }
  386. #main .node .submitted{
  387.     display:block;
  388.     font-size:80%;
  389. }
  390. #main .node .links ul,
  391. #main #comments .links ul{
  392.     display:block;
  393.     margin-top:10px;
  394. }
  395. #main .node .links ul li,
  396. #main #comments ul li{
  397.     margin:0 10px 0 0;
  398. }
  399.  
  400. /*-------------- icons----------- */
  401.  
  402. #main .links ul li.comment_add a:hover,
  403. #main .links ul li.comment_comments a:hover,
  404. #main .links li.comment_add a,
  405. #main .links li.comment_comments a,
  406. #main .links ul li.comment_edit a:hover,
  407. #main .links li.comment_edit a,
  408. #main .links ul li.comment_delete a:hover,
  409. #main .links li.comment_delete a,
  410. #main .links ul li.comment_reply a:hover,
  411. #main .links li.comment_reply a{
  412.     background-repeat:no-repeat;
  413.     background-position:top left;
  414. }
  415. #main .links ul li.comment_add a:hover,
  416. #main .links ul li.comment_comments a:hover{
  417.     background-image: url(images/comment.gif);
  418. }
  419. #main .links li.comment_add a,
  420. #main .links li.comment_comments a{
  421.     height:9px;
  422.     padding:0 0 0 13px;
  423.     background-image: url(images/comment.gif);
  424. }
  425. #main .links ul li.comment_edit a:hover{
  426.     background-image: url(images/edit.gif);
  427. }
  428. #main .links li.comment_edit a{
  429.     height:9px;
  430.     padding:0 0 0 13px;
  431.     background-image: url(images/edit.gif);
  432. }
  433. #main .links ul li.comment_delete a:hover{
  434.     background-image: url(images/delete.gif);
  435. }
  436. #main .links li.comment_delete a{
  437.     height:9px;
  438.     padding:0 0 0 13px;
  439.     background-image: url(images/delete.gif);
  440. }
  441. #main .links ul li.comment_reply a:hover{
  442.     background-image: url(images/reply.gif);
  443. }
  444. #main .links li.comment_reply a{
  445.     height:9px;
  446.     padding:0 0 0 13px;
  447.     background-image: url(images/reply.gif);
  448. }
  449.  
  450. /*---------- Comments ------------*/
  451.  
  452. .submitted{
  453.     color:#989898;
  454.     margin-bottom:10px;
  455.     font-size:80%;
  456. }
  457. .submitted img{
  458.     width:15px;
  459.     margin-right:5px;
  460. }
  461. .comment{
  462.     border-bottom:1px dotted #CCC;
  463.     padding-bottom:15px;
  464.     margin:10px 0 20px;
  465. }
  466. span.new{
  467.     color:#fff;
  468.     margin-right:10px;
  469.     background-color:#c00;
  470.     padding:0 5px;
  471. }
  472.  
  473. /*---------- interface design ------------*/
  474.  
  475. #main tr.odd .form-item, #main tr.even .form-item{
  476.     margin:8px 0;
  477. }
  478. .theme-settings-bottom, .profile, .node-form .standard{
  479.     clear:none;
  480. }    
  481. .theme-settings-left, .theme-settings-right{
  482.     float:none;
  483. }
  484. table{
  485.     width:99%;
  486. }
  487. .messages, .status{
  488.     color:#00A400;
  489. }
  490. div.tabs{
  491.     top:5px;
  492.     right:5px;
  493.     position:fixed;
  494.     z-index:999;
  495. }
  496. ul.tabs{
  497.     text-align:center;
  498.     background-color:#FFFFFF;
  499.     padding:0;
  500.     border:5px solid #c00;
  501. }
  502. .tabs .tabs li{
  503.     display:block;
  504. }
  505. ul.primary li a{
  506.     font-size:14px;
  507.     background-color:transparent;
  508.     border:none;
  509.     margin:0;
  510.     display:block;
  511. }
  512. ul.primary li.active a{
  513.     border:none;
  514.     background-color:#cdd;
  515. }
  516.  
  517. .node-form textarea{
  518.     width:97%;
  519.     color:#545454;
  520.     font:14px/1.6em arial,sans-serif;
  521.     background:#fff url(images/shadow-bottom.gif) repeat-x top left;
  522. }
  523.  
  524.  
  525. /* misc */
  526.  
  527. .node-form .form-item label{
  528.     font-size:12px;
  529.     padding:3px 10px;
  530.     display:table;
  531.     border-top:1px solid #999;
  532.     border-bottom:2px solid #999;
  533.     background-color:#efefef;
  534. }
  535. #edit-title{
  536.     font:bold 22px "trebuchet ms",arial,sans-serif;
  537.     padding:3px 10px;
  538. }
  539. fieldset {
  540.     width:95%;
  541.     background-color:#fff;
  542. }
  543. fieldset.collapsed{
  544.     background-color:transparent;
  545. }
  546. .profile img{
  547.     float:right;
  548. }
  549.  
  550.  
  551. /*---------- Forum design ------------*/
  552.  
  553. tr, td{
  554.     border-bottom:1px solid #ccc;
  555. }
  556. tr.even{
  557.     background-color:#efefef;
  558. }
  559. tr.odd, td.active{
  560.     background-color:transparent;
  561. }
  562. td.menu-disabled {
  563.     background:#FFE2C6;
  564. }
  565. #forum .name a{
  566.     font-size:16px;
  567.     font-weight:bold;
  568. }
  569. #forum td{
  570.     padding:10px;
  571. }
  572. .forum-topic-navigation{
  573.     margin:5px 0;
  574. }
  575.  
  576.  
  577. /*------------------------------------
  578.                         Footer Design 
  579. ------------------------------------*/
  580.  
  581. #footer .content{
  582.     padding:10px 60px 0 0;
  583.     text-align:center;
  584.     font-size:11px;
  585.     margin:0 0 0 100px;
  586.     color:#878787;
  587. }
  588. #footer #corner{
  589.     height:29px;
  590.     width:29px;
  591.     float:right;
  592.     height:29px;
  593.     background:transparent url(images/footer-corner2.gif) no-repeat top left;
  594. }
  595. #footer #block-menu-2 h2{
  596.     display:none;
  597. }
  598. #footer #block-menu-2 ul{
  599.     text-align:center;
  600.     font-size:70%;
  601.     margin:0pt 85px;
  602.     padding-top:10px;
  603. }
  604. #footer #block-menu-2 ul ul{
  605.     display:none;
  606. }
  607. #footer #block-menu-2 ul li{
  608.     display:inline;
  609. }
  610. #footer #block-menu-2 li, #footer #block-menu-2 a{
  611.     list-style-image:none;
  612.     list-style:none;
  613.     text-decoration:none;
  614. }
  615. #footer #block-menu-2 a:hover{
  616.     text-decoration:underline;
  617. }