API tools faq
paste
Advertisement
mechlord

template.css

mechlord
Jul 16th, 2012
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.37 KB | None | 0 0
raw download clone embed print report
  1. /*****************************/
  2. /*** Core html setup stuff ***/
  3. /*****************************/
  4.  
  5. html {
  6.   height: 100%;
  7.   margin-bottom: 1px;
  8. }
  9.  
  10. form {
  11.   margin: 0;
  12.   padding: 0;
  13. }
  14.  
  15. body {
  16.     font-family: Helvetica,Arial,sans-serif;
  17.     line-height: 1.3em;
  18.     margin: 0px 0px 0px 0px;
  19.     font-size: 12px;
  20.     color: #333;
  21. }
  22.  
  23. a:link, a:visited {
  24.     text-decoration: none;
  25.     font-weight: normal;
  26. }
  27.  
  28. a:hover {
  29.     text-decoration: underline;
  30.     font-weight: normal;
  31. }
  32.  
  33. input.button {
  34.     cursor: pointer;
  35. }
  36.  
  37. p { margin-top: 0; margin-bottom: 5px; }
  38.  
  39. img { border: 0 none; }
  40.  
  41. /*****************************************/
  42. /*** Template specific layout elements ***/
  43. /*****************************************/
  44. #page_bg {
  45.     padding: 10px 0;
  46.     margin-bottom: 1px;
  47. }
  48.  
  49. div.center {
  50.   text-align: center;
  51. }
  52.  
  53. div#wrapper {
  54.     margin-left: auto;
  55.     margin-right: auto;
  56. }
  57.  
  58. body.width_medium div#wrapper {
  59.     width: 950px;
  60. }
  61.  
  62. body.width_small div#wrapper {
  63.     width: 773px;
  64. }
  65.  
  66. body.width_fmax div#wrapper {
  67.     min-width: 750px;
  68.     max-width: 1050px;
  69. }
  70.  
  71. div#header_l {
  72.     position: relative;
  73. }
  74.  
  75. div#header_r {
  76.     height: 112px;
  77.     padding-left: 370px;
  78.     padding-right: 30px;
  79.     padding-top: 25px;
  80.     overflow: hidden;
  81.     text-align: left;
  82. }
  83.  
  84. div#logo {
  85.     position: absolute;
  86.     left: 0;
  87.     top: 0;
  88.     float: left;
  89.     width: 910px;
  90.     height: 112px;
  91.     background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
  92.     margin-left: 20px;
  93.     margin-top: 25px;
  94. }
  95.  
  96. div#newsflash {
  97.     width: auto;
  98.     margin-left: 350px;
  99.     margin-right: 30px;
  100.     border: 1px solid #00f;
  101. }
  102.  
  103. div#tabarea {
  104.     background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x;
  105.     margin: 0 11px;
  106.  
  107. }
  108.  
  109. div#tabarea_l {
  110.     background: url(../images/mw_header_l_b.png) 0 0 no-repeat;
  111.     padding-left: 32px;
  112. }
  113.  
  114. div#tabarea_r {
  115.     height: 42px;
  116.     background: url(../images/mw_header_r_b.png) 100% 0 no-repeat;
  117.     padding-right: 1px;
  118. }
  119.  
  120. div#footer_r {
  121.     padding-top: 10px;
  122.     height: 47px;
  123.     overflow: hidden;
  124. }
  125.  
  126. div#footer_r div {
  127.     text-align: center;
  128.     font-size: .90em;
  129.     color: #aaa;
  130. }
  131.  
  132. div#footer_r a:link, div#footer_r a:visited  {
  133.     color: #999;
  134. }
  135.  
  136. div#footerspacer {
  137.     height: 10px;
  138. }
  139.  
  140. #pathway {
  141.     padding: 0px 10px 8px;
  142.     width: auto;
  143.     margin-top: -2px;
  144.     margin-right: 250px;
  145.     text-align: left;
  146. }
  147.  
  148. #search {
  149.     float: right;
  150.     width:320px;
  151.     margin-top: -20px;
  152.     margin-right: 30px;
  153.     height: 40px;
  154.     overflow: hidden;
  155.     text-align:right;
  156. }
  157.  
  158. #search input[type=text]:focus {
  159.     border-color: #09C; /* blue */
  160. }
  161.  
  162. form#searchForm {
  163.     background: #E5F1FD;
  164.     border: 1px #0C3A6D solid;
  165.     border-radius: 10px;
  166.     padding: 10px;
  167. }
  168.  
  169. form#searchForm input {
  170.     vertical-align: middle;
  171. }
  172.  
  173. form#searchForm table {
  174.     border-collapse: collapse;
  175. }
  176.  
  177. form#searchForm td {
  178.     padding:0;
  179. }
  180.  
  181. #mod_search_searchword {
  182.     padding-left: 3px;
  183. }
  184.  
  185. #area {
  186.     padding: 0;
  187. }
  188.  
  189. #whitebox {
  190.     margin: 0 21px 0px 21px;
  191.     background: #fff;
  192.     width: auto;
  193. }
  194.  
  195. #whitebox div {
  196.     text-align: left;
  197. }
  198.  
  199. #whitebox_t {
  200.     background: #fff url(../images/mw_content_t.png) 0 0 repeat-x;
  201. }
  202.  
  203. #whitebox_tl {
  204.     background: url(../images/mw_content_t_l.png) 0 0 no-repeat;
  205. }
  206.  
  207. #whitebox_tr {
  208.     height: 10px;
  209.     overflow: hidden;
  210.     background: url(../images/mw_content_t_r.png) 100% 0 no-repeat;
  211. }
  212.  
  213. #whitebox_m {
  214.     border-left: 1px solid #ccc;
  215.     border-right: 1px solid #ccc;
  216.     width: auto;
  217.     padding: 1px 8px;
  218. }
  219.  
  220. #whitebox_b {
  221.     margin-top: -5px;
  222.     background: url(../images/mw_content_b.png) 0 100% repeat-x;
  223. }
  224.  
  225. #whitebox_bl {
  226.     background: url(../images/mw_content_b_l.png) 0 100% no-repeat;
  227. }
  228.  
  229. #whitebox_br {
  230.     height: 13px;
  231.     background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
  232. }
  233.  
  234. /* horizontal pill menu */
  235. table.pill {
  236.   margin-left: auto;
  237.   margin-right: auto;
  238.   padding: 0;
  239. }
  240.  
  241. td.pill_l {
  242.   background: url(../images/mw_menu_cap_l.png) no-repeat;
  243.   width:  20px;
  244.   height: 32px;
  245.  
  246. }
  247.  
  248. td.pill_m {
  249.   background: url(../images/mw_menu_normal_bg.png) repeat-x;
  250.   padding: 0;
  251.   margin: 0;
  252.   width: auto;
  253. }
  254.  
  255. td.pill_r {
  256.   background: url(../images/mw_menu_cap_r.png) no-repeat;
  257.   width:  19px;
  258.   height: 32px;
  259. }
  260.  
  261. #pillmenu {
  262.   white-space: nowrap;
  263.   height: 32px;
  264.   float: left;
  265. }
  266.  
  267. #pillmenu ul {
  268.   margin: 0;
  269.   padding: 0;
  270.   list-style:none;
  271. }
  272.  
  273. #pillmenu li {
  274.     float: left;
  275.     background: url(../images/mw_menu_separator.png) top right no-repeat;
  276.     margin: 0;
  277.     padding: 0;
  278. }
  279.  
  280. #pillmenu a {
  281.   font-family: Arial, Helvetica, sans-serif;
  282.   font-size: 12px;
  283.   font-weight: bold;
  284.     float:left;
  285.   display:block;
  286.   height: 24px;
  287.   line-height: 24px;
  288.   padding: 0 20px;
  289.   color: #000;
  290.   text-decoration: none;
  291. }
  292.  
  293. #pillmenu a#active_menu-nav {
  294.     margin-top:2px;
  295.     height: 21px;
  296.     line-height: 21px;
  297.     background-position: 0 0;
  298. }
  299.  
  300. #leftcolumn {
  301.     padding: 0;
  302.     margin: 0;
  303.     width: 20%;
  304.     float:left;
  305. }
  306.  
  307. #myrightcolumndiv{
  308.     float:left;
  309.     padding: 0;
  310.     margin: 0;
  311.     width: 20%;
  312. }
  313.  
  314. /*
  315. #maincolumn,
  316. #maincolumn_full {
  317.     margin-left: 20%;
  318.     padding-left: 15px;
  319.     width: 80%;
  320. }
  321. */
  322.  
  323. #mycontent{
  324.    
  325.  
  326.    
  327. }
  328. .mydata{
  329.     float:left;
  330.     line-height:1.7em;
  331.     border-left: url('images/mw_line_grey.png');
  332. }
  333.  
  334. .mydata h2{
  335.     color: #135CAE;
  336.     font-family: Arial,Helvetica,sans-serif;
  337.     font-size: 1.3em;
  338.     font-weight: bold;
  339.     margin: 0 0 10px;
  340.     padding-left: 0;
  341.     text-align: left;
  342.    
  343.    
  344. }
  345.  
  346. #maincolumn{
  347.     float:left;
  348.     width: 57.5%;
  349.     padding-left:10px;
  350.     padding-right:10px;
  351. }
  352.  
  353. #maincolumn_full {
  354.     margin-left: 0;
  355.     padding: 0;
  356.     width: 97%;
  357.     padding-left:10px;
  358.     padding-right:10px;
  359. }
  360.  
  361. table.nopad {
  362.     width: 80%;
  363.     border-collapse: collapse;
  364.     padding: 0;
  365.     margin: 0;
  366.     margin-bottom: 15px;
  367. }
  368.  
  369. table.nopad td.middle_pad {
  370.     width: 20px;
  371. }
  372.  
  373. /*****************************************/
  374. /*** Joomla! specific content elements ***/
  375. /*****************************************/
  376.  
  377. div.offline {
  378.     background: #fffebb;
  379.     width: 100%;
  380.     position: absolute;
  381.     top: 0;
  382.     left: 0;
  383.     font-size: 1.2em;
  384.     padding: 5px;
  385. }
  386.  
  387. span.pathway {
  388.   display: block;
  389.   margin: 0 20px;
  390.   margin-left:80px;
  391.   height: 15px;
  392.   line-height: 15px;
  393.   overflow: hidden;
  394. }
  395.  
  396. /* headers */
  397. div.componentheading {
  398.   padding-left: 0px;
  399. }
  400.  
  401. h1 {
  402.     padding: 0;
  403.     font-family:Helvetica ,Arial,sans-serif;
  404.     font-size: 1.3em;
  405.     font-weight: bold;
  406.     vertical-align: bottom;
  407.     color: #666;
  408.     text-align: left;
  409.     width: 100%;
  410. }
  411.  
  412. h2, .contentheading {
  413.     padding: 0;
  414.     font-family: Arial, Helvetica,sans-serif;
  415.     font-size: 1.4em;
  416.     font-weight: normal;
  417.     vertical-align: bottom;
  418.     color: #333;
  419.     text-align: left;
  420.     width: 100%;
  421. }
  422.  
  423. table.contentpaneopen h3 {
  424.     margin-top: 25px;
  425. }
  426.  
  427. h4 {
  428.     font-family: Arial, Helvetica, sans-serif;
  429.     color: #333;
  430. }
  431.  
  432. h3, .componentheading, table.moduletable th, legend {
  433.     margin: 0;
  434.     font-weight: bold;
  435.     font-family: Helvetica,Arial,sans-serif;
  436.     font-size: 1.5em;
  437.     padding-left: 0px;
  438.     margin-bottom: 10px;
  439.     text-align: left;
  440. }
  441.  
  442. /* small text */
  443. .small {
  444.     font-size: .90em;
  445.     color: #999;
  446.     font-weight: normal;
  447.     text-align: left;
  448. }
  449.  
  450. .modifydate {
  451.   height: 20px;
  452.   vertical-align: bottom;
  453.     font-size: .90em;
  454.     color: #999;
  455.     font-weight: normal;
  456.     text-align: left;
  457. }
  458.  
  459. .createdate {
  460.     height: 20px;
  461.     vertical-align: top;
  462.     font-size: .90em;
  463.     color: #999;
  464.     font-weight: normal;
  465.     vertical-align: top;
  466.     padding-bottom: 5px;
  467.     padding-top: 0px;
  468.  
  469. }
  470.  
  471. a.readon {
  472.     margin-top: 10px;
  473.     display: block;
  474.     float: left;
  475.     background: url(../images/mw_readon.png) top right no-repeat;
  476.     padding-right: 20px;
  477.     line-height: 14px;
  478.     height: 16px;
  479. }
  480.  
  481. /* form validation */
  482. .invalid { border-color: #ff0000; }
  483. label.invalid { color: #ff0000; }
  484.  
  485.  
  486. /** overlib **/
  487.  
  488. .ol-foreground {
  489.     background-color: #f6f6f6;
  490. }
  491.  
  492. .ol-background {
  493.     background-color: #666;
  494. }
  495.  
  496. .ol-textfont {
  497.     font-family: Arial, Helvetica, sans-serif;
  498.     font-size: 10px;
  499. }
  500.  
  501. .ol-captionfont {
  502.     font-family: Arial, Helvetica, sans-serif;
  503.     font-size: 12px;
  504.     color: #f6f6f6;
  505.     font-weight: bold;
  506. }
  507. .ol-captionfont a {
  508.     color: #0B55C4;
  509.     text-decoration: none;
  510.     font-size: 12px;
  511. }
  512.  
  513. .ol-closefont {}
  514.  
  515. /* menu links */
  516. a.mainlevel:link, a.mainlevel:visited {
  517.     padding-left: 5px;
  518. }
  519.  
  520. a.mainlevel:hover {
  521.  
  522. }
  523.  
  524. /* spacers */
  525. span.article_separator {
  526.     display: block;
  527.     height: 20px;
  528. }
  529.  
  530. .article_column {
  531.     padding-right: 5px;
  532. }
  533.  
  534. .column_separator {
  535.     border-left: 1px dashed #e0e0e0;
  536.     padding-left: 10px;
  537. }
  538.  
  539. td.buttonheading {
  540.  
  541. }
  542.  
  543. td.buttonheading img {
  544.     border:none;
  545. }
  546.  
  547. .clr {
  548.     clear: both;
  549. }
  550.  
  551. td.greyline {
  552.   width: 20px;
  553.   background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
  554. }
  555.  
  556. div#maindivider {
  557.   border-top: 1px solid #ddd;
  558.   margin-bottom: 10px;
  559.   overflow: hidden;
  560.   height: 1px;
  561. }
  562.  
  563. table.blog span.article_separator {
  564.     display: block;
  565.     height: 20px;
  566. }
  567.  
  568. /* edit button */
  569. .contentpaneopen_edit{
  570.     float: left;
  571. }
  572.  
  573. /* table of contents */
  574. table.contenttoc {
  575.   margin: 5px;
  576.   border: 1px solid #ccc;
  577.   padding: 5px;
  578.   float: right;
  579. }
  580.  
  581. table.contenttoc td {
  582.   padding: 0 5px;
  583. }
  584.  
  585.  
  586. /* content tables */
  587. td.sectiontableheader {
  588.   background: #efefef;
  589.   color: #333;
  590.   font-weight: bold;
  591.   padding: 4px;
  592.   border-right: 1px solid #fff;
  593. }
  594.  
  595. tr.sectiontableentry0 td,
  596. tr.sectiontableentry1 td,
  597. tr.sectiontableentry2 td {
  598.   padding: 4px;
  599. }
  600.  
  601. td.sectiontableentry0,
  602. td.sectiontableentry1,
  603. td.sectiontableentry2 {
  604.   padding: 3px;
  605. }
  606.  
  607.  
  608. /* content styles */
  609. table.contentpaneopen, table.contentpane {
  610.     margin: 0;
  611.     padding: 0;
  612.     width: 100%;
  613. }
  614.  
  615. table.contentpaneopen li {
  616.     margin-bottom: 5px;
  617. }
  618.  
  619. table.contentpaneopen fieldset {
  620.     border: 0;
  621.     border-top: 1px solid #ddd;
  622. }
  623.  
  624. table.contentpaneopen h3 {
  625.     margin-top: 25px;
  626. }
  627.  
  628. table.contentpaneopen h4 {
  629.     font-family: Arial, Helvetica, sans-serif;
  630.     color: #333;
  631. }
  632.  
  633. .highlight {
  634.     background-color: #fffebb;
  635. }
  636.  
  637. /* module control elements */
  638. table.user1user2 div.moduletable {
  639.     margin-bottom: 0px;
  640. }
  641.  
  642. div.moduletable, div.module {
  643.   margin-bottom: 25px;
  644. }
  645.  
  646. div.module_menu h3 {
  647.     font-family: Helvetica, Arial, sans-serif;
  648.     font-size: 12px;
  649.     font-weight: bold;
  650.     color: #eee;
  651.     margin: -23px -4px 5px -5px;
  652.     padding-left: 10px;
  653.     padding-bottom: 2px;
  654. }
  655.  
  656. div.module_menu {
  657.     margin: 0;
  658.     padding: 0;
  659.     margin-bottom: 15px;
  660. }
  661.  
  662. div.module_menu div div div {
  663.     padding: 10px;
  664.     padding-top: 30px;
  665.     padding-bottom: 15px;
  666.     width: auto;
  667. }
  668.  
  669. div.module_menu div div div div {
  670.     background: none;
  671.     padding: 0;
  672. }
  673.  
  674. div.module_menu ul {
  675.     margin: 10px 0;
  676.     padding-left: 10px;
  677.     list-style:none;   
  678. }
  679.  
  680. div.module_menu ul li{
  681.     margin-bottom:10px;
  682.     line-height:1.5em;
  683. }
  684.  
  685. div.module_menu ul li a{
  686.     text-decoration:none;
  687. }
  688.  
  689. div.module_menu ul li a:hover{
  690.     text-decoration:none;
  691.     color:#ccc;
  692. }
  693.  
  694. div.module_menu ul li a:link, div.module_menu ul li a:visited {
  695.     font-weight: bold;
  696. }
  697.  
  698. #leftcolumn div.module {
  699.     padding: 0 10px;
  700. }
  701.  
  702. #leftcolumn div.module table {
  703.     width: auto;
  704. }
  705.  
  706. /* forms */
  707. table.adminform textarea {
  708.   width: 540px;
  709.   height: 400px;
  710.   font-size: 1em;
  711.   color: #000099;
  712. }
  713.  
  714. div.search input {
  715.     width: 145px;
  716.     border: 1px solid #ccc;
  717.     margin: 15px 0 10px 0;
  718. }
  719.  
  720. form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
  721. form#form-login ul { padding-left: 20px; }
  722.  
  723. form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
  724. form#com-form-login ul { padding-left: 20px; }
  725.  
  726. /* thumbnails */
  727. div.mosimage         {  margin: 5px; }
  728. div.mosimage_caption {  font-size: .90em; color: #666; }
  729.  
  730. div.caption       { padding: 0 10px 0 10px; }
  731. div.caption img   { border: 1px solid #CCC; }
  732. div.caption p     { font-size: .90em; color: #666; text-align: center; }
  733.  
  734. div.img_caption       { padding: 0 10px 0 10px; }
  735. div.img_caption img   { border: 1px solid #CCC; }
  736. div.img_caption p     { font-size: .90em; color: #666; text-align: center; }
  737.  
  738. /* Parameter Table */
  739. table.paramlist {
  740.     margin-top: 5px;
  741. }
  742.  
  743. table.paramlist td.paramlist_key {
  744.     width: 128px;
  745.     text-align: left;
  746.     height: 30px;
  747. }
  748.  
  749. table.paramlist td.paramlist_value {
  750. }
  751.  
  752. div.message {
  753.     font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
  754.     font-weight: bold;
  755.     font-size : 14px;
  756.     color : #c30;
  757.     text-align: center;
  758.     width: auto;
  759.     background-color: #f9f9f9;
  760.     border: solid 1px #d5d5d5;
  761.     margin: 3px 0px 10px;
  762.     padding: 3px 20px;
  763. }
  764.  
  765. /* Banners module */
  766.  
  767. /* Default skyscraper style */
  768. .bannergroup {
  769. }
  770.  
  771. .banneritem img {
  772.     display: block;
  773.     margin-left: auto;
  774.     margin-right: auto;
  775. }
  776.  
  777. /* Text advert style */
  778.  
  779. .banneritem_text {
  780.     padding: 4px;
  781.     font-size: 11px;
  782. }
  783.  
  784. .bannerfooter_text {
  785.     padding: 4px;
  786.     font-size: 11px;
  787.     background-color: #F7F7F7;
  788.     text-align: right;
  789. }
  790.  
  791. /* System Messages */
  792. /* see system general.css */
  793.  
  794. .pagination span { padding: 2px; }
  795. .pagination a    { padding: 2px; }
  796.  
  797. /* Polls */
  798. .pollstableborder td {
  799.     text-align: left;
  800. }
  801.  
  802. /* WebLinks */
  803. span.description {
  804.     display:block;
  805.     padding-left: 30px;
  806. }
  807.  
  808. /* Frontend Editing*/
  809. fieldset {
  810.     border: 1px solid #ccc;
  811.     margin-top: 15px;
  812.     padding: 15px;
  813. }
  814.  
  815. legend {
  816.     margin: 0;
  817.     padding: 0 10px;
  818. }
  819.  
  820. td.key {
  821.     border-bottom:1px solid #eee;
  822.     color: #666;
  823. }
  824.  
  825. /* Tooltips */
  826.  
  827. .tool-tip {
  828.     float: left;
  829.     background: #ffc;
  830.     border: 1px solid #D4D5AA;
  831.     padding: 5px;
  832.     max-width: 200px;
  833. }
  834.  
  835. .tool-title {
  836.     padding: 0;
  837.     margin: 0;
  838.     font-size: 100%;
  839.     font-weight: bold;
  840.     margin-top: -15px;
  841.     padding-top: 15px;
  842.     padding-bottom: 5px;
  843.     background: url(../../system/images/selector-arrow.png) no-repeat;
  844. }
  845.  
  846. .tool-text {
  847.     font-size: 100%;
  848.     margin: 0;
  849. }
  850.  
  851. /* System Standard Messages */
  852. #system-message { margin-bottom: 20px; }
  853.  
  854. #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
  855.  
  856. /* System Error Messages */
  857. #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
  858.  
  859. /* System Notice Messages */
  860. #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
  861.  
  862. #syndicate{
  863.     float:left;
  864.     padding-left: 25px;
  865. }
  866.  
  867. #power_by{
  868.     float:right;
  869.     padding-right: 25px;
  870. }
  871.  
  872. /* Component Specific Fixes */
  873.  
  874. #component-contact table td {
  875.     padding: 2px 0;
  876. }
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!