home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2014 January / PCgo_CD_14_01.iso / interface / css / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2013-11-12  |  8.4 KB  |  277 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-list {
  170.     margin: 10px 10px 10px 20px;
  171. }
  172.  
  173. .sw-detail .detailwrapper table {
  174.   padding: 15px 10px 10px 10px;
  175. }
  176. .sw-detail .detailwrapper table td {padding-right: 10px;}
  177.  
  178. .sw-detail .detailwrapper table td.txt {width: 300px; max-width: 300px;}
  179.  
  180. .sw-detail .detailwrapper table td h3 {
  181.   font-size: 14px;
  182.   padding-bottom: 10px;
  183. }
  184.  
  185. .sw-detail .detailwrapper table td p {
  186.   font-size: 11px;
  187.   padding: 0;
  188.   letter-spacing: .1em;
  189. }
  190.  
  191. .sw-detail .detailwrapper table td p.regbox {
  192.   background: green;
  193.   padding: 5px;
  194. }
  195.  
  196. .sw-detail .detailwrapper table td p span.yellow,
  197. .sw-detail .detailwrapper table td p a.yellow { 
  198.   color: #ffff00; 
  199. }
  200.  
  201. .sw-detail .detailwrapper table td img.sw-img {
  202.   max-width: 150px;
  203.   max-height: 200px;
  204.   padding-top: 25px; 
  205.   padding-right: 10px;
  206. }
  207. .sw-detail .detailwrapper p {padding: 10px; font-size: 11px;}
  208.  
  209. .sw-detail .detailwrapper a, 
  210. .sw-detail .detailwrapper a:link, 
  211. .sw-detail .detailwrapper a:hover, 
  212. .sw-detail .detailwrapper a:active, 
  213. .sw-detail .detailwrapper a:visited {
  214.   color: #fff; /*text-decoration: underline;*/ font-weight: bold;
  215. }
  216.  
  217. .btn_install, .btn_folder, .btn_forum {
  218.   display: block;
  219.   width: 80px;
  220.   height: 20px;
  221.   padding-top:40px;
  222.   font-size: 10px;
  223. }
  224.  
  225. .btn_install  {
  226.   background: url(../images/install.png) no-repeat top center;
  227. }
  228.  
  229. .btn_folder {  
  230.   background: url(../images/ordner.png) no-repeat top center; 
  231. }
  232.  
  233. .btn_forum {  
  234.   background: url(../images/forum.png) no-repeat top center;  
  235. } 
  236.  
  237. /* ------------ PARTNER FOOTER ------------- */
  238.  
  239. .partner {padding-bottom:5px;}
  240. .partner a#ad_1 {
  241.   /*padding-right: 11px;*/
  242. }
  243. .partner a#ad_3 { float: right;}
  244.  
  245. /* ----------- SOCIAL MEDIA ------------- */
  246. .sb {float:right; padding-bottom:10px;}
  247.  
  248.  
  249. /* -------------- subPage Partner Banner ISSUE ---------------- */
  250. .subPage .contentwrapper .partner { display:none; }
  251. .subPage .contentwrapper .nav-content { height:auto; margin-bottom: 0; }
  252. .subPage .contentwrapper .nav-content .navi {height:auto;}
  253. .subPage .contentwrapper .nav-content .sw-container { 
  254.     height: 535px;
  255.     margin-bottom: 8px; 
  256. }
  257.  
  258. /* ------- Impressum -------- */
  259. .imptable td h3 { font-size: 11px; }
  260. .imptable td { 
  261.   vertical-align: top; 
  262.   font-size: 11px;
  263. }
  264.  
  265. ::-webkit-scrollbar {
  266.     background-color: #D8EEFD;
  267.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  268. }
  269.  
  270. ::-webkit-scrollbar-thumb {
  271.     background: rgba(60,155,172,0.7);
  272.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  273. }
  274.  
  275. ::-webkit-scrollbar-thumb:hover {
  276.     background: rgba(60,155,172,0.8);
  277. }