Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 9th, 2012  |  syntax: CSS  |  size: 6.79 KB  |  hits: 14  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2.         Default Styles
  3. */
  4.  
  5. * { margin: 0; padding: 0; outline: 0; }
  6. body { font: 12px/14px Arial,sans-serif; color: #3a3a3a; text-align: left; background: #cad8e3 url(images/background.gif) repeat-x 0 0; padding-top: 10px; }
  7.  
  8. a { color: #ffc50c; text-decoration: none; }
  9. a:hover { cursor: pointer; text-decoration: underline; }
  10. a img { border: 0; }
  11.  
  12. .fl { float: left; display: inline; }
  13. .fr { float: right; display:inline; }
  14. .ac { text-align: center; }
  15. .ar { text-align: right; }
  16. .al { text-align: left; }
  17. .cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
  18. .hidden { display: none; }
  19. .notext { font-size: 0; line-height: 0; text-indent: -4000px; }
  20. .shell { width: 980px; margin: 0 auto; p}
  21.  
  22. .box { margin-bottom: 10px; }
  23. .box .cnt { height: 100%; background: #fff; padding: 5px 10px; }
  24. .box .bottom { background: url(images/box-bottom.gif) no-repeat 0 0; height: 3px; }
  25. .box .top {
  26.         background: url(images/box-top.gif) no-repeat 0 0;
  27.         height: 4px;
  28.         font-size: 0;
  29.         line-height: 0;
  30.         text-indent: -4000px;
  31. }
  32.  
  33. /*
  34.         Header
  35. */
  36.  
  37. #header { background: url(images/header-bg.gif) repeat-x 0 0; height: 104px; }
  38.  
  39. h1#logo { height: 52px; width: 284px; margin: 30px 0 0 17px; }
  40. h1#logo a { display: block; height: 52px; background: url(images/logo.png); text-indent: -4000px; }
  41.  
  42. .a-side-header { float: right; display: inline; width: 220px; font-size: 11px; color: #8f8f8f; line-height: 20px; padding-top: 10px; }
  43. .a-side-header a:hover { text-decoration: none; }
  44. .a-side-header span { line-height: 25px; }
  45.  
  46. .a-side-header span.sep {
  47.         float: left;
  48.         display: inline;
  49.         height: 25px;
  50.         width: 1px;
  51.         background: #ebebeb;
  52.         position: relative;
  53.         margin: 0 5px;
  54. }
  55.  
  56. .a-side-header .lang {
  57.         float: left;
  58.         display: inline;
  59.         height: 20px;
  60.         width: 72px;
  61.         background: url(images/lang-bg.gif) no-repeat 0 0;
  62.         padding-left: 7px;
  63.         font-size: 10px;
  64.         line-height: 20px;
  65.         color: #4d4d4d;
  66.         margin: 3px 5px 0;
  67. }
  68.  
  69. .a-side-header .sitemap {
  70.         float: left;
  71.         display: inline;
  72.         color: #8f8f8f;
  73.         background: url(images/icon-sitemap.gif) no-repeat 0 center;
  74.         padding-left: 14px;
  75.         line-height: 25px;
  76. }
  77.  
  78. /*
  79.         Navigation
  80. */
  81.  
  82.  
  83. #navigation {
  84.         height: 32px;
  85.         background: url(images/navigation.gif) no-repeat 0 0;
  86.         padding-top: 4px;
  87.         margin: 5px;
  88. }
  89.  
  90. #navigation ul {
  91.         list-style: none outside;
  92.         float: left;
  93.         display: inline;
  94.         width: 100%;
  95.         margin-left: 4px;
  96. }
  97.  
  98. #navigation li {
  99.         float: left;
  100.         display: inline;
  101.         height: 28px;
  102.         margin-right: 5px;
  103. }
  104.  
  105. #navigation li a {
  106.         float: left;
  107.         display: inline;
  108.         height: 28px;
  109.         width: 84px;
  110.         padding-right: 10px;
  111.         background: url(images/nav-bg.gif) no-repeat 0 0;
  112.         text-align: center;
  113.         font-size: 10px;
  114.         text-transform: uppercase;
  115.         line-height: 28px;
  116.         color: #616b63;
  117. }
  118.  
  119. #navigation li a:hover,
  120. #navigation li a.active {
  121.         background-position: -94px 0;
  122.         text-decoration: none;
  123. }
  124.  
  125. #search {
  126.         float: left;
  127.         width: 70px;
  128.         height: 25px;
  129. }
  130.  
  131. #search .field {
  132.         font-size: 10px;
  133.         float: left;
  134.         display: inline; margin: 6px 0 0 5px;
  135.         width: 120px;
  136.         border: 0;
  137.         background: none;
  138.         color: #616b63;
  139. }
  140.  
  141. #search .btn {
  142.         float: right;
  143.         display: inline;
  144.         height: 13px;
  145.         width: 12px;
  146.         background: url(images/icon-search.gif) no-repeat 0 0;
  147.         border: 0;
  148.         margin: 6px 7px 0 0;
  149.         cursor: pointer;
  150. }
  151.  
  152. .column { float: left; display: inline; width: 310px; }
  153.  
  154. .middle-col { margin: 0 15px; }
  155.  
  156. .service {
  157.         width: 280px;
  158.         height: 164px;
  159.         padding: 7px 15px;
  160. }
  161.  
  162. .service p {
  163.         text-align: center;
  164.         color: #fff;
  165.         font-size: 11px;
  166.         line-height: 15px;
  167.         padding: 5px 0;
  168. }
  169.  
  170. .service .more {
  171.         display: block;
  172.         height: 28px;
  173.         width: 113px;
  174.         text-align: center;
  175.         background: url(images/button-lrn-more.png) no-repeat 0 0;
  176.         color: #5d5d5d;
  177.         font-size: 13px;
  178.         line-height: 28px;
  179.         margin: 7px auto;
  180. }
  181.  
  182. /*
  183.         Red Box
  184. */
  185.  
  186. .red-box { background: url(images/red-box.gif) no-repeat 0 0; }
  187. .red-box h2 { height: 57px; }
  188. .red-box h2 span {
  189.         display: block;
  190.         height: 21px;
  191.         background: url(images/h2-finance.png) no-repeat 0 0;
  192.         margin-left: 40px;
  193.         position: relative;
  194.         top: 15px;
  195. }
  196.  
  197. /*
  198.         Orange Box
  199. */
  200.  
  201. .orange-box { background: url(images/orange-box.gif) no-repeat 0 0; }
  202. .orange-box h2 { height: 57px; }
  203. .orange-box h2 span {
  204.         display: block;
  205.         height: 26px;
  206.         background: url(images/h2-business.png) no-repeat 0 0;
  207.         margin-left:47px;
  208.         position: relative;
  209.         top: 15px;
  210. }
  211.  
  212. /*
  213.         Green Box
  214. */
  215.  
  216. .green-box { background: url(images/green-box.gif) no-repeat 0 0; }
  217. .green-box h2 { height: 57px; }
  218. .green-box h2 span {
  219.         display: block;
  220.         height: 26px;
  221.         background: url(images/h2-project.png) no-repeat 0 0;
  222.         margin-left: 48px;
  223.         position: relative;
  224.         top: 15px;
  225. }
  226.  
  227. /*
  228.         Latest News
  229. */
  230.  
  231. .latest-news { height: 100%; background: url(images/latest-news-bg.gif) repeat-y 0 0; }
  232. .latest-news .latest-bottom { background: url(images/latest-news-bottom.gif) no-repeat 0 bottom; }
  233. .latest-news .latest-top { background: url(images/latest-news-top.gif) no-repeat 0 top; padding: 7px; }
  234.  
  235. .latest-news h2 {
  236.         font: 22px/22px "Trebuchet MS", Arial, sans-serif;
  237.         color: #404040;
  238.         margin-bottom: 10px;
  239.         padding-left: 10px;
  240. }
  241.  
  242. .latest-news .news {
  243.         padding: 10px 5px;
  244.         background: url(images/latest-news-separator.gif) repeat-x 0 bottom;
  245.         margin: 0 5px;
  246. }
  247.  
  248. .latest-news .news small {
  249.         display: block;
  250.         color: #c04226;
  251.         font-size: 11px;
  252.         margin-bottom: 3px;
  253. }
  254.  
  255. .latest-news .news p { line-height: 15px; color: #5a5a5a; }
  256.  
  257. .latest-news .actions {
  258.         float: right;
  259.         display: inline;
  260.         background: url(images/latest-news-actions.gif) no-repeat 0 bottom;
  261.         line-height: 12px;
  262.         padding-left: 15px;
  263.         color: #c24426;
  264.         text-decoration: underline;
  265.         margin:  10px 5px 5px 5px;
  266. }
  267.  
  268. .latest-news .actions:hover { text-decoration: none; }
  269.  
  270.  
  271. /*
  272.         Other News
  273. */
  274.  
  275. .post { padding: 5px 0 5px 10px; }
  276. .post h2 { font: 20px "Trebuchet MS", Arial, sans-serif; color: #404040; margin-bottom: 7px; }
  277. .post h2 span { color: #be3f24; }
  278. .post p { padding-bottom: 10px; }
  279.  
  280. .post .more {
  281.         display: block;
  282.         height: 11px;
  283.         background: url(images/latest-news-actions.gif) no-repeat 0 0;
  284.         padding-left: 15px;
  285.         line-height: 11px;
  286.         font-size: 11px;
  287.         color: #c24426;
  288.         text-decoration: underline;
  289. }
  290.  
  291. .post .more:hover { text-decoration: none; }
  292. .post ul { list-style: none outside; padding: 20px 0 0 0; }
  293.  
  294. .post li {
  295.         background: url(images/latest-news-actions.gif) no-repeat 0 2px;
  296.         padding-left: 15px;
  297.         padding-bottom: 5px;
  298. }
  299.  
  300. .post li a {
  301.         font-size: 11px;
  302.         line-height: 11px;
  303.         color: #c24426;
  304.         text-decoration: underline;
  305. }
  306.  
  307. .post li a:hover { text-decoration: none; }
  308.  
  309.  
  310. /*
  311.         Footer
  312. */
  313.  
  314. #footer { padding: 10px 0; font-size: 10px; }
  315. #footer a { color: #3a3a3a; text-decoration: underline; }
  316. #footer a:hover { text-decoration: none; }
create a new version of this paste RAW Paste Data