API tools faq
paste
Advertisement
Guest User

default.css

a guest
Jul 29th, 2014
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.46 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.  
  3. CSS Credit: http://www.templatemo.com
  4.  
  5. */
  6.  
  7.  
  8.  
  9. body {
  10.  
  11.     margin: 0;
  12.  
  13.     padding: 0;
  14.  
  15.     line-height: 1.5em;
  16.  
  17.     font-family: Arial, Helvetica, sans-serif;
  18.  
  19.     font-size: 12px;
  20.  
  21.     color: #999;
  22.  
  23.     background: #272525 url(../images/templatemo_top_bg.jpg) repeat-x;
  24.  
  25. }
  26.  
  27.  
  28.  
  29. a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
  30.  
  31. a:active, a:hover { color: #99FF00; text-decoration: underline; }
  32.  
  33.  
  34.  
  35. p {
  36.  
  37.     margin: 0px;
  38.  
  39.     padding: 0px;
  40.  
  41.     text-align: justify;
  42.  
  43. }
  44.  
  45.  
  46.  
  47. img {
  48.  
  49.     margin: 0px;
  50.  
  51.     padding: 0px;
  52.  
  53.     border: none;
  54.  
  55. }
  56.  
  57.  
  58.  
  59. .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
  60.  
  61.  
  62.  
  63. .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px; }
  64.  
  65. .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px; }
  66.  
  67. .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px; }
  68.  
  69. .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px; }
  70.  
  71. .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px; }
  72.  
  73. .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px; }
  74.  
  75.  
  76.  
  77. .margin_right_10 { margin-right: 10px; }
  78.  
  79. .margin_right_60 { margin-right: 60px; }
  80.  
  81.  
  82.  
  83. .horizontal_divider {
  84.  
  85.     background: url(../images/templatemo_horizontal_divider.jpg) bottom repeat-x;
  86.  
  87. }
  88.  
  89.  
  90.  
  91. .border_bottom {
  92.  
  93.     border-bottom: 1px dashed #000;
  94.  
  95. }
  96.  
  97.  
  98.  
  99. .fl {
  100.  
  101.     float: left;
  102.  
  103. }
  104.  
  105.  
  106.  
  107. .fr {
  108.  
  109.     float: right;
  110.  
  111. }
  112.  
  113.  
  114.  
  115. .rc_btn_01 a {
  116.  
  117.     clear: both;
  118.  
  119.     display: block;
  120.  
  121.     width: 120px;
  122.  
  123.     height: 25px;
  124.  
  125.     padding: 5px 0 0 0;
  126.  
  127.     font-size: 12px;
  128.  
  129.     text-align: center;
  130.  
  131.     color: #000000;
  132.  
  133.     text-decoration: none;
  134.  
  135.     border: none;
  136.  
  137.     background: url(../images/templatemo_button_01.png) no-repeat;
  138.  
  139. }
  140.  
  141.  
  142.  
  143. #templatemo_wrapper_outer {
  144.  
  145.     width: 100%;
  146.  
  147.     margin: 0 auto;
  148.  
  149. }
  150.  
  151.  
  152.  
  153. #templatemo_wrapper_inner {
  154.  
  155.     width: 980px;
  156.  
  157.     margin: 0 auto;
  158.  
  159.     padding: 0 5px;
  160.  
  161.     background: url(../images/templatemo_wrapper_bg.png) repeat-y;
  162.  
  163. }
  164.  
  165.  
  166.  
  167. #templatemo_banner {
  168.  
  169.     width: 980px;
  170.  
  171.     height: 250px;
  172.  
  173.     background: url(../images/templatemo_banner_bg_blank.jpg) no-repeat;
  174.  
  175. }
  176.  
  177.  
  178.  
  179. /* menu */
  180.  
  181.  
  182.  
  183. #templatemo_menu {
  184.  
  185.     clear: both;
  186.  
  187.     width: 500px;
  188.  
  189.     height: 65px;
  190.  
  191.     padding: 0 240px;
  192.  
  193.     background: url(../images/templatemo_menu_bg.jpg) no-repeat;
  194.  
  195. }
  196.  
  197.  
  198.  
  199. #templatemo_menu ul {
  200.  
  201.     width: 500px;
  202.  
  203.     margin: 0px;
  204.  
  205.     padding: 20px 0 0 15px;
  206.  
  207.     list-style: none;
  208.  
  209.    
  210.  
  211. }
  212.  
  213.  
  214.  
  215. #templatemo_menu ul li {
  216.  
  217.     display: inline;
  218.  
  219. }
  220.  
  221.  
  222.  
  223. #templatemo_menu ul li a {
  224.  
  225.     float: left;
  226.  
  227.     padding: 0 20px;
  228.  
  229.     text-align: center;
  230.  
  231.     font-size: 12px;
  232.  
  233.     text-align: center;
  234.  
  235.     text-decoration: none;
  236.  
  237.     color: #999999;
  238.  
  239.     font-weight: bold;
  240.  
  241. }
  242.  
  243.  
  244.  
  245. #templatemo_menu li a:hover, #templatemo_menu li .current {
  246.  
  247.     color: #ffffff;
  248.  
  249. }
  250.  
  251. /* end of menu*/
  252.  
  253.  
  254.  
  255. #templatemo_content_wrapper {
  256.  
  257.     clear: both;
  258.  
  259.     width: 960px;
  260.  
  261.     padding: 10px;
  262.  
  263. }
  264.  
  265.  
  266.  
  267. .templatemo_content {
  268.  
  269.     float: right;
  270.  
  271.     width: 675px;
  272.  
  273.     padding: 20px 19px 0 19px;
  274.  
  275.     background: #1b1919;
  276.  
  277.     border: 1px solid #363434;
  278.  
  279. }
  280.  
  281.  
  282.  
  283. .header_01 {
  284.  
  285.     padding: 0 0 5px 0;
  286.  
  287.     margin: 0 0 10px 0;
  288.  
  289.     font-size: 14px;
  290.  
  291.     font-weight: bold;
  292.  
  293.     color: #ffffff;
  294.  
  295.     /*color: #e40b0b;*/
  296.  
  297. }
  298.  
  299.  
  300.  
  301.  
  302.  
  303. .header_02 {
  304.  
  305.     padding: 0 0 5px 0;
  306.  
  307.     margin: 0 0 10px 0;
  308.  
  309.     font-size: 18px;
  310.  
  311.     font-weight: bold;
  312.  
  313.     color: #ffffff;
  314.  
  315.     /*color: #e40b0b;*/
  316.  
  317. }
  318.  
  319.  
  320.  
  321. .header_03 {
  322.  
  323.     padding: 0 0 5px 0;
  324.  
  325.     font-size: 12px;
  326.  
  327.     font-weight: bold;
  328.  
  329.     color: #ffffff;
  330.  
  331.     /*color: #99be29;*/
  332.  
  333. }
  334.  
  335.  
  336.  
  337. .header_03 a { color: #ffffff; text-decoration: none; }
  338.  
  339. .header_03 a:hover { color: #99FF00; }
  340.  
  341.  
  342.  
  343. .templatemo_side_bar {
  344.  
  345.     float: left;
  346.  
  347.     width: 180px;
  348.  
  349.     padding: 20px 19px 0 19px;
  350.  
  351.     background: #1b1919;
  352.  
  353.     border: 1px solid #363434; 
  354.  
  355. }
  356.  
  357.  
  358.  
  359. .templatemo_side_bar ul {
  360.  
  361.     margin: 0px;
  362.  
  363.     padding: 0px;
  364.  
  365. }
  366.  
  367.  
  368.  
  369. .templatemo_side_bar ul li {
  370.  
  371.     margin: 0px;
  372.  
  373.     padding: 0 0 0 0;
  374.  
  375.     margin-bottom: 5px;
  376.  
  377.     border-left: 5px solid #000;
  378.  
  379.     list-style: none;
  380.  
  381. }
  382.  
  383.  
  384.  
  385. .templatemo_side_bar ul li a {
  386.  
  387.     display: block;
  388.  
  389.     background: #242224;
  390.  
  391.     padding: 5px 0 5px 10px;
  392.  
  393.     color: #b5b1b1;
  394.  
  395.     text-decoration: none;
  396.  
  397. }
  398.  
  399.  
  400.  
  401. .templatemo_side_bar ul li a:hover {
  402.  
  403.     color: #ffffff;
  404.  
  405.     background: #000;
  406.  
  407. }
  408.  
  409.  
  410.  
  411. .templatemo_side_bar form {
  412.  
  413.     margin: 0px;
  414.  
  415.     padding: 0px;
  416.  
  417. }
  418.  
  419.  
  420.  
  421. #search_field {
  422.  
  423.     padding: 5px 0 0 0;
  424.  
  425.     height: 20px;
  426.  
  427.     width: 175px;
  428.  
  429.     margin-bottom: 10px;
  430.  
  431. }
  432.  
  433.  
  434.  
  435. #search_button {
  436.  
  437.     float: right;
  438.  
  439.     width: 120px;
  440.  
  441.     height: 30px;
  442.  
  443.     padding: 0;
  444.  
  445.     margin: 0;
  446.  
  447.     cursor: pointer;
  448.  
  449.     font-size: 12px;
  450.  
  451.     text-align: center;
  452.  
  453.     white-space: pre;
  454.  
  455.     background: url(../images/templatemo_button_02.png) no-repeat;
  456.  
  457.     color: #000000;
  458.  
  459.     border: none;
  460.  
  461. }
  462.  
  463.  
  464.  
  465. .content_section {
  466.  
  467.     clear: both;
  468.  
  469.     padding: 0 0 0 0;
  470.  
  471. }
  472.  
  473.  
  474.  
  475. .content_section p span {
  476.  
  477.     color: #ffffff;
  478.  
  479. }
  480.  
  481.  
  482.  
  483. .image_wrapper_01 {
  484.  
  485.     float: left;
  486.  
  487.     position: relative;
  488.  
  489.     margin: 3px 20px 0 0;
  490.  
  491.     background: #131212;
  492.  
  493.     padding: 4px;
  494.  
  495. }
  496.  
  497.  
  498.  
  499. .image_wrapper_01 img {
  500.  
  501.     border: 1px solid #363434;
  502.  
  503. }
  504.  
  505.  
  506.  
  507. /*
  508.  
  509. .image_wrapper_02 {
  510.  
  511.     float: right;
  512.  
  513.     position: relative;
  514.  
  515.     margin: 3px 0 3px 0 20px;
  516.  
  517.     background: #131212;
  518.  
  519.     padding: 4px;
  520.  
  521. }
  522.  
  523.  
  524.  
  525. .image_wrapper_02 img {
  526.  
  527.     border: 1px solid #363434;
  528.  
  529. */
  530.  
  531. }
  532.  
  533.  
  534.  
  535.  
  536.  
  537. .image_wrapper_03 {
  538.  
  539.     float: left;
  540.  
  541.     position: relative;
  542.  
  543.     margin: 3px 20px 0 0;
  544.  
  545.     background: #131212;
  546.  
  547.     padding: 4px;
  548.  
  549. }
  550.  
  551.  
  552.  
  553. .image_wrapper_03 img {
  554.  
  555.     border: 3px solid #363434;
  556.  
  557. }
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565. .image_wrapper_02 {
  566.  
  567.     float: right;
  568.  
  569.     position: relative;
  570.  
  571.     margin: 0 0 10px 0;
  572.  
  573.     background: #131212;
  574.  
  575.     padding: 4px;
  576.  
  577. }
  578.  
  579.  
  580.  
  581. .image_wrapper_02 span {
  582.  
  583.     position: absolute;
  584.  
  585.     width: 20px;
  586.  
  587.     height: 20px;
  588.  
  589.     bottom: 10px;
  590.  
  591.     right: 10px;
  592.  
  593.     background: url(../images/templatemo_play_icon.jpg) no-repeat;
  594.  
  595. }
  596.  
  597.  
  598.  
  599. .image_wrapper_02:hover span {
  600.  
  601.     background: url(../images/templatemo_play_icon_hover.jpg) no-repeat;
  602.  
  603. }
  604.  
  605.  
  606.  
  607. .image_wrapper_02 img {
  608.  
  609.     border: 1px solid #363434;
  610.  
  611. }
  612.  
  613.  
  614.  
  615. .image_wrapper img {
  616.  
  617.     border: 1px solid #363434;
  618.  
  619. }
  620.  
  621.  
  622.  
  623. .latest_news {
  624.  
  625.     clear: both;
  626.  
  627.     padding-bottom: 10px;
  628.  
  629. }
  630.  
  631.  
  632.  
  633. #templatemo_footer {
  634.  
  635.     clear: both;
  636.  
  637.     width: 990px;
  638.  
  639.     height: 40px;
  640.  
  641.     margin: 0 auto;
  642.  
  643.     padding: 20px 0 0 0;
  644.  
  645.     text-align: center;
  646.  
  647.     background: url(../images/templatemo_footer.jpg) no-repeat;
  648.  
  649. }
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659. /*  Form styles  */
  660.  
  661. .login_input {
  662.  
  663.     width: 175px;
  664.  
  665.     margin-bottom: 4px;
  666.  
  667. }
  668.  
  669.  
  670.  
  671. .number_input {
  672.  
  673.     width: 50px;
  674.  
  675.     margin-bottom: 4px;
  676.  
  677. }
  678.  
  679.  
  680.  
  681. .wide_text_input {
  682.  
  683.     width: 300px;
  684.  
  685.     margin-bottom: 4px;
  686.  
  687. }
  688.  
  689.  
  690.  
  691. .small_area_input {
  692.  
  693.     width: 300px;
  694.  
  695.     height: 100px;
  696.  
  697.     margin-bottom: 4px;
  698.  
  699. }
  700.  
  701.  
  702.  
  703. .medium_area_input {
  704.  
  705.     width: 300px;
  706.  
  707.     height: 200px;
  708.  
  709.     margin-bottom: 4px;
  710.  
  711. }
  712.  
  713.  
  714.  
  715. .large_area_input {
  716.  
  717.     width: 300px;
  718.  
  719.     height: 300px;
  720.  
  721.     margin-bottom: 4px;
  722.  
  723. }
  724.  
  725.  
  726.  
  727. .form_errors {
  728.  
  729.     color: #FF0000;
  730.  
  731. }
  732.  
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740.  
  741. #left_menu ul li .left_side_bar_current{
  742.  
  743.     color: #ffffff;
  744.  
  745.     background: #000;
  746.  
  747. }
  748.  
  749.  
  750.  
  751.  
  752.  
  753. .rc_btn_01_no_clear a {
  754.  
  755.     display: block;
  756.  
  757.     width: 120px;
  758.  
  759.     height: 25px;
  760.  
  761.     padding: 5px 0 0 0;
  762.  
  763.     font-size: 12px;
  764.  
  765.     text-align: center;
  766.  
  767.     color: #000000;
  768.  
  769.     text-decoration: none;
  770.  
  771.     border: none;
  772.  
  773.     background: url(../images/templatemo_button_01.png) no-repeat;
  774.  
  775. }
  776.  
  777.  
  778.  
  779.  
  780.  
  781. .checkbox-grid li {
  782.  
  783.     display: block;
  784.  
  785.     float: left;
  786.  
  787.     width: 25%;
  788.  
  789. }
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!