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