API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 9th, 2011
264
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.04 KB | None | 0 0
raw download clone embed print report
  1.  
  2. * {
  3.     padding:0;
  4.     margin:0;
  5. }
  6. body {
  7.     font: 12px tahoma, verdana, arial, sans-serif;
  8.     background: #cfd2cf;
  9. }
  10.  
  11. a { font-weight: bold; color:#b90d23; outline: none; text-decoration: none; }
  12. a:hover { color:#abbe09; text-decoration: underline; }
  13. img, a img { border:none; }
  14.  
  15. /********************/
  16. /*     TABLES       */
  17. /********************/
  18. #pageLayuot { width: 1000px; margin: 0px auto; }
  19.  
  20. /* Header */
  21. #header { width: 1000px; height: 80px; background: url(images/header.png) no-repeat top center; margin: 0 auto; }
  22.  
  23. /* header top area */
  24. #headerTop { width: 1000px; height: 35px; margin: 0 auto; padding: 0; }
  25.  
  26. /* Search */
  27. .searchArea { float: left; width: 500px; padding: 23px 0 0 10px; }
  28. .search_bg {
  29.   float: left;
  30.   width: 155px;
  31.   height: 25px;
  32.   background: url(images/search_bg.png) no-repeat top left;
  33.   margin: 0;
  34.   padding: 1px 0 0 8px;
  35.   border: 0;
  36.   font: 14px tahoma, verdana, arial, sans-serif;
  37.   color: #6b6b6b;
  38.   text-align: left;
  39. }
  40.  
  41. /* clock */
  42. .clockArea {
  43.   float: right;
  44.   width: 500px;
  45.   height: 35px;
  46.   margin: -58px 10px 0 0;
  47.   padding: 0;
  48.   font: 11px tahoma, verdana, arial, sans-serif;
  49.   color: #fab07a;
  50.   text-align: right;
  51. }
  52.  
  53. /* Sitename, Sitetag */
  54. #siteData { padding: 80px 0 0 0; }
  55. .siteName { font: 32px tahoma, verdana, arial, sans-serif; color:#d4d4d4; padding: 0 0 0 90px; }
  56. .siteName a:link, .siteName a:visited { text-decoration: none; color: #d4d4d4; }
  57. .siteName a:hover { text-decoration: none; color:#CC0000; }
  58. .siteTag { display: block; font: 16px tahoma, verdana, arial, sans-serif; color: #9d9d9d; padding: 0 0 0 90px; }
  59.  
  60. /* content */
  61. #contentLayout { overflow: hidden; width: 1000px; margin: 0 auto; padding: 0; background: #cfd2cf; }
  62. #leftMenu { float: left; width: 170px; margin: 15px; padding: 0; text-align: left; background: #cfd2cf; }
  63. #news { float:left; width: 600px; margin: 20px 0; padding: 0; text-align: left; background: #c1c8c1; }
  64. #rightMenu { float: left; width: 170px; margin: 15px; padding: 0; text-align: left; background: #cfd2cf; }
  65.  
  66. /* THE FOLLOWING AREA ONLY DEALS WITH THE GRAPHICS FOR THE RANDOM NEWS AND MENU BLOCKS.
  67.  * DO NOT MODIFY THESE UNLESS YOU ARE CHANGING THE GRAPHIC.  TO CHANGE OTHER CHARACTERISTICS
  68.  * JUST USE THE SAME NAME OF THE STYLE ABOVE (BE CAREFUL YOU DO NOT OVERWRITE THESE ATTRIBUTES
  69.  * THOUGH.
  70. */
  71.  
  72. /* THE NEXT FEW STYLES EFFECT THE CAPTIONS */
  73.  
  74. /* MENUS (CAPTION AREA) */
  75. /* Menus Titles, Captions Backgrounds */
  76. /* red - dimensions (210, 50) */
  77. .menuTitle_1_bg { background: url(images/red_menuheader.gif) no-repeat top left; width: 170px; height: 22px; }  
  78. /* green - dimensions (210, 50) */
  79. .menuTitle_2_bg { background: url(images/green_menuheader.gif) no-repeat top left; width: 170px; height: 22px; }  
  80. /* blue - dimensions (210, 50) */
  81. .menuTitle_3_bg { background: url(images/blue_menuheader.gif) no-repeat top left; width: 170px; height: 22px; }  
  82. /* yellow - dimensions (210, 50) */
  83. .menuTitle_4_bg { background: url(images/yellow_menuheader.gif) no-repeat top left; width: 170px; height: 22px; }  
  84.  
  85. /* Menu Title, Captions Text */
  86. .menuTitle_1_text { font: bold 11px tahoma, verdana, arial, sans-serif; color: #ffd3d6; padding: 5px 10px; }        /* RED */
  87. .menuTitle_2_text { font: bold 11px tahoma, verdana, arial, sans-serif; color: #f3f7ef; padding: 5px 10px; }        /* GREEN */
  88. .menuTitle_3_text { font: bold 11px tahoma, verdana, arial, sans-serif; color: #d5f1f3; padding: 5px 10px; }        /* BLUE */
  89. .menuTitle_4_text { font: bold 11px tahoma, verdana, arial, sans-serif; color: #eeedd9; padding: 5px 10px; }        /* YELLOW */
  90.  
  91.  
  92. /* MENUS (BODY AREA) */
  93. .menuBody { font: 11px tahoma, verdana, arial, sans-serif; color: #6b6b6b; padding: 10px; background: url(images/menucontent_bg.gif) repeat-y left top; }  
  94.  
  95. /* MENUS (BOTTOM AREA) */
  96. /* red - dimensions (210, 20) */
  97. /*.menuBottom_1_bg { background: url(images/red_menubottom.gif) no-repeat top left; width: 200px; height: 20px; }*/
  98. /* green - dimensions (210, 20) */
  99. /*.menuBottom_2_bg { background: url(images/green_menubottom.gif) no-repeat top left; width: 200px; height: 20px; }*/  
  100. /* blue - dimensions (210, 20) */
  101. /*.menuBottom_3_bg { background: url(images/blue_menubottom.gif) no-repeat top left; width: 200px; height: 20px; }*/  
  102. /* yellow - dimensions (210, 20) */
  103. /*.menuBottom_4_bg { background: url(images/yellow_menubottom.gif) no-repeat top left; width: 200px; height: 20px; }*/  
  104.  
  105. /* Welcome Message */
  106. /*#welcomeMessage { margin: 0; padding: 10px; font: 11px tahoma, verdana, arial, sans-serif; color:#000; text-align: justify; }*/
  107.  
  108. /* news */
  109. .date_box_month { position: relative; top: 15px; left: 1px; font: 13px tahoma, verdana, arial, sans-serif; color:#000; margin: 0; padding: 0; }
  110. .date_box_day { position: relative; top: 12px; font: 20px tahoma, verdana, arial, sans-serif; color:#000; }
  111.  
  112. /* News Style - Category 1 */
  113. .post1 { clear: both; margin: 0; padding: 20px 10px; border-top: 2px solid #7a0404; }
  114. .post1 a { color:#000;}
  115. .post1 a:hover { text-decoration: underline; color: #999; }
  116.  
  117. .myDate1 { width: 60px; height: 60px; background: url(images/date_bg1.gif) no-repeat top left; margin: 0 5px 10px 0; padding: 0; text-align: center; }
  118.  
  119.   .newsHeader1 { margin-left: 65px; margin-top: -70px; font: bold 22px tahoma, verdana, arial, sans-serif; color:#c9060f; padding: 10px 10px 0 10px; }
  120.   .newsPosted1 { display: block; font: 11px tahoma, verdana, arial, sans-serif; color:#928771; margin: 0 5px 20px 80px; }
  121.   .newsContent1 { font: 12px tahoma, verdana, arial, sans-serif; color:#555; padding: 10px 0px 15px 0px; }
  122.     .newsContent1 img{ float: left; padding: 0 7px 7px 0; }
  123.   .newsBottom1 { clear: both; text-align: left; padding: 20px 0; }
  124.     .newsComments1 { float: left; width: 140px; height: 32px; font: 12px tahoma, verdana, arial, sans-serif; padding: 5px 0; text-align: center; background: url(images/newscomment1.png) no-repeat left center; }
  125.     .newsOptions1 { float:right; margin: 0 10px 0 0; text-align: right; }
  126.    
  127.  
  128.  
  129. /* News Style - Category 2 */
  130. .post2 { clear: both; margin: 0; padding: 20px 10px; border-top: 2px solid #294202; }
  131. .post2 a { color:#7a9357;}
  132. .post2 a:hover { text-decoration: underline; color: #999; }
  133.  
  134. .myDate2 { width: 60px; height: 60px; background: url(images/date_bg2.gif) no-repeat top left; padding: 0 5px 10px 0; margin: 0; text-align: center; }
  135.  
  136.   .newsHeader2 { margin-left: 65px; margin-top: -70px; font: bold 22px tahoma, verdana, arial, sans-serif; color:#5d7005; padding: 10px 10px 0 10px; }
  137.   .newsPosted2 { display: block; font: 11px tahoma, verdana, arial, sans-serif; color:#7a9357; margin: 0 5px 20px 80px; }
  138.   .newsContent2 { font: 12px tahoma, verdana, arial, sans-serif; color:#264202; padding: 10px 0px 15px 0px; }
  139.     .newsContent2 img{ float: left; padding: 0 7px 7px 0; }
  140.   .newsBottom2 { clear: both; text-align: left; padding: 20px 0; }
  141.     .newsComments2 { float: left; width: 140px; height: 32px; font: 12px tahoma, verdana, arial, sans-serif; padding: 0; text-align: center; background: url(images/newscomment2.png) no-repeat left center; }
  142.     .newsOptions2 { float:right; margin: 0 10px 0 0; text-align: right; }
  143.      
  144.  
  145. /* News Style - Category 3 */
  146. .post3 { clear: both; margin: 0; padding: 20px 10px; border-top: 2px solid #045268; }
  147. .post3 a { color:#056570;}
  148. .post3 a:hover { text-decoration: underline; color: #999; }
  149.  
  150. .myDate3 { width: 60px; height: 60px; background: url(images/date_bg3.gif) no-repeat top left; margin: 0 5px 10px 0; padding: 0; text-align: center; }
  151.  
  152.   .newsHeader3 { margin-left: 65px; margin-top: -70px; font: bold 22px tahoma, verdana, arial, sans-serif; color:#056570; padding: 10px 10px 0 10px; }
  153.   .newsPosted3 { display: block; font: 11px tahoma, verdana, arial, sans-serif; color:#578a93; margin: 0 5px 20px 80px; }
  154.   .newsContent3 { font: 12px tahoma, verdana, arial, sans-serif; color:#02404b; padding: 10px 0px 15px 0px; }
  155.     .newsContent3 img{ float: left; padding: 0 7px 7px 0; }
  156.   .newsBottom3 { clear: both; text-align: left; padding: 20px 0; }
  157.     .newsComments3 { float: left; width: 140px; height: 32px; font: 12px tahoma, verdana, arial, sans-serif; padding: 5px 0; text-align: center; background: url(images/newscomment3.png) no-repeat left center; }
  158.     .newsOptions3 { float:right; margin: 0 10px 0 0; text-align: right; }
  159.    
  160.  
  161. /* News Style - Other Category */
  162. .post { clear: both; margin: 0; padding: 20px 10px; border-top: 2px solid #aaa; }
  163. .post a { color:#000;}
  164. .post a:hover { text-decoration: underline; color: #999; }
  165.  
  166. .myDate { width: 60px; height: 60px; background: url(images/date_bg.gif) no-repeat top left; margin: 0 5px 10px 0; padding: 0; color:#bebebe; text-align: center; }
  167.  
  168.   .newsHeader { margin-left: 65px; margin-top: -70px; font: bold 22px tahoma, verdana, arial, sans-serif; color:#c9060f; padding: 10px 10px 0 10px; }
  169.   .newsPosted { display: block; font: 11px tahoma, verdana, arial, sans-serif; color:#928771; margin: 0 5px 20px 80px; }
  170.   .newsContent { font: 12px tahoma, verdana, arial, sans-serif; color:#555; padding: 10px 0px 15px 0px; }
  171.     .newsContent img{ float: left; padding: 0 7px 7px 0; }
  172.   .newsBottom { clear: both; text-align: left; margin: 20px 0; }
  173.     .newsComments { float: left; width: 140px; height: 32px; font: 12px tahoma, verdana, arial, sans-serif; padding: 5px 0; text-align: center; background: url(images/newscomment4.png) no-repeat left center; }
  174.     .newsOptions { float:right; margin: 0 10px 0 0; text-align: right; }
  175.    
  176.  
  177. /* center menu */
  178. .centerMenuBox { clear: both; margin: 0; padding: 0px 0; background: url(images/centermenu_bg.gif) repeat-x top left; }
  179. .centerMenuHeader { font: bold oblique 18px tahoma, verdana, arial, sans-serif; color:#fff; padding: 6px; text-align: center; }
  180. .centerMenuContent { font: 12px tahoma, verdana, arial, sans-serif; color:#394e18; padding: 10px 10px 20px 10px; }
  181. .centerMenuContent .smalltext { font: 11px tahoma, verdana, arial, sans-serif; color:#6e851c; }
  182.  
  183. /* other menu */
  184. .otherMenuBox { background: #f3f7ef; border: 2px solid #7e0000; }
  185. .otherMenuHeader { font: 20px tahoma, verdana, arial, sans-serif; color:#394e18; padding: 10px; text-align: center; }
  186. .otherMenuContent { font: 13px tahoma, verdana, arial, sans-serif; color:#394e18; padding: 10px 10px 20px 10px; }
  187.  
  188. /* Footer */
  189. #footer { clear: both; width: 1000px; height: 30px; background: url(images/footer_bg.gif) no-repeat top left; margin: 0 auto; padding: 0; text-align: center; }
  190. .footerText { font: 12px tahoma, verdana, arial, sans-serif; color: #fff; padding-top: 150px; }
  191. #footer a { color: #eeff92; }
  192. #footer a:hover { color: #ff8181; }
  193.  
  194. /* Browsers */
  195. #footer_logo { clear: both; float: left; width: 100%; height: 54px; background: transparent; margin: 0 auto; padding: 15px 0; text-align: center; }
  196. .footerLogoText { font: 12px Arial, Verdana, sans-serif; color: #eeff92; padding: 5px 0; text-align: center; }
  197. .footerImages { width: 300px; margin: 0 auto; text-align: center; }
  198. .ie7_logo { float: left; background: url(images/ie7_logo.gif) no-repeat center top; padding: 0 10px; }
  199. .firefox_logo { float: left; background: url(images/firefox_logo.gif) no-repeat center top; padding: 0 10px; }
  200. .opera_logo { float: left; background: url(images/opera_logo.gif) no-repeat center top; padding: 0 10px; }
  201.  
  202.  
  203. /********************** core style ********************************/
  204.  
  205. /* tbox, chatbox, button */
  206. .tbox{ font: 12px tahoma, verdana, arial, sans-serif; color:#767676; border: 1px solid #aaa; padding: 2px; margin: 1px auto; background: #fafafa url(images/formshadows.gif) no-repeat left top; }
  207. .tbox.chatbox { width: 90%; padding: 2px; margin: 1px auto; background: #fafafa url(images/formshadows.gif) no-repeat left top; color: #767676; border: 1px solid #aaa; }
  208. .button{ font: 11px tahoma, verdana, arial, sans-serif; color: #000; background: #f3f7ef url(images/button.gif) repeat-x; margin: 1px; padding: 3px; text-align: center; vertical-align: middle; border: 1px solid #aaa; }
  209. .button a { color: #000; }
  210. .button a:hover { color: #f3f7ef; }
  211.  
  212. /* FORUMS */
  213. .border { border: 1px solid #42555b; }
  214. .fborder { border: 1px solid #42555b; border: none; border-collapse: collapse; }  
  215. .forumheader{ font: bold 12px tahoma, verdana, arial, sans-serif; color: #394e18; padding: 4px; border-bottom: 1px solid #42555b; }
  216. .forumheader2{ font: 11px tahoma, verdana, arial, sans-serif; color: #6e851c; padding: 4px; border-bottom: 1px solid #42555b; }
  217. .forumheader3{ font: 11px tahoma, verdana, arial, sans-serif; color: #6e851c; padding: 4px; border-bottom: 1px solid #42555b; }
  218. .forumheader3_alt { }
  219. .forumheader3 a { color: #447b04; }
  220. .forumheader3 a:hover { color: #fb7023; }
  221. .forumheader4 { }
  222. .forumheader5 { }
  223. .forumborder{ border: 1px solid #A6C639; }
  224. a.forumlink{ color: #467aa7; text-decoration: underline; }
  225. .nforumcaption2 { font: bold 12px tahoma, verdana, arial, sans-serif; color: #394e18; padding: 4px; border-bottom: 1px solid #42555b; }
  226. .caption { background: #fafafa; font: 12px tahoma, verdana, arial, sans-serif; color: #476042; padding: 0px 4px 0px 4px; border: 1px solid #ccc; }  
  227. .fcaption { font: bold 12px tahoma, verdana, arial, sans-serif; color: #394e18; padding: 4px; border-bottom: 1px solid #42555b; }
  228. .fcaption a { color: #ff0000; text-decoration: none; }
  229. .fcaption a:hover { color: #89b003; text-decoration: underline; }
  230. .finfobar{ font: bold 12px tahoma, verdana, arial, sans-serif; color: #394e18; padding: 4px; border-bottom: 1px solid #42555b; }
  231. .nforumholder { }
  232. .nforumcaption { }
  233. .nforumthread { }
  234. .nforumreplycaption { }
  235. .nforumreply { }
  236. .nforumdisclaimer { }
  237. .nforumview1 { }
  238. .nforumview2 { }
  239. .nforumview3 { }
  240. .nforumview4 { }
  241.  
  242. /* TEXTS */
  243. .indent{ font: 12px tahoma, verdana, arial, sans-serif; color: #394e18; padding: 10px; margin: 5px; border: 1px dotted #ff0000; }
  244. .smalltext { font: 11px tahoma, verdana, arial, sans-serif; color:#6b6b6b; }
  245. .smallblacktext { font: 11px tahoma, verdana, arial, sans-serif; color:#6b6b6b; }  
  246. .defaulttext { font: 11px tahoma, verdana, arial, sans-serif; color:#6b6b6b; }
  247. .mediumtext { font: 11px tahoma, verdana, arial, sans-serif; color:#6b6b6b; }
  248. blockquote { padding-left: 10px; line-height: 20px; border-left: 3px solid #BFB8A3; font-style: oblique; padding: 5px 10px 5px 0; }
  249. .nextprev{ font: 12px tahoma, verdana, arial, sans-serif; color: #767676; text-align: center; margin: 20px 0; }
  250. .nextprev a:hover { color: #f8ef07; }
  251. .nextprev_link { color: #fff; padding: 4px; background: url(images/button.gif) repeat-x bottom; }
  252. .nextprev_current {  font: 18px tahoma, verdana, arial, sans-serif; color: #767676; }
  253. .searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }
  254.  
  255.  
  256. /* MISC */
  257. table { margin-left: auto; margin-right: auto; }
  258. td { font: 12px tahoma, verdana, arial, sans-serif; color:#6b6b6b; padding: 0px; text-align:left; }
  259. form { margin: 2px 0px 0px 0px; }
  260. .spacer{ padding: 4px 0px 4px 0px; }
  261. hr { width: 96%; height: 2px; color: #4c4c4c; border-bottom: 1px solid #f2ff8c; border-top: 1px solid #898e65; }
  262. .helpbox { background: transparent; font: 9px tahoma, verdana, arial, sans-serif; color:#333; border: 0px; margin: 0; padding: 0; }
  263. .bodytable { font: 12px tahoma, verdana, arial, sans-serif; color: #333; padding: 8px; }
  264. .code-box{ font: 13px tahoma, verdana, arial, sans-serif; color:#000; padding: 8px; }
  265. .code_highlight{ width: 95%; margin: 0;
  266.   padding: 3px;
  267.   text-align: left;
  268.   display: block;
  269.   overflow: auto;  
  270.   font: 14px tahoma, verdana, arial, sans-serif;
  271.   background: #fff;
  272.   border: 1px dotted #42640d;
  273.   line-height: 20px;
  274. }
  275.  
  276. /* Nav Menu Classes */
  277. #siteLinks { width: 100%; height: 30px; margin: 0; background: #000000 url(images/sitelinks_bg.gif) repeat-x left top; padding: 0; }
  278.  
  279. /* MENU STYLES ****************************************************** */
  280. div.menuBar,
  281. div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
  282. div.menu,
  283. div.menu a.menuItem {
  284.   font: bold 10px Arial, Verdana, sans-serif; text-align: center;
  285. }
  286.  
  287. div.menuBar {
  288.   padding: 0;
  289.   text-align: center;
  290. }
  291.  
  292. div.emenuBar {
  293.   text-align: center;
  294. }
  295.  
  296. /* main level links */
  297. div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
  298.   height: 30px;
  299.   cursor: pointer;
  300.   background: transparent;
  301.   color: #fff;  
  302.   margin: 0;
  303.   padding: 0 12px;
  304.   text-align: center;
  305.   text-transform: uppercase;  
  306.   text-decoration: none;
  307.   position: relative;
  308.   left: 0px;
  309.   top: 7px;
  310.   z-index: 100;
  311. }
  312.  
  313. /* main level links hover */  
  314. div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
  315.   background: #01242e;
  316.   color: #fff;
  317.   text-decoration: none;
  318.   border: 1px solid #000; border-bottom: none;
  319.   padding: 10px 11px 8px 11px;
  320. }
  321.  
  322. /* main level links active */
  323. div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover,
  324. div.menuBar a.menuButtonActive:hover {
  325.   background: #01242e;
  326.   color: #fc80cb;
  327.   text-decoration: none;
  328.   border: 1px solid #000; border-bottom: none;
  329.   padding: 10px 11px 8px 11px;
  330. }
  331.  
  332. /* sublinks styles ************************* */
  333.  
  334. /* sublink container */
  335.  
  336. div.menu {
  337.   width: auto;
  338.   background: #ccc;
  339.   padding: 1px 1px 1px 1px;
  340.   position: absolute;
  341.   top: 0;
  342.   left: 0;
  343.   visibility: hidden;
  344.   z-index: 101;
  345.   margin-top: -1px;
  346.   border: 1px solid #909565;
  347.   filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
  348. }
  349.  
  350. /* sublinks main style */
  351.  
  352. div.menu a.menuItem {
  353.   color: #4c4c4c;
  354.   cursor: pointer;
  355.   display: block;
  356.   padding: 0px 11px;
  357.   text-transform: uppercase;
  358.   text-align: right;
  359.   text-decoration: none;
  360.   white-space: nowrap;
  361.   background: transparent;
  362. }
  363.  
  364. /* sublinks hover style */
  365.  
  366. div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  367.   color: #fff;
  368.   background: #a41307;
  369. }
  370.  
  371. div.menu a.menuItem span.menuItemBuffer {
  372.   padding: 0 2px 0 2px;
  373.   color: #fff;
  374. }
  375.  
  376. div.menu a.menuItem:hover span.menuItemBuffer {
  377.   padding: 0 2px 0 2px;
  378.   color: #000;
  379. }
  380.  
  381. div.menu a.menuItem span.menuItemText {
  382. padding: 0 0 0 18px;
  383. }
  384.  
  385. div.menu a.menuItem span.menuItemArrow {
  386.   margin-right: -.75em;
  387. }
  388.  
  389. div.menu div.menuItemSep {
  390.   border-top: 1px solid #a5a5a5;
  391.   border-bottom: 1px solid #ffffff;
  392.   margin: 4px 2px;
  393. }
  394.  
  395. a.menuItem.header {
  396.   border-bottom: 1px solid #b3b3b3;
  397. }
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!