home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2013 December / PCGO_13-12_CD.iso / interface / css / navi.css next >
Encoding:
Cascading Style Sheet File  |  2013-04-12  |  6.4 KB  |  286 lines
  1. /* ------------- NAVI ------------- */
  2.  
  3. .nav-content {
  4.   width:100%;
  5.   height: 420px;
  6.   margin-bottom: 15px;
  7. }
  8.  
  9. .nav-content .navi {
  10.   width: 300px;
  11.   float: left;
  12.   padding: 0 0 5px 0;
  13.   /*max-height: 415px;*/
  14.   max-height: 422px;
  15.   overflow: hidden;
  16. }
  17.  
  18. .navi ul li {list-style: none;}
  19. .navi a {color: #fff;}
  20.  
  21. .navi ul.lvl-0 {}
  22. .navi ul.lvl-0 li {
  23.     /*padding-bottom: 7px;*/
  24.     margin-bottom: 7px;
  25. }
  26.  
  27. .navi .external-wrapper ul li {
  28.     /*padding-bottom: 7px;*/
  29.     padding-bottom: 5px;
  30.     padding-top: 5px;
  31. }
  32.  
  33. .navi .external-wrapper ul li:hover,
  34. .navi .external-wrapper ul li.active,
  35. .navi .submenu-wrapper ul li:hover,
  36. .navi .submenu-wrapper ul li.active {
  37.     background-color: #d8d8d8;
  38. }
  39.  
  40. .navi #item1 a {
  41.   width: 295px;
  42.   height: 100px;
  43.   display: block;
  44.   background: url(../images/Button-Software.jpg) no-repeat top left; 
  45. }
  46. .navi #item1 ul#ul_item1 li a p {
  47.   /*width: 295px;
  48.   height: 100px;*/
  49.   display: block;
  50.   background: url(../images/Button-Software.jpg) no-repeat top left;
  51. }
  52.  
  53. .navi #item2 a {
  54.   width: 295px;
  55.   height: 100px;
  56.   display: block; 
  57.   background: url(../images/Button-Multimedia.jpg) no-repeat top left;
  58. }
  59. .navi #item2 ul#ul_item2 li a p {
  60.   width: 295px;
  61.   height: 100px;
  62.   display: block;
  63.   background: url(../images/Button-Multimedia.jpg) no-repeat top left;
  64. }
  65.  
  66. .navi #item3 a {
  67.   width: 295px;
  68.   height: 100px;
  69.   display: block;
  70.   background: url(../images/Button-Service.jpg) no-repeat top left;
  71. }
  72. .navi #item3 ul {
  73.    padding: 20px 0 0 0;
  74.    width:295px;
  75.    /*max-height: 350px;*/
  76.    /*overflow-y: auto;
  77.    overflow-x: hidden;*/
  78. }
  79.  
  80. .navi #item3 #wrapper_item3 .viewport {
  81.     background-color: #fff;
  82. }
  83.  
  84. .navi #item3 ul li a { 
  85.   background:none;
  86.   color: #373737;
  87.   padding: 5px 0px 5px 10px;
  88.   line-height: 12px;
  89.   height: 12px;
  90.   font-size: 12px;
  91.   font-weight: bold;  
  92. }
  93.  
  94. .navi #item4 a {
  95.   width: 295px;
  96.   height: 100px;
  97.   display: block;
  98.   background: url(../images/Button-Inhalt.jpg) no-repeat top left;
  99. }
  100.  
  101. .navi #item1 a p, 
  102. .navi #item2 a p, 
  103. .navi #item3 a p,
  104. .navi #item4 a p {
  105.   font-weight: bold;
  106.   font-size: 16px;
  107.   padding: 65px 0 0 110px;
  108. }
  109. .navi #item3 ul#ul_item3 li a p {
  110.   font-weight: bold;
  111.   font-size: 12px;
  112.   padding: 0px 0 0 0px;
  113. }
  114. .navi .external-wrapper .normalCrumb,
  115. .navi .submenu-wrapper .normalCrumb {
  116.     /*margin-bottom: 6px;*/
  117.     border-bottom: solid 7px #2f8290;
  118. }
  119.  
  120. .navi #item1 #external_wrapper_item1 .normalCrumb {
  121.   width: 185px; /*195*/
  122.   height: 35px;
  123.   background: url(../images/Button-Software.jpg) no-repeat top left;
  124.   padding: 65px 0 0 110px;
  125.   font-size: 16px;
  126.   font-weight: bold;
  127. }
  128. .navi #item1 #external_wrapper_item1 a.tools {
  129.   /*background: #d8d8d8;*/
  130.   background: transparent;
  131.   height: inherit;
  132.   color: #007790;
  133.   font-size: 12px;
  134.   font-weight: bold;
  135.   padding: 10px 5px 10px 10px;
  136. }
  137.  
  138. div#teaserWrapper {
  139.     background-color: #fff;
  140. }
  141.  
  142. /*div#teaserWrapper .teaserSmall_leftContent {
  143.     background: transparent url('../images/tool-folder.png') no-repeat 0px 0px;
  144. }*/
  145.  
  146. div#teaserWrapper .teaserSmall_leftContent a {
  147.     display: block;
  148.     width: auto;
  149.     background: transparent url('../images/tool-folder.png') no-repeat 0px 3px !important;
  150.     background-size: 29px 29px !important;
  151.     padding-left: 38px !important;
  152.     margin-left: 8px;
  153.     margin-top: 5px;
  154. }
  155.  
  156. .navi #item2 #external_wrapper_item2 .normalCrumb {
  157.   width: 185px;
  158.   height: 35px;
  159.   background: url(../images/Button-Multimedia.jpg) no-repeat top left;
  160.   padding: 65px 0 0 110px;
  161.   font-size: 16px;
  162.   font-weight: bold;
  163. }
  164. .navi #item3 #wrapper_item3 .normalCrumb {
  165.   width: 185px;
  166.   height: 35px;
  167.   background: url(../images/Button-Service.jpg) no-repeat top left;
  168.   padding: 65px 0 0 110px;
  169.   font-size: 16px;
  170.   font-weight: bold;
  171. }
  172.  
  173. .navi #item1 #external_wrapper_item1 ul,
  174. .navi #item2 #external_wrapper_item2 ul,
  175. .navi #item3 #external_wrapper_item3 ul,
  176. .navi #item3 #wrapper_item3 ul {
  177.   width: 295px;
  178.   /*height: 446px;*/
  179.   padding-top: 5px;
  180. }
  181.  
  182. .navi #item1 #external_wrapper_item1 ul li a,
  183. .navi #item2 #external_wrapper_item2 ul li a,
  184. .navi #item3 #external_wrapper_item3 ul li a {
  185.   background:none;
  186.   width: 250px;
  187.   height: 17px;
  188.   padding: 5px 0px 5px 10px;
  189.   font-size: 12px;
  190.   color: #373737;
  191.   font-weight: bold;
  192.   display: inline;
  193. }
  194.  
  195. .navi .external-wrapper .overview ul li {
  196.     padding-left: 10px;
  197.     padding-right: 10px;
  198. }
  199.  
  200. .navi .external-wrapper .overview ul li a {
  201.     padding-left: 0px !important;
  202. }
  203.  
  204. .navi ul.lvl-0 li#item1 {}
  205. .navi ul.lvl-0 li#item2 {}
  206. .navi ul.lvl-0 li#item3 {}
  207. .navi ul.lvl-0 li#item4 {}
  208.  
  209. .navi ul.lvl-0 {}
  210. .navi ul.lvl-1 {display: none;}
  211. .navi ul.lvl-2 {display: none;}
  212. .navi ul.lvl-3 {display: none;}
  213.  
  214. .navi ul.lvl-1 li:last-child {
  215.     /*padding-bottom: 0px;*/
  216. }
  217.  
  218. .navi .back-btn {
  219.     position: absolute;
  220.     bottom: 0px;
  221.     width: 273px; /*120px*/
  222.     border: solid 1px #D8EEFD;
  223.     /*margin-top: 5px;
  224.     margin-bottom: 7px;*/
  225.       padding: 10px;
  226.     background-color: #bc1621; /*990099*/
  227. }
  228. /* ----------- NAVIGATION WRAPPER ------------- */
  229. .submenu-wrapper {
  230.     display: none;
  231.     position: absolute;
  232.     top: 143px; /*123px*/
  233.     /*width: 312px;*/
  234.     width: 295px;
  235.     height: 530px; /*421px*/
  236. }
  237.  
  238. .external-wrapper {
  239.     display: none;
  240.     position: absolute;
  241.     top: 123px;
  242.     width: 295px;
  243.     height: 550px; /*421px*/
  244. }
  245.  
  246. /*#scrollbar1 { width: 520px; clear: both; margin: 20px 0 10px; }*/
  247. .viewport { height: 503px; overflow-x: hidden; overflow-y: auto; position: relative; } /*486px*/
  248. .external-wrapper .viewport {
  249.     background-color: #fff;
  250.     margin-top: 20px;
  251.     height: 486px;
  252.     /*background-color: #efefef;*/
  253. }
  254. #wrapper_item3 .viewport,
  255. #wrapper_item4 .viewport {
  256.     height: 486px;
  257. }
  258. /*.overview { list-style: none; position: absolute; left: 0; top: 0; }
  259. .thumb .end,
  260. .thumb { background-color: rgba(60,155,172,1); }
  261. .scrollbar { position: relative; float: right; width: 15px; }
  262. .track { border-top: solid 1px #D8EEFD; border-bottom: solid 1px #D8EEFD; background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
  263. .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
  264. .thumb .end { overflow: hidden; height: 5px; width: 13px; }
  265. .disable{ display: none; }
  266. .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }*/
  267.  
  268. /* ------------------ Sitemap -------------------- */
  269. #sitemap { background-color: #fff; padding: 0 0 5px 10px; }
  270. #sitemap h2 {color:#666; padding-top: 5px;}
  271. #sitemap h3 { padding: 2px; color: #555; }
  272. #sitemap h4 { padding: 2px; color: #444; text-indent: 5px; }
  273. #sitemap p { padding: 0 10px 1px 10px; }
  274. #sitemap p a.menu-subitem {
  275.   background: none;
  276.   height: 17px;
  277.   display: inline;
  278.   color: #666;
  279. }
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286.