home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2011 October / PCgo_1011_CD.iso / interface / css / button.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2009-05-14  |  9.6 KB  |  415 lines
  1. /***************************************************************************************************
  2. *   Document: button.css
  3. *   Description: Einstellungen aller Buttons
  4. *   Company: InteractiveM
  5. *   Author: Ren├⌐ Woizenko, Thomas Smiatek
  6. *   Email: info@im-online.de
  7. *   
  8. *   @version: v2.0
  9. *   
  10. */
  11. /***************************************************************************************************
  12. *   GLOBAL
  13. */
  14. a.closeBTN {
  15.   display: block;
  16.   float: left;
  17.   width: 27px;
  18.   height: 27px;
  19.   background: transparent url('../images/btn_close_normal.gif') no-repeat 0px 0px;
  20. }
  21.  
  22. a.closeBTN:hover {
  23.   background: transparent url('../images/btn_close_hover.gif') no-repeat 0px 0px;
  24. }
  25.  
  26. /***************************************************************************************************
  27. *   PAGENAVIGATION
  28. */
  29. a#pageNaviNextBTN {
  30.   display: block;
  31.   float: left;
  32.   width: 75px;
  33.   height: 59px;
  34.   background: transparent url('../images/pageNavi_next.gif') no-repeat 0px 0px;
  35. }
  36.  
  37. a#pageNaviNextBTN:hover {
  38.   background: transparent url('../images/pageNavi_next.gif') no-repeat 0px -59px;
  39. }
  40.  
  41. a#pageNaviBackBTN {
  42.   display: block;
  43.   float: left;
  44.   width: 67px;
  45.   height: 59px;
  46.   background: #fff url('../images/pageNavi_back.gif') no-repeat 0px 0px;
  47. }
  48.  
  49. a#pageNaviBackBTN:hover {
  50.   background: #fff url('../images/pageNavi_back.gif') no-repeat 0px -59px;
  51. }
  52.  
  53. /***************************************************************************************************
  54. *   SITENAVIGATION
  55. */
  56. div#headerMainNavi div#siteNavigation {
  57.   float: right;
  58.   margin: 4px 4px 0 0;
  59. }
  60.  
  61. div#siteNavigation ul#siteNaviList {
  62.   background-color: darkgreen;
  63.   list-style-type: none;
  64. }
  65.  
  66. div#siteNavigation ul#siteNaviList li {
  67.   float: left;
  68.   margin: 0 0 0 4px;
  69. }
  70.  
  71. /***************************************************************************************************
  72. *   SITENAVIGATION - BUTTONS 1
  73. */
  74. ul#siteNaviList a {
  75.   display: block;
  76.   width: 21px;
  77.   height: 21px;
  78. }
  79.  
  80. /*
  81. *   ONLINE-BUTTON
  82. */
  83. a.offline {
  84.   background: #4b7cb9 url('../images/btn_idvd_inactive.gif') no-repeat 0px 0px;
  85. }
  86.  
  87. a.offline:hover {
  88.   background: #4b7cb9 url('../images/btn_idvd_active.gif') no-repeat 0px 0px;
  89. }
  90.  
  91. a.online {
  92.   background: #4b7cb9 url('../images/btn_idvd_active.gif') no-repeat 0px 0px;
  93. }
  94. /*
  95. *   /ONLINE-BUTTON
  96. */
  97.  
  98. a#verlaufBTN  {
  99.   background: #4b7cb9 url('../images/btn_miniSiteMap_normal.gif') no-repeat 0px 0px;
  100. }
  101.  
  102. a#siteMapBTN {
  103.   background: #4b7cb9 url('../images/btn_siteMap_normal.gif') no-repeat 0px 0px;
  104. }
  105.  
  106. a#helpBTN {
  107.   background: #4b7cb9 url('../images/btn_help.gif') no-repeat 0px 0px;
  108. }
  109.  
  110. a#helpBTN:hover {
  111.   background: #4b7cb9 url('../images/btn_help.gif') no-repeat 0px -21px;
  112. }
  113.  
  114. /***************************************************************************************************
  115. *   SITENAVIGATION - BUTTONS 2
  116. */
  117. a.btn_info_big {
  118.  display: block;
  119.  width: 91px;
  120.  height: 21px;
  121.  font-weight: bold;
  122.  color: white;
  123.  text-align: center;
  124.  text-decoration: none;
  125.  padding: 5px 0 0 0;
  126.  background: #fff url('../images/btn_info_big.gif') no-repeat 0px 0px;
  127. }
  128.  
  129. a.btn_info_big:hover {
  130.  text-decoration: underline;
  131. }
  132.  
  133. a.btn_install_big {
  134.  display: block;
  135.  width: 115px;
  136.  height: 21px;
  137.  font-weight: bold;
  138.  color: white;
  139.  text-align: center;
  140.  text-decoration: none;
  141.  padding: 5px 0 0 0;
  142.  background: #fff url('../images/btn_install_big.gif') no-repeat 0px 0px;
  143. }
  144.  
  145. a.btn_install_big:hover {
  146.  text-decoration: underline;
  147. }
  148.  
  149. a.btn_info_small {
  150.  display: block;
  151.  width: 66px;
  152.  height: 15px;
  153.  font-size: 10px;
  154.  font-weight: bold;
  155.  color: white;
  156.  text-align: center;
  157.  text-decoration: none;
  158.  padding: 3px 0 0 0;
  159.  background: #fff url('../images/btn_info_small.gif') no-repeat 0px 0px;
  160. }
  161.  
  162. a.btn_info_small:hover {
  163.  text-decoration: underline;
  164. }
  165.  
  166. a.btn_install_small {
  167.  display: block;
  168.  width: 83px;
  169.  height: 15px;
  170.  font-size: 10px;
  171.  font-weight: bold;
  172.  color: white;
  173.  text-align: center;
  174.  text-decoration: none;
  175.  padding: 3px 0 0 0;
  176.  background: #fff url('../images/btn_install_small.gif') no-repeat 0px 0px;
  177. }
  178.  
  179. a.btn_install_small:hover {
  180.  text-decoration: underline;
  181. }
  182.  
  183. td a.btn_info_small {
  184.  display: block;
  185.  width: 66px;
  186.  height: 15px;
  187.  font-size: 10px;
  188.  font-weight: bold;
  189.  color: white;
  190.  text-align: center;
  191.  text-decoration: none;
  192.  line-height: 13px !important;
  193.  background: #fff url('../images/btn_info_small.gif') no-repeat 0px 0px;
  194. }
  195.  
  196. td a.btn_info_small:hover {
  197.  text-decoration: underline;
  198. }
  199.  
  200. a.btn_open_menu {
  201.  display: block;
  202.  width: 100%;
  203.  height: 15px;
  204.  font-size: 10px;
  205.  font-weight: bold;
  206.  color: white;
  207.  text-align: center;
  208.  text-decoration: none;
  209.  padding: 3px 0 0 0;
  210.  background: #fff url('../images/btn_open_menu.gif') repeat-x 0px 0px;
  211. }
  212.  
  213. a.btn_open_menu:hover {
  214.  text-decoration: underline;
  215. }
  216. /***************************************************************************************************
  217. *   BROWSENAVI - SOFTWARE OVERVIWEW & DETAIL BUTTONS
  218. */ 
  219. a.btn_browse {
  220.   display: block;
  221.   width: 22px;
  222.   height: 18px;
  223.   font-weight: bold;
  224.   text-align: center;
  225.   text-decoration: none;
  226.   color: #fff;
  227.   margin: 0 4px 0 6px;
  228.   padding: 3px 0 0 0;
  229.   background: blue url('../images/btn_browse.gif') no-repeat 0px 0px;
  230. }
  231.  
  232. a.btn_browse:hover {
  233.   background: blue url('../images/btn_browse.gif') no-repeat 0px -21px;
  234. }
  235.  
  236. a.btn_browseNum {
  237.   display: block;
  238.   width: 19px;
  239.   height: 18px;
  240.   font-weight: bold;
  241.   text-align: center;
  242.   text-decoration: none;
  243.   color: #fff;
  244.   margin: 0 0 0 2px;
  245.   padding: 3px 0 0 0;
  246.   background: blue url('../images/btn_browseNum.gif') no-repeat 0px 0px;
  247. }
  248.  
  249. a.btn_browseNum:hover {
  250.   background: blue url('../images/btn_browseNum.gif') no-repeat 0px -21px;
  251. }
  252.  
  253. a.optionBTN {
  254.   display: block;
  255.   width: 98px;
  256.   height: 18px;
  257.   font-size: 11px;
  258.   font-weight: bold;
  259.   text-align: center;
  260.   text-decoration: none;
  261.   color: #fff;
  262.   padding: 3px 0 0 0;
  263.   background: #247dd1 url('../images/btn_option.gif') no-repeat 0px 0px;
  264. }
  265.  
  266. a.optionBTN:hover {
  267.   text-decoration: underline;
  268. }
  269.  
  270. /***************************************************************************************************
  271. *   DETAILPAGE - OPERATION BUTTONS
  272. */ 
  273. a.operationItemInstallBTN {
  274.   display: block;
  275.   width: 94px;
  276.   height: 23px;
  277.   font-size: 11px;
  278.   font-weight: bold;
  279.   text-decoration: none;
  280.   color: #ffd9ab;
  281.   padding: 10px 0 0 47px;
  282.   margin: 0 0 0 0;
  283.   background: #247dd1 url('../images/btn_operation_install.gif') no-repeat 0px 0px;
  284. }
  285.  
  286. a.operationItemInstallBTN:hover {
  287.   color: #fff;
  288.   background: #247dd1 url('../images/btn_operation_install.gif') no-repeat 0px -33px;
  289. }
  290.  
  291. a.operationItemReadBTN {
  292.   display: block;
  293.   width: 84px;
  294.   height: 23px;
  295.   font-size: 11px;
  296.   font-weight: bold;
  297.   text-decoration: none;
  298.   color: #ffd9ab;
  299.   padding: 10px 0 0 57px;
  300.   margin: 0 0 0 0;
  301.   background: #247dd1 url('../images/btn_operation_read.gif') no-repeat 0px 0px;
  302. }
  303.  
  304. a.operationItemReadBTN:hover {
  305.   color: #fff;
  306.   background: #247dd1 url('../images/btn_operation_read.gif') no-repeat 0px -33px;
  307. }
  308.  
  309. a.operationItemOpenDirBTN {
  310.   display: block;
  311.   width: 99px;
  312.   height: 23px;
  313.   font-size: 11px;
  314.   font-weight: bold;
  315.   text-decoration: none;
  316.   color: #7ab7f5;
  317.   padding: 10px 0 0 42px;
  318.   margin: 0 0 0 3px;
  319.   background: #247dd1 url('../images/btn_operation_openDir.gif') no-repeat 0px 0px;
  320. }
  321.  
  322. a.operationItemOpenDirBTN:hover {
  323.   color: #fff;
  324.   background: #247dd1 url('../images/btn_operation_openDir.gif') no-repeat 0px -33px;
  325. }
  326.  
  327. a.operationItemRegBTN {
  328.   display: block;
  329.   width: 99px;
  330.   height: 23px;
  331.   font-size: 11px;
  332.   font-weight: bold;
  333.   text-decoration: none;
  334.   color: #7ab7f5;
  335.   padding: 10px 0 0 42px;
  336.   margin: 0 0 0 3px;
  337.   background: #247dd1 url('../images/btn_operation_reg.gif') no-repeat 0px 0px;
  338. }
  339.  
  340. a.operationItemRegBTN:hover {
  341.   color: #fff;
  342.   background: #247dd1 url('../images/btn_operation_reg.gif') no-repeat 0px -33px;
  343. }
  344.  
  345. a.operationItemVoteBTN {
  346.   display: block;
  347.   width: 94px;
  348.   height: 23px;
  349.   font-size: 11px;
  350.   font-weight: bold;
  351.   text-decoration: none;
  352.   color: #7ab7f5;
  353.   padding: 10px 0 0 47px;
  354.   margin: 0 0 0 3px;
  355.   background: #247dd1 url('../images/btn_operation_vote.gif') no-repeat 0px 0px;
  356. }
  357.  
  358. a.operationItemVoteBTN:hover {
  359.   color: #fff;
  360.   background: #247dd1 url('../images/btn_operation_vote.gif') no-repeat 0px -33px;
  361. }
  362.  
  363. a.operationItemRelatedBTN {
  364.   display: block;
  365.   width: 99px;
  366.   height: 23px;
  367.   font-size: 11px;
  368.   font-weight: bold;
  369.   text-decoration: none;
  370.   color: #7ab7f5;
  371.   padding: 10px 0 0 42px;
  372.   margin: 0 0 0 3px;
  373.   background: #247dd1 url('../images/btn_operation_related.gif') no-repeat 0px 0px;
  374. }
  375.  
  376. a.operationItemRelatedBTN:hover {
  377.   color: #fff;
  378.   background: #247dd1 url('../images/btn_operation_related.gif') no-repeat 0px -33px;
  379. }
  380.  
  381. a.operationItemForumBTN {
  382.   display: block;
  383.   width: 99px;
  384.   height: 23px;
  385.   font-size: 11px;
  386.   font-weight: bold;
  387.   text-decoration: none;
  388.   color: #7ab7f5;
  389.   padding: 10px 0 0 42px;
  390.   margin: 0 0 0 3px;
  391.   background: #247dd1 url('../images/btn_operation_forum.gif') no-repeat 0px 0px;
  392. }
  393.  
  394. a.operationItemForumBTN:hover {
  395.   color: #fff;
  396.   background: #247dd1 url('../images/btn_operation_forum.gif') no-repeat 0px -33px;
  397. }
  398.  
  399. a.operationItemPlayBTN {
  400.   display: block;
  401.   width: 91px;
  402.   height: 23px;
  403.   font-size: 11px;
  404.   font-weight: bold;
  405.   text-decoration: none;
  406.   color: #ffd9ab;
  407.   padding: 10px 0 0 50px;
  408.   margin: 0 0 0 0;
  409.   background: #247dd1 url('../images/btn_operation_play.gif') no-repeat 0px 0px;
  410. }
  411.  
  412. a.operationItemPlayBTN:hover {
  413.   color: #fff;
  414.   background: #247dd1 url('../images/btn_operation_play.gif') no-repeat 0px -33px;
  415. }