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