home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2014 January / PCgo_CD_14_01.iso / interface / css / bak / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2013-04-12  |  8.0 KB  |  252 lines
  1. @charset "UTF-8";
  2.  
  3. * {
  4.   margin:0; 
  5.   padding: 0; 
  6.   border:0;
  7. }
  8.  
  9. body {
  10. background: #034b57; /*3c9bac*/
  11. /*background: rgb(116,197,206);*/
  12. /* 
  13. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzc0YzVjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzliYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  14. background: -moz-linear-gradient(top,  rgba(116,197,206,1) 1%, rgba(60,155,172,1) 100%);
  15. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(116,197,206,1)), color-stop(100%,rgba(60,155,172,1)));
  16. background: -webkit-linear-gradient(top,  rgba(116,197,206,1) 1%,rgba(60,155,172,1) 100%);
  17. background: -o-linear-gradient(top,  rgba(116,197,206,1) 1%,rgba(60,155,172,1) 100%);
  18. background: -ms-linear-gradient(top,  rgba(116,197,206,1) 1%,rgba(60,155,172,1) 100%);
  19. background: linear-gradient(to bottom,  rgba(116,197,206,1) 1%,rgba(60,155,172,1) 100%);
  20. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c5ce', endColorstr='#3c9bac',GradientType=0 );
  21. */
  22. font-family: Arial, Verdana, sans-serif;
  23. font-size: 11px;
  24. color: #fff;
  25. }
  26.  
  27. div.clearBoth {
  28.     clear: both;
  29.     font-size: 0px;
  30.     line-height: 0px;
  31. }
  32.  
  33. /* ------------- OBERFLAECHE --------------- */
  34.  
  35. .contentwrapper {position: absolute;
  36.     top: 50%;
  37.     left: 50%;
  38.     width: 900px;
  39.     margin-left: -470px; /*-450px*/
  40.     margin-top: -373px; /*-353px*/
  41.     padding: 20px;
  42.     background: #3c9bac;
  43.   /*width: 900px;
  44.   height: 661px;
  45.   margin: 0 auto 50px auto ;*/
  46. }
  47.  
  48. .contentwrapper .logo {
  49.   width: 308px;
  50.   height:70px;
  51.   margin-top: 46px;
  52.   float: left;
  53. }
  54.  
  55. .contentwrapper .version_no {
  56.   font-weight: bold;
  57.   font-size: 12px;
  58.   width: 280px;
  59.   height:20px;
  60.   float:left;
  61.   margin: 88px 0 0 7px;
  62. }
  63.  
  64. .contentwrapper .abobanner img {
  65.   width: 273px;
  66.   height: 116px;
  67.   float: right;
  68. }
  69.  
  70. .hr {
  71.   width: 900px; 
  72.   height: 1px; 
  73.   border-bottom: 1px solid #fff; 
  74.   margin-bottom:5px;
  75. }
  76.  
  77. /* ------------- CONTENT ------------- */
  78.  
  79. .nav-content .sw-container {
  80.     position: relative;
  81.   width:595px;
  82.   height: 420px; /*420px*/
  83.   /*overflow: auto;*/
  84.   float: right;
  85. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  86. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiMwMDljYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiMwMDljYWYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDljYWYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiMwMDljYWYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiMwMDljYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  87. background: -moz-linear-gradient(left,  rgba(0,156,175,1) 14%, rgba(0,156,175,0) 47%, rgba(0,156,175,0) 50%, rgba(0,156,175,0) 53%, rgba(0,156,175,1) 89%); /* FF3.6+ */
  88. background: -webkit-gradient(linear, left top, right top, color-stop(14%,rgba(0,156,175,1)), color-stop(47%,rgba(0,156,175,0)), color-stop(50%,rgba(0,156,175,0)), color-stop(53%,rgba(0,156,175,0)), color-stop(89%,rgba(0,156,175,1))); /* Chrome,Safari4+ */
  89. background: -webkit-linear-gradient(left,  rgba(0,156,175,1) 14%,rgba(0,156,175,0) 47%,rgba(0,156,175,0) 50%,rgba(0,156,175,0) 53%,rgba(0,156,175,1) 89%); /* Chrome10+,Safari5.1+ */
  90. background: -o-linear-gradient(left,  rgba(0,156,175,1) 14%,rgba(0,156,175,0) 47%,rgba(0,156,175,0) 50%,rgba(0,156,175,0) 53%,rgba(0,156,175,1) 89%); /* Opera 11.10+ */
  91. background: -ms-linear-gradient(left,  rgba(0,156,175,1) 14%,rgba(0,156,175,0) 47%,rgba(0,156,175,0) 50%,rgba(0,156,175,0) 53%,rgba(0,156,175,1) 89%); /* IE10+ */
  92. background: linear-gradient(to right,  rgba(0,156,175,1) 14%,rgba(0,156,175,0) 47%,rgba(0,156,175,0) 50%,rgba(0,156,175,0) 53%,rgba(0,156,175,1) 89%); /* W3C */
  93. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009caf', endColorstr='#009caf',GradientType=1 ); /* IE6-8 */
  94. }
  95.  
  96. #ajaxLoader {
  97.     position: absolute;
  98.     display: none;
  99.     right: 50%;
  100.     top: 50%;
  101.     margin-right: -110px;
  102. }
  103.  
  104. .cat-title {
  105.   width: 100%;
  106.   height: 30px;
  107.   background-color: #fff;
  108. }
  109.  
  110. .cat-title h2 { 
  111.   font-size: 16px; 
  112.   line-height: 16px; 
  113.   color:#666; 
  114.   padding: 8px 0 0 8px;
  115.   float: left;
  116. }
  117.  
  118. .cat-title .btn_browse {float:right; padding-right: 10px;}
  119. .cat-title .btn_browse img { padding-top: 4px;}
  120.  
  121. /* -------------- STARTSEITE TEASER ---------------- */
  122.  
  123. .sw-detail-start {
  124.   min-height: 390px;
  125.   overflow: auto;
  126. }
  127. .sw-detail-start table {
  128.   padding: 15px 10px 10px 10px;
  129. }
  130. .sw-detail-start table td {padding-right: 20px;}
  131. .sw-detail-start table td h3 {
  132.   font-size: 14px;
  133.   padding-bottom: 10px;
  134. }
  135.  
  136. .sw-detail-start table td p {
  137.   font-size: 12px;
  138.   padding: 0;
  139. }
  140.  
  141. .sw-detail-start table td img {
  142.   max-width: 220px;
  143.   max-height: 310px; 
  144. }
  145. .sw-detail-start p {padding: 10px; font-size: 12px;}
  146.  
  147. /* -------------- DETAILSEITE CONTENT ---------------- */
  148.  
  149. .sw-detail {
  150.   min-height: 420px;
  151.   /*max-height: 420px;*/
  152. }
  153. .sw-detail .detailwrapper {
  154.   overflow: auto;
  155. }
  156.  
  157. .sw-detail .detailwrapper table {
  158.   padding: 15px 10px 10px 10px;
  159. }
  160. .sw-detail .detailwrapper table td {padding-right: 10px;}
  161.  
  162. .sw-detail .detailwrapper table td.txt {width: 300px; max-width: 300px;}
  163.  
  164. .sw-detail .detailwrapper table td h3 {
  165.   font-size: 14px;
  166.   padding-bottom: 10px;
  167. }
  168.  
  169. .sw-detail .detailwrapper table td p {
  170.   font-size: 11px;
  171.   padding: 0;
  172.   letter-spacing: .1em;
  173. }
  174. .sw-detail .detailwrapper table td p span.yellow,
  175. .sw-detail .detailwrapper table td p a.yellow { 
  176.   color: #ffff00; 
  177. }
  178.  
  179. .sw-detail .detailwrapper table td img.sw-img {
  180.   max-width: 150px;
  181.   max-height: 200px;
  182.   padding-top: 25px; 
  183.   padding-right: 10px;
  184. }
  185. .sw-detail .detailwrapper p {padding: 10px; font-size: 11px;}
  186.  
  187. .sw-detail .detailwrapper a, 
  188. .sw-detail .detailwrapper a:link, 
  189. .sw-detail .detailwrapper a:hover, 
  190. .sw-detail .detailwrapper a:active, 
  191. .sw-detail .detailwrapper a:visited {
  192.   color: #fff; /*text-decoration: underline;*/ font-weight: bold;
  193. }
  194.  
  195. .btn_install, .btn_folder, .btn_forum {
  196.   display: block;
  197.   width: 80px;
  198.   height: 20px;
  199.   padding-top:40px;
  200.   font-size: 10px;
  201. }
  202.  
  203. .btn_install  {
  204.   background: url(../images/install.png) no-repeat top center;
  205. }
  206.  
  207. .btn_folder {  
  208.   background: url(../images/ordner.png) no-repeat top center; 
  209. }
  210.  
  211. .btn_forum {  
  212.   background: url(../images/forum.png) no-repeat top center;  
  213. } 
  214.  
  215. /* ------------ PARTNER FOOTER ------------- */
  216.  
  217. .partner {padding-bottom:5px;}
  218. .partner a#ad_1 {
  219.   padding-right: 11px;
  220. }
  221. .partner a#ad_3 { float: right;}
  222.  
  223. /* ----------- SOCIAL MEDIA ------------- */
  224. .sb {float:right; padding-bottom:10px;}
  225.  
  226.  
  227. /* -------------- subPage Partner Banner ISSUE ---------------- */
  228. .subPage .contentwrapper .partner { display:none; }
  229. .subPage .contentwrapper .nav-content { height:auto; margin-bottom: 0; }
  230. .subPage .contentwrapper .nav-content .navi {height:auto;}
  231. .subPage .contentwrapper .nav-content .sw-container { height: 538px; }
  232.  
  233. /* ------- Impressum -------- */
  234. .imptable td h3 { font-size: 11px; }
  235. .imptable td { 
  236.   vertical-align: top; 
  237.   font-size: 11px;
  238. }
  239.  
  240. ::-webkit-scrollbar {
  241.     background-color: #D8EEFD;
  242.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  243. }
  244.  
  245. ::-webkit-scrollbar-thumb {
  246.     background: rgba(60,155,172,0.7);
  247.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  248. }
  249.  
  250. ::-webkit-scrollbar-thumb:hover {
  251.     background: rgba(60,155,172,0.8);
  252. }