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