home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2011 October / PCgo_1011_CD.iso / interface / css / default.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2011-05-12  |  7.3 KB  |  396 lines
  1. /***************************************************************************************************
  2. *   Document: default.css
  3. *   Description: Globale Design-Einstellungen
  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. @charset "ISO-8859-1";
  15.  
  16. :focus {
  17.   outline: 0;
  18. }
  19.  
  20. body {
  21.   font-family: arial, verdana, helvetica, sans-serif;
  22.   font-size: 12px;
  23.   color: #fff;
  24.   margin: 0 0 0 0;
  25.   text-align: center;
  26.   background-color: #00285d;
  27. }
  28.  
  29. * {
  30.   margin: 0 0 0 0;
  31.   padding: 0 0 0 0;
  32. }
  33.  
  34. h1 {
  35.   font-size: 24px;
  36.   margin: 5px 0 10px 0;
  37. }
  38.  
  39. h2 {
  40.   font-size: 18px;
  41.   margin: 5px 0 10px 0;
  42. }
  43.  
  44. h3 {
  45.   font-size: 16px;
  46.   margin: 3px 0 10px 0;
  47. }
  48.  
  49. h4 {
  50.   font-size: 12px;
  51.   margin: 0 0 10px 0;
  52. }
  53.  
  54. h4 a {
  55.   color: black;
  56.   text-decoration: none;
  57. }
  58.  
  59. h4 a:hover {
  60.   text-decoration: underline;
  61. }
  62.  
  63. h5 {
  64.   font-size: 11px;
  65.   margin: 0 0 0 0;
  66. }
  67.  
  68. h6 {
  69.   font-size: 9px;
  70.   margin: 0 0 6px 0;
  71. }
  72.  
  73. .clearBoth {
  74.   clear: both;
  75. }
  76.  
  77. div#shadowContainer {
  78.   position: absolute;
  79.   width: 1023px;
  80.   height: 742px;
  81.   top: 50%;
  82.   left: 50%;
  83.   margin-top: -371px;
  84.   margin-left: -515px;
  85.   background: #00285d url('../images/shadow.png') no-repeat center bottom;
  86. }
  87.  
  88. div#mainContainer {
  89.   width: 1000px;
  90.   height: 712px;
  91.   position: relative;
  92.   text-align: left;
  93.   margin: 0px auto;
  94. }
  95.  
  96. div#headerContainer {
  97.   background: #00285d url('../images/headBG_silver.png') no-repeat 0px 2px;  
  98. }
  99.  
  100. div#headerTop {
  101.   height: 86px;
  102.   margin: 0 0 0 0;
  103. }
  104.  
  105. div#headerTop div#headerBanner {
  106.   float: right;
  107.   margin: 14px 3px 0 0;
  108. }
  109.  
  110. div#headerMainNavi {
  111.   position: relative;
  112.   height: 70px;
  113.   margin: 0 0 0 0;
  114.   background: transparent url('../images/mainNaviBar.gif') no-repeat 0px 0px;
  115. }
  116.  
  117. iframe#frameContent {
  118.   width: 750px;
  119.   height: 527px;
  120.   float: left;
  121. }
  122.  
  123. div#contentContainer {
  124.   width: 985px;
  125.   height: 542px;
  126.   margin: 0 0 0 0;
  127.   padding: 15px 0 0 15px;
  128.   background: transparent url('../images/contentContainerBG.gif') no-repeat 0px 0px;
  129. }
  130.  
  131. /***************************************************************************************************
  132. *   BIG SITEMAP
  133. */
  134. div#bigSitemap {
  135.   display: none;
  136.   position: absolute;
  137.   top: 156px;
  138.   left: 0px;
  139.   width: 1000px;
  140.   height: 557px;
  141.   background: transparent url('../images/contentContainerBG.gif') no-repeat 0px 0px;
  142. }
  143.  
  144. div#bigSitemap h1 {
  145.   font-size: 16px;
  146.   color: #00285d;
  147. }
  148.  
  149. div#bigSitemap h3 {
  150.   font-size: 14px;
  151.   color: #00285d;
  152.   cursor: pointer;
  153. }
  154.  
  155. div#bigSitemap dl dt a {
  156.   font-size: 12px;
  157.   color: #00285d;
  158.   text-decoration: none;
  159. }
  160.  
  161. div#bigSitemap dl dt a:hover {
  162.   text-decoration: underline;
  163. }
  164.  
  165. div#bigSitemapHeader {
  166.   padding: 10px 10px 10px 10px;
  167. }
  168.  
  169. div#bigSitemapHeader img.sitemapIcon {
  170.   float: left;
  171.   margin: 0 0 0 0;
  172. }
  173.  
  174. div#bigSitemapHeader img.sitemapCloseIcon {
  175.   border: 0;
  176.   float: right;
  177. }
  178.  
  179. div#bigSitemapHeader span.sitemapHeaderText {
  180.   display: block;
  181.   float: left;
  182.   font-size: 20px;
  183.   font-weight: bold;
  184.   color: #00285d;
  185.   margin: 3px 0 0 10px;
  186. }
  187.  
  188. div#bigSitemapBG {
  189.   height: 86%;
  190.   margin: 40px 0 0 0;
  191.   padding: 10px 10px 10px 10px;
  192.   overflow: auto;
  193. }
  194.  
  195. div#bigSitemapBG div#bigSitemapContent div.siteMapContainer {
  196.   width: 150px;
  197.   margin: 0 0 0 0;
  198. }
  199.  
  200. div#bigSitemapBG div#bigSitemapContent {
  201.   float: left;
  202. }
  203.  
  204. div#smSoftware {
  205.   float: left;
  206.   margin: 0 0 0 36px;
  207. }
  208.   
  209. div#smAudio, div#smMagazin, div#smService{
  210.   float: left;
  211.   margin: 0 0 0 60px;
  212. }
  213.  
  214. /***************************************************************************************************
  215. *   TEMPORARY SITEMAP
  216. */
  217. div#temporarySitemap {
  218.   display: none;
  219.   float: right; 
  220.   width: 185px;
  221.   height: 507px;
  222.   overflow: auto;
  223.   overflow-y: scroll;
  224.   background: transparent url('../images/tempSitemapBG.png') no-repeat 0px 0px;
  225.   padding: 10px 10px 10px 10px;
  226.   margin: 0 15px 0 0;
  227. }
  228.  
  229. div#temporarySitemap h1 {
  230.   font-size: 16px;
  231.   color: #88bef5;
  232. }
  233.  
  234. div#temporarySitemap h3 {
  235.   font-size: 14px;
  236.   color: #88bef5;
  237.   cursor: pointer;
  238. }
  239.  
  240. div#temporarySitemap dl dt a {
  241.   font-size: 12px;
  242.   color: #88bef5;
  243.   text-decoration: none;
  244. }
  245.  
  246. div#temporarySitemap dl dt a:hover {
  247.   text-decoration: underline;
  248. }
  249.  
  250. /***************************************************************************************************
  251. *   BREADCRUMBS
  252. */
  253. div#breadcrumbs {
  254.   padding: 10px 0 0 0;
  255.   margin: 0 0 10px 0;
  256.   color: #88bef5;
  257.   font-size: 11px;
  258.   float: left;
  259.   white-space: nowrap;
  260. }
  261.  
  262. div#breadcrumbs a {
  263.   margin: 0 12px 0 12px;
  264.   color: #88bef5;
  265.   text-decoration: none;
  266. }
  267.  
  268. div#breadcrumbs a:hover {
  269.   text-decoration: underline;
  270. }
  271.  
  272. div#breadcrumbs span.normalCrumb {
  273.   margin-left: 12px;
  274.   margin-right: 12px;
  275.   font-weight: normal;
  276. }
  277.  
  278. /***************************************************************************************************
  279. *   BROWSENAVI - SOFTWARE OVERVIEW & DETAIL
  280. */ 
  281. div#browseBTN {
  282.   float: right;
  283.   margin: 8px 10px 0 0;
  284. }
  285.  
  286. div#browseBTN a {
  287.   float: left;
  288. }
  289.  
  290. /***************************************************************************************************
  291. *   LINKS - HEAD
  292. */
  293. div#headLinks {
  294.   position: absolute;
  295.   top: 15px;
  296.   left: 0px;
  297.   margin: 0 0 0 10px;
  298. }
  299.  
  300. div#headLinks a#logoLink {
  301.   display: block;
  302.   width: 131px;
  303.   height: 61px;
  304.   background: transparent url('../images/logo.gif') no-repeat 0px 0px;
  305. }
  306.  
  307. div#headLinks a#magLink {
  308.   font-size: 11px;
  309.   color: #5483b3;
  310.   text-decoration: none;
  311. }
  312.  
  313. div#headLinks a#magLink:hover {
  314.   text-decoration: underline;
  315. }
  316.  
  317. div#issueText {
  318.   width: 80px;
  319.   margin: 50px 0 0 215px;
  320.   line-height: 13px;
  321.   float: left;
  322. }
  323.  
  324. div#issueText span#issueName {
  325.   font-size: 11px;
  326.   font-weight: bold;
  327.   color: #5b4e1f;
  328. }
  329.  
  330. div#issueText span#issueMedia {
  331.   font-size: 11px;
  332.   font-weight: bold;
  333.   color: #a28004;
  334. }
  335.  
  336. /***************************************************************************************************
  337. *   STARTSEITE
  338. */
  339. div#teaserBig {
  340.   width: 730px;
  341.   height: 305px;
  342.   margin: 0 0 21px 9px;
  343.   background: #d6e3f0 url('../images/mainpic_01.png') no-repeat 0px 0px;
  344. }
  345.  
  346. div.teaserSmall {
  347.   float: left;
  348.   width: 360px;
  349.   height: 154px;
  350.   margin: 0 0 9px 9px;
  351.   background-color: #d6e3f0;
  352. }
  353.  
  354. div.teaserSmall_leftContent {
  355.   float: left;
  356.   width: 149px;
  357.   height: 154px;
  358.   background: #fff url('../images/teaserBoxPicBG.png') repeat-y 0px 0px;
  359. }
  360.  
  361. div.teaserSmall_leftContent img {
  362.   margin: 16px 0 16px 9px;
  363. }
  364.  
  365. div.teaserSmall_rightContent {
  366.   width: 208px;                 
  367.   float: right;
  368.   border-left: solid 1px #fff;
  369.   border-right: solid 1px #6597c9;
  370.   border-bottom: solid 1px #6597c9;
  371. }
  372.  
  373. div.teaserSmall_rightContent div.teaserText {
  374.   width: 190px;
  375.   height: 108px;
  376.   color: black;
  377.   padding: 10px 10px 0 10px;
  378.   margin: 0 0 0 0;
  379. } 
  380.  
  381. div.teaserSmall_rightContent div.teaserURL {
  382.   padding: 3px 0 0 10px;
  383.   background: #d6e3f0 url('../images/teaserBoxURLBG.png') repeat-x 0px 0px;
  384. }
  385.  
  386. div.teaserSmall_rightContent div.teaserURL a {
  387.   color: #2d80d5;
  388.   font-size: 11px;
  389.   text-decoration: none;
  390. }
  391.  
  392. div.teaserSmall_rightContent div.teaserURL a:hover {
  393.   text-decoration: underline;
  394. }
  395. /* Wegen AJAX-Call */
  396. div#softUpdate { display:none; }