/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } .copy article ul { list-style: disc; margin-left: 15px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input, button, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }@font-face { /* font ist benoetigt fuer footer!! */ font-family: 'icons'; src: url("/special/giga-2015/assets/icons/fonts/icons.eot?x1avf3"); src: url("/special/giga-2015/assets/icons/fonts/icons.eot?#iefixx1avf3") format("embedded-opentype"), url("/special/giga-2015/assets/icons/fonts/icons.woff?x1avf3") format("woff"), url("/special/giga-2015/assets/icons/fonts/icons.ttf?x1avf3") format("truetype"), url("/special/giga-2015/assets/icons/fonts/icons.svg?x1avf3#icons") format("svg"); font-weight: normal; font-style: normal; } .icon-giga-software:before { content: "\e600"; } .icon-giga-film:before { content: "\e601"; } .icon-giga-games:before { content: "\e602"; } .icon-giga-android:before { content: "\e603"; } .icon-giga-apple:before { content: "\e604"; } .icon-giga:before { content: "\e605"; } .icon-giga-typogram:before { content: "\e610"; } .icon-giga-software-typogram:before { content: "\e606"; } .icon-giga-film-typogram:before { content: "\e607"; } .icon-giga-android-typogram:before { content: "\e608"; } .icon-giga-apple-typogram:before { content: "\e609"; } .icon-giga-games-typogram:before { content: "\e60a"; } /* fonts */ html, input { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } body, input, select, textarea, footer { line-height: 1.5; font-size: .9375em; text-align: left; -webkit-tap-highlight-color: transparent; outline: none; } pre, code { font-family: monospace; padding: 10px 0; } input:disabled, textarea:disabled { background-color: #aaa; } /* Placeholder colors */ ::-webkit-input-placeholder { color: white; } :-moz-placeholder { color: white; } ::-moz-placeholder { color: white; } :-ms-input-placeholder { color: white; } .placeholder { color: white; } textarea { width: 100%; height: 4em; padding: .2em 10px; } nav#main a, .socialweb, #query, input[type='submit'], nav.dossier { font-size: 1em; } h2, h3 { font-size: 1.5em; color: #777777; margin: 0.83em auto; } h1 { font-size: 1.5em; color: #777777; } .speclist h2 { font-size: 1.5em; color: #777777; } h3 { font-size: 1.2em; } h4 { font-size: 1em; } a:hover h2, a:hover h3 { color: #000; } hgroup, aside .heading, .transaction, #marketplace .subhead { font-size: 1em; } aside .heading, aside .subhead, #marketplace .subhead { font-weight: 400; display: block; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, input.placeholder, textarea.placeholder { font-size: 1em; text-shadow: none; color: #fff; } textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea.placeholder { color: #555; } strong { font-weight: bold; } .hidden { display: none; } html { height: 100%; background-color: #F2F2F2; } /* HYPERLINKS */ a { text-decoration: none; } a > p { display: inline; } a.button, .buttons a, div.button { padding: 2px .5em 0; line-height: 1.5; margin: 2px; display: inline-block; border-radius: 3px; width: auto; color: #fff; } .buttons a.econa_liked, .timeline_like a.econa_liked { color: #fff; background: #4F4F4F; border-color: #000; text-shadow: none; } a.button [class^="icon-"], .buttons a [class^="icon-"] { color: #fff; } /* MEDIA */ img { border: none; outline: none; margin: 0; padding: 0; max-width: 100%; } .context li figure { width: 100%; height: 80px; overflow: hidden; border-radius: 3px; margin-bottom: 3px; position: relative; } .context.videos li figure { border-radius: 0; } .context li figure img { width: 100%; border-radius: inherit; } .copy figure, .tv figure, .videos figure { margin-bottom: 1em; border-radius: 5px; position: relative; text-align: center; /* center damit das mit bild-unterschriften cool aussieht */ /* absichtlich kein width 100%, damit bilder in artikel gut aussehen*/ } .copy figure img, .tv figure img, .videos figure img { line-height: 0; vertical-align: top; } .copy figure.gigaPlayer, .tv figure.gigaPlayer, .videos figure.gigaPlayer { line-height: 1; } .copy figure img { border-radius: 5px; padding: 0; /* absichtlich kein width 100%, damit bilder in artikel gut aussehen*/ } .tv figure, .videos figure { margin-bottom: 1em; line-height: 0; border-radius: 5px; overflow: hidden; position: relative; width: 100%; } .copy article div.content div.wp-caption { max-width: 100% !important; } .copy article div.content p i { font-style: italic; } .copy article div.content p i[class^="icon-"] { font-style: normal; } .copy figure:hover, .copy figure:hover img { border-radius: 5px; } .copy figcaption, .copy .figcaption, .copy figure.gallery:hover figcaption { line-height: 1.5; z-index: 100; max-width: 100%; width: auto; font-style: italic; font-size: .8em; font-weight: 700; padding: .2em 1em; text-align: left; } .copy figure.gallery:hover figcaption { background: #fff; border-radius: 0 5px 5px 0; } .copy figcaption:before { font-size: 2em; position: relative; top: 2px; line-height: 1; margin-right: .3em; vertical-align: middle; } .copy figcaption em { font-weight: 400; } .copy figure:hover figcaption { bottom: -3em; } .copy .inline-video div.video { margin-bottom: 1em; } .inline-video div[id^="player-"] { margin: 0; } .copy figure.video { border-radius: 5px 0px 5px 5px; } .copy figure.video:hover { border-radius: 5px; } .copy figure.video figcaption { top: 0; right: 0; bottom: auto; left: auto; border-radius: 0px 0px 0px 5px; } .copy figure.video:hover figcaption { top: -3em; bottom: auto; } .copy figure.video div.playlist { display: none; } .copy figure.video:hover div.playlist { display: block; line-height: 1; } .copy figure.video div.playlist { width: 348px; background: #202020; position: absolute; z-index: 10; left: 100%; top: 0; margin: 0; padding: 0px 10px 5px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; height: 100%; } .copy figure.video div.playlist > .title { text-align: left; line-height: 32px; padding: 0 5px; color: white; height: 32px; } .copy figure.video div.playlist ul { list-style: none; height: 100%; height: calc(100% - 32px); overflow: scroll; margin: 0; padding: 0; } .copy figure.video div.playlist ul li { display: block; padding: 3px 10px; text-align: left; } .copy figure.video div.playlist ul li.current, .copy figure.video div.playlist ul li:hover { background-color: #404040; } .copy figure.video div.playlist ul li:after { display: block; clear: both; content: ""; height: 0; } .copy figure.video div.playlist ul li figure { position: relative; float: left; margin: 0 5px 0 0; border-radius: 0; } .copy figure.video div.playlist ul li figure img { max-width: none; } .copy figure.video div.playlist ul li figure span.duration { position: absolute; right: 5px; top: 5px; color: #FFFFFF; font-size: 0.8em; background-color: rgba(0, 0, 0, 0.8); padding: 3px 4px; border-radius: 3px; font-family: Verdana, sans-serif; line-height: 1; } .copy figure.video div.playlist ul li a.title { color: white; font-size: 12px; display: block; line-height: 1.5; } .copy figure.video div.playlist ul li a.author, .copy figure.video div.playlist ul li span.views { color: #ABABAB; font-size: 10px; line-height: 1.5; } .copy figure.playlist-video { background: #202020; border-radius: 0; } .copy figure.playlist-video div[id^="player-"] { margin: 0; } .copy figure.playlist-video:hover { border-radius: 0; } .copy figure.playlist-video div.current .title { text-align: left; line-height: 32px; padding: 0 5px; color: white; height: 32px; } .copy figure.gallery { cursor: pointer; } .copy figure.gallery figure { overflow: hidden; } .copy figure.gallery ul { width: 100%; overflow: hidden; } .copy figure.gallery li { width: 100%; overflow: hidden; display: none; } .copy figure.gallery li.current { display: block; } .copy figure.gallery li img { width: 100%; height: auto; } .copy figure.gallery b.move { position: absolute; top: 0em; left: 0; z-index: 200; background: #fff; width: 3em; text-align: center; height: 1.5em; padding-top: 1em; border-radius: 0 0px 10px 0; -webkit-user-select: none; } .copy figure.gallery b.prev:hover { cursor: pointer; } .copy figure.gallery b.next:hover { cursor: pointer; } .copy figure.gallery b.next { right: 0; left: auto; border-radius: 0px 0 0 10px; } .copy figure.product_header { max-height: 200px; position: relative; } .copy figure.product_header:hover, .copy figure.product_header:hover img { border-radius: 5px 5px 5px 0; } .tabbox { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; } .tabbox nav li { margin: 0 !important; padding: 0 1em 5px; border-radius: 5px; font-size: .8em; line-height: 2; } .tabbox nav li a { display: block; } .tabbox nav li.current { background: #eee; padding-bottom: 10px; } .tabbox hgroup { position: relative; z-index: 100; text-shadow: 0px 1px 1px #fff; display: block; } .tabbox figure { height: 360px; width: 592px; position: absolute; top: 1px; left: 1px; cursor: pointer; } .tabbox article figure { border-radius: 5px; } .tabbox figure img { border-radius: 5px; width: 100%; height: auto; min-height: 100%; /* images too small will get distorted to fill height! actually that is the case in the dummy now. */ } .tabbox figcaption { bottom: 0 !important; width: 60%; background: rgba(255, 255, 255, 0.8); } .tabbox article { position: absolute; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; z-index: 10; width: 592px; height: 360px; overflow: hidden; margin: 0; padding: 1px; background: #eee; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); margin-top: -8px; border-radius: 5px; } .tabbox article.current { opacity: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; z-index: 100; } section.tabbox a.slide i { font-size: 16px; margin-top: 13px; color: #FFF; } /* tabbox on planet */ .copy .tabbox { margin-bottom: 330px; } .copy .tabbox article { width: 620px; } .copy .tabbox h1 { display: inline; background: none; box-shadow: none; padding: 0; margin: 0; } /* LISTS */ .hlist { word-spacing: -4px; letter-spacing: -4px; } .hlist li { vertical-align: top; display: inline-block; word-spacing: 0px; letter-spacing: 0px; } .hlist li:last-child { margin-right: 0 !important; } .hlist h1, .hlist h2, .hlist h3, .hlist h4, .hlist p { letter-spacing: 0; word-spacing: 0; } aside section li { font-size: .9em; line-height: 1.333; width: 100%; } aside section ul li * li, aside section ol li * li { font-size: 1em; } aside .context li { width: 48%; } aside .context li:nth-child(2n-1) { margin-right: 4%; } .copy figure.product_header .transaction { box-shadow: 0 -15px 15px 0px rgba(0, 0, 0, 0.4) inset, 0 0 10px 1px #000; border: 1px solid #fff; border-radius: 5px; position: absolute; bottom: 10px; left: 10px; height: 2em; line-height: 2em; font-size: 1em; width: auto; } .copy figure.product_header .transaction img { height: auto; width: auto; border-radius: 3px; vertical-align: text-bottom; } .copy figure.product_header .transaction a:before { font-size: 1.8em; margin-right: .2em; position: relative; top: .1em; vertical-align: bottom; } /* SITE STRUCTURE */ #outertop .innertop { margin: auto; position: relative; width: 1155px; } #outerbottom .innerbottom { margin: auto; position: relative; width: 1155px; } #outer { margin: auto; position: relative; width: 1155px; } #inner { position: relative; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ddd; border-radius: 5px 5px 5px 5px; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; width: 1000px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } /* CONTENT */ #content { font-size: 1em; line-height: 1.6; padding: 30px 30px 20px 30px; margin-bottom: 0; display: block; width: 998px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } #content:after { display: block; height: 0; content: ""; clear: both; } #content p { margin-bottom: 1em; } #content article.fullsize p { max-width: none; } /* MARKTPLATZ */ #marketplace { font-size: 1em; line-height: 1.6; margin-bottom: 0; padding: 10px; background-color: #fff; width: 978px; border-radius: 0 0 5px 5px; } #marketplace > div { border: solid 1px #eee; background: #eee; padding: 20px 3px 3px 3px; border-radius: 5px; margin-bottom: 15px; position: relative; } #marketplace > div:before { background: #EEE; content: "ANZEIGE"; font-size: 12px; display: block; line-height: 19px; position: absolute; top: 0; left: 0; right: 0; height: 19px; padding-right: 4px; text-align: right; } #marketplace ul { padding-bottom: 10px; } #marketplace div.headline-2 { margin-bottom: 10px; margin-left: 10px; font-size: 18px; font-weight: bold; color: #777; border-bottom: 0; } #marketplace.partner.products li { width: 31.2%; padding-left: 1%; padding-right: 1%; font-size: .9em; border-left: 1px solid #bbb; } #marketplace.partner.products img { width: 99%; height: auto; margin-bottom: 0; background: #eee; margin-left: auto; margin-right: auto; border-radius: 5px; margin-bottom: 10px; } #marketplace.partner.products li:first-child { border: 0; margin-left: 0; } #marketplace.partner.products p { line-height: 1.2; min-height: 70px; } #marketplace.partner.products a { font-weight: bold; } /* FOOTER */ #bottom { background-color: #2d3d43; background-image: -webkit-radial-gradient(50% 120%, #568a9f 0%, rgba(45, 61, 67, 0) 50%), url(/special/giga-2015/assets/images/page-footer_bg.png); background-image: radial-gradient(at 50% 120%, #568a9f 0%, rgba(45, 61, 67, 0) 50%), url(/special/giga-2015/assets/images/page-footer_bg.png); } footer { padding: 1em; display: block; overflow: hidden; font-size: .8em; width: 976px; color: #fff; } footer ol.footerlink { line-height: 20px; } footer ol.footerlink a, footer ol.footerlink a:hover { color: #fff; } footer ol.footerlink li { display: inline; font-size: 12px; } footer ol.footerlink li:nth-child(even) { padding: 0 5px; } footer span.headline-2 { font-size: 1.5em; margin: 0 0 0.25em 0; display: block; clear: both; line-height: 1; } footer section { width: 31.33333%; margin-bottom: 1em; margin-right: 2%; float: left; } footer #collateral { clear: both; width: 100%; margin-right: 0; text-align: center; } footer .linklist.links li { line-height: 1.4; } footer .linklist.links li a:before { top: 3px; } footer .linklist.links li a { width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0; } footer .seo { font-size: .8em; } footer .giga_logo { width: 25%; float: left; margin: 12px 0px; } footer .giga_logo img { max-width: 170px; max-height: 100%; } footer .giga_logo span { display: none; } footer .newsletter-form { width: 75%; float: left; } footer .newsletter-form .newsletter-description { font-size: 16px; margin: 0 0 10px 0; } footer .newsletter-form .input-wrapper { background: #fff; border-radius: 5px; position: relative; height: 35px; } footer .newsletter-form .input-wrapper input[type="email"] { width: 100%; background: transparent; font-size: 16px; padding: 0 45px 0 10px; border: 0; height: 35px; line-height: 35px; } footer .newsletter-form .input-wrapper input[type="submit"] { background: transparent; position: absolute; right: 0; top: 0; bottom: 0; width: auto; font-size: 16px; line-height: 35px; height: 35px; padding: 0 8px; } footer .newsletter-form .input-wrapper input::-webkit-input-placeholder { color: #AAA; } footer .newsletter-form .input-wrapper input:-moz-placeholder { color: #AAA; } footer .newsletter-form .input-wrapper input::-moz-placeholder { color: #AAA; } footer .newsletter-form .input-wrapper input:-ms-input-placeholder { color: #AAA; } footer .newsletter-form .input-wrapper input.placeholder { color: #AAA; } footer hr { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 20px 0; clear: both; } footer div.linklist ul li { margin-right: 15px; } footer div.linklist.newslist ul { float: left; width: 33%; } footer div.linklist.newslist ul li { width: 302px; margin-right: 10px; font-size: 10px; display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } footer div.linklist.newslist ul.hlist.all-entrys { width: auto; float: none; } footer div.linklist.newslist ul.hlist.all-entrys li { width: 314px; float: left; } footer div.linklist.newslist ul li:last-child { margin: 0; } footer, footer h1, footer h2, footer h3, footer div { color: #fff; } footer .logo { display: block; background-size: initial; height: 25px; margin-bottom: 5px; width: auto; } footer .logo a { font-size: 0; } footer .logo a:hover { text-decoration: none; } footer .logo a:before { font-size: 25px; } footer .logo a[class^="icon-"], footer .logo a[class*=" icon-"] { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } footer .logo a.icon-giga-typogram:before { content: "\e610"; } footer .logo a.icon-giga-software-typogram:before { content: "\e606"; } footer .logo a.icon-giga-film-typogram:before { content: "\e607"; } footer .logo a.icon-giga-android-typogram:before { content: "\e608"; } footer .logo a.icon-giga-apple-typogram:before { content: "\e609"; } footer .logo a.icon-giga-games-typogram:before { content: "\e60a"; } /* THW Navi fuer den Fall, dass es gerade die gruene themenwelt ist ============================================================ */ #outertop2 nav.nav-planet { height: 36px; max-width: 1000px; min-width: 1000px; width: 1000px; margin: 0; box-shadow: 0 -0.4em 0.8em -0.4em rgba(255, 255, 255, 0.2); background-color: rgba(52, 72, 80, 0.4); } #outertop2 nav.nav-planet li { width: 20%; height: 36px; float: left; } #outertop2 nav.nav-planet li a { display: block; height: 36px; color: white; text-align: center; line-height: 36px; font-size: 24px; box-shadow: -1px 0 white, -1px 0 white inset; -webkit-transition: box-shadow 0.2s ease-out, background-color 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-out, background-color 0.2s ease-in; transition: box-shadow 0.2s ease-out, background-color 0.2s ease-in; } #outertop2 nav.nav-planet li.giga-games:hover a { background-color: #c2540a; } #outertop2 nav.nav-planet li.giga-apple:hover a { background-color: #099aaa; } #outertop2 nav.nav-planet li.giga-android:hover a { background-color: #79aa09; } #outertop2 nav.nav-planet li.giga-film:hover a { background-color: #c20a2f; } #outertop2 nav.nav-planet li.giga-software:hover a { background-color: #0a66c2; } #outertop2 nav.nav-planet li:hover a { box-shadow: -1px 0 white, -1px 0 white inset, 0 2em 3em -1em #5f696d inset; -moz-box-shadow: -1px 0 white, -1px 0 white inset, 0 2em 3em -1em #5f696d inset; } #outertop2 nav.nav-planet [class^="icon-"], #outertop2 nav.nav-planet [class*=" icon-"] { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 36px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #outertop2 nav.nav-planet li:before { text-align: center; } #outertop2 nav.nav-planet .icon-giga-typogram:before { content: "\e610"; } #outertop2 nav.nav-planet .icon-giga-software-typogram:before { content: "\e606"; } #outertop2 nav.nav-planet .icon-giga-film-typogram:before { content: "\e607"; } #outertop2 nav.nav-planet .icon-giga-android-typogram:before { content: "\e608"; } #outertop2 nav.nav-planet .icon-giga-apple-typogram:before { content: "\e609"; } #outertop2 nav.nav-planet .icon-giga-games-typogram:before { content: "\e60a"; } aside.secondary { border-radius: 0px 0 0 5px; float: right; width: 300px; margin: 0; } aside .heading, #marketplace .heading { font-size: 1em; font-weight: 400; margin-bottom: .25em; letter-spacing: 0; text-align: left; } aside section { margin: 1em 0; padding: 0 0 1em; } aside section:first-child { margin-top: 0; padding-top: 0; } aside section:first-child .admarker { margin-top: 0; } .share { text-align: left; } .admarker { font-size: .75em; display: block; line-height: 1.5; } aside .admarker { padding: 3px; margin: 3px -3px; } aside .banner, aside .partner, .article_list .banner { background: #eee; padding: 3px 6px; border-radius: 3px; line-height: 1; } .article_list .partner article { border: solid 1px #eee; padding: 20px 3px 3px 3px; border-radius: 5px; margin-bottom: 15px; position: relative; } .copy .article_list .partner article figure { margin-bottom: 0; } .article_list .partner article:before { background: #EEE; content: "ANZEIGE"; font-size: 12px; display: block; line-height: 19px; position: absolute; top: 0; left: 0; right: 0; height: 19px; padding-right: 4px; text-align: right; } .article_list .partner > article > small { display: none; } div.copy ol.article_list li.partner { margin-top: 15px; } div.copy ol.article_list li.partner:first-child { margin-top: 0; } div.copy ol.article_list li.partner { border-bottom: solid 1px #bbb; } .article_list .banner article, .article_list .partner article { border-top: none; } .article_list .admarker { text-align: right; } .article_list .banner h1 { margin-bottom: .5em; } .article_list .banner p { line-height: 1.4; font-size: .9em; } .article_list label { font-style: italic; line-height: 2.2em; margin-top: 2em; display: inline-block; font-size: 15px; color: #999; font-weight: 400; } .article_list label.pos-1 { margin-top: 0; } .secondary .admarker { text-align: right; } #marketplace .admarker { margin-top: -1.5em; } /* HEADER AND HOCKEYSTICK */ #hockeystick { left: 0; position: relative; text-align: left; z-index: 20; margin-bottom: 0; width: 1000px; min-height: 90px; margin-top: 20px; } #iqadtile1 { text-align: center; } #hockeystickl .skyscraper { position: absolute; left: 1000px; top: 0; } #logo { background-image: url(themes/giga/assets/img/logo_giga.png); float: left; } .hockeystick #hockeystick { display: block; } .logo { width: 150px; height: 60px; background-position: left center; background-size: contain; background-repeat: no-repeat; text-align: left; } .home #top .logo { width: 286px; } /* for deals teasers use plus/minus sign*/ .copy article ul.articleoptions { margin-left: 160px; } article .articleoptions li { margin: .5em .5em 0 0; display: inline-block; padding: 0; padding-bottom: 5px; text-transform: normal; } article .articleoptions li a, article .articleoptions li a:hover { color: #fff; white-space: nowrap; } .articleoptions li a.transaction { width: auto; font-size: .9em; line-height: 2; margin: 0; padding: .25em .5em; display: inline; } /* SOCIAL WEB */ .socialweb { text-align: center; width: 100%; font-size: 1.25em; margin: .5em 0 .2em; padding: .5em 0; } footer ul.socialweb.hlist { text-align: left; } footer ul.socialweb.hlist li { margin-right: 5px; } #inner footer ul.socialweb.hlist a:hover:before { font-size: 1em; text-shadow: none; box-shadow: none; } .socialweb li a:before { font-size: 1em; line-height: 1; margin: 0; color: #fff; } .socialweb li a { background-color: rgba(0, 0, 0, 0.1); display: inline-block; width: 1.6em; height: 1.6em; line-height: 1.75; padding: 0; margin: 0 .3em; border-radius: 100%; text-align: center; } .socialweb li:hover a { box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.4) inset; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); color: #fff; } .socialweb li a.icon-envelope-alt { background-color: #267338; } .socialweb li:hover a.icon-envelope-alt { background-color: #33cc57; } .socialweb li a.icon-rss { background-color: #735026; } .socialweb li:hover a.icon-rss { background-color: #cc8733; } .socialweb li a.icon-facebook { background-color: #263d73; } .socialweb li:hover a.icon-facebook { background-color: #3361cc; } .socialweb li a.icon-twitter { background-color: #266073; } .socialweb li:hover a.icon-twitter { background-color: #33a6cc; } .socialweb li a.icon-google-plus { background-color: #733326; } .socialweb li:hover a.icon-google-plus { background-color: #cc4d33; } .socialweb li a.icon-play { background-color: #732926; } .socialweb li:hover a.icon-play { background-color: #cc3833; } .socialweb li a.icon-pinterest { background-color: #732629; } .socialweb li:hover a.icon-pinterest { background-color: #cc3338; } .copy .meta a.comments:hover { text-decoration: none; } .copy .socialweb a:hover { text-decoration: none; } /* BANNER */ .banner { display: block; line-height: 0; } .transaction { width: 96%; margin: 0; border-radius: 5px; line-height: 1.2; min-height: 20px; padding: .25em 2%; box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.4) inset, 0 0 10px 1px #000; position: relative; text-align: center; border: 1px solid #FFF; } .transaction i:before { line-height: 1; } /* PARTNER AND MARTPLACE LIST */ .partner, .products { line-height: 1.4; } .partner img, .products img { margin-right: 10px; float: left; border-radius: 3px; } .partner h2, .products h2 { font-size: 1.2em; line-height: 1.4; margin-bottom: 0; } .partner .price { display: block; margin-bottom: .5em; } .partner small.disclaimer { font-size: .7em; text-align: center; display: block; background: #fff; border-radius: 3px; padding: 3px; line-height: 1.3; } .partner li, .products li { clear: both; overflow: hidden; } .products.top .subhead { padding-top: .5em; } .bestprice, .bestprice .heading { text-align: center; } /* bestseller */ .products.bestseller li a { display: block; background: #fff; padding: 3px; margin-bottom: 1px; border-radius: 3px; min-height: 35px; } aside section.products.bestseller .subhead { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } aside section.products.bestseller a em.price { margin-bottom: 0; } aside section.products.bestseller a:hover em.price { text-decoration: underline; } aside section.products.bestseller li a:after { content: ""; display: block; height: 0; clear: both; } ol.decimal img { width: 35px; height: auto; margin-left: 40px; margin-top: 4px; margin-bottom: 0; } ol.decimal span.sprite-img { width: 35px; height: auto; margin-left: 40px; margin-top: 4px; margin-bottom: 0; } ol.decimal li { position: relative; overflow: hidden; } ol.decimal li:before { position: absolute; left: .8em; top: 5px; width: 1.5em; height: 1.5em; line-height: 1.5; border-radius: 100%; text-align: center; } ol.decimal li:first-child:before { content: '1'; } ol.decimal li:nth-child(2):before { content: '2'; } ol.decimal li:nth-child(3):before { content: '3'; } ol.decimal li:nth-child(4):before { content: '4'; } ol.decimal li:nth-child(5):before { content: '5'; } ol.decimal li:nth-child(6):before { content: '6'; } ol.decimal li:nth-child(7):before { content: '7'; } ol.decimal li:nth-child(8):before { content: '8'; } ol.decimal li:nth-child(9):before { content: '9'; } ol.decimal li:nth-child(10):before { content: '10'; } /* video playlist sidebar */ aside .playlists li { margin-bottom: 1em; } aside .playlists .thumbs li { box-shadow: -5px 0 10px -5px black; width: 35%; margin: 0 -16% 0 0; border: 1px solid #fff; height: 55px; overflow: hidden; position: relative; z-index: 9; } aside .playlists .thumbs li:first-child { box-shadow: 0px 0 10px 0px transparent; } aside .playlists .thumbs li:hover { z-index: 10; box-shadow: 0px 0 10px 0px black; } .products img { width: 35px; height: 35px; float: left; margin: 0 10px 10px 0; } .products span.sprite-img { float: left; margin: 0 10px 10px 0; } .products.tests img { width: 70px; height: 70px; } /* HEADER NAVIGATIONS */ nav#main { width: 1000px; height: 36px; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } nav#main a { font-size: .9em; display: block; height: 100%; padding: 0 12px; } nav#main a:hover { text-shadow: 0 1px 0 #fff; } nav#main ul { width: 1000px; } nav#main ul.subsubnavigation a { text-shadow: none; } #world.hlist { position: relative; } #world.hlist > li > a { position: relative; z-index: 1001; } #world.hlist > li:hover > a, #world.hlist > li.current_page_item a { background: #fff; color: #555; } #world.hlist li ul.subsubnavigation { display: none; position: absolute; z-index: 1000; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 1000px; margin: 0 0 0 83px; padding: 14px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } #world.hlist li:hover ul.subsubnavigation { display: block; } #world.hlist li ul.subsubnavigation li { width: 190px; float: left; padding: 0px 6px 10px 29px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } #world.hlist li ul.subsubnavigation > li:nth-child(5n+1) { clear: both; } #world.hlist li ul.subsubnavigation > li:nth-child(5n) { padding-right: 11px; } #world.hlist li ul.subsubnavigation > li > a { padding: 0 0 2px 0; color: #aaa; text-transform: none; height: auto; } #world.hlist li ul.subsubnavigation li a:hover { text-decoration: underline; } #world.hlist li ul.subsubnavigation li ul.subsubsubsubnavigation { width: auto; } #world.hlist li ul.subsubnavigation li ul.subsubsubsubnavigation li { padding: 0; display: inline; width: auto; line-height: 1.1; } #world.hlist li ul.subsubnavigation li ul.subsubsubsubnavigation li:after { content: ', '; padding: 0 4px 0 0; } #world.hlist li ul.subsubnavigation li ul.subsubsubsubnavigation li:last-child:after { content: ''; } #world.hlist li ul.subsubnavigation li ul.subsubsubsubnavigation li a { padding: 0; text-transform: none; display: inline; } #world.hlist li ul.subsubnavigation.level2 { left: 0; margin: 0; } /* #world.hlist li.topic-switcher { > a { font-size: 0; transition: 0; } > a:before { font-family: FontAwesome; content: "\f0c9"; font-size: 16px; display: block; } ul.subsubnavigation { li { width: 166px; &:nth-child(5n+1) { clear: none; } &:nth-child(5n) { padding-right: 6px; } &:nth-child(6n+1) { clear: both; } &:nth-child(6n) { padding-right: 11px; } a { font-size: 0; text-shadow: none; } a:hover { text-decoration: none; color: #555; } a:before { font-size: 20px; font-family: icons; } &.icon-giga-apple-typogram:before { display: none; } &.icon-giga-android-typogram:before { display: none; } &.icon-giga-film-typogram:before { display: none; } &.icon-giga-games-typogram:before { display: none; } &.icon-giga-software-typogram:before { display: none; } &.icon-giga-apple-typogram a:before { content: "\e609"; } &.icon-giga-android-typogram a:before { content: "\e608"; } &.icon-giga-film-typogram a:before { content: "\e607"; } &.icon-giga-games-typogram a:before { content: "\e60a"; } &.icon-giga-software-typogram a:before { content: "\e606"; } &.current_page_item { &.icon-giga-android-typogram a { color: lighten(hsl(78, 90%, 35%), 10); } &.icon-giga-apple-typogram a { color: lighten(hsl(186, 90%, 35%), 10); } &.icon-giga-film-typogram a { color: lighten(hsl(348, 90%, 40%), 10); } &.icon-giga-games-typogram a { color: lighten(hsl(24, 90%, 40%), 10); } &.icon-giga-software-typogram a { color: lighten(hsl(210, 90%, 40%), 10); } &.icon-giga-android-typogram a:hover { color: hsl(78, 90%, 35%); } &.icon-giga-apple-typogram a:hover { color: hsl(186, 90%, 35%); } &.icon-giga-film-typogram a:hover { color: hsl(348, 90%, 40%); } &.icon-giga-games-typogram a:hover { color: hsl(24, 90%, 40%); } &.icon-giga-software-typogram a:hover { color: hsl(210, 90%, 40%); } } &.giga-startpage a { font-size: 20px; font-weight: bold; line-height: 20px; height: 20px; } } } } */ #world.hlist li.topic-switcher > a { font-size: 0; transition: 0; } #world.hlist li.topic-switcher > a:before { font-family: FontAwesome; content: "\f0c9"; font-size: 16px; display: block; } #world.hlist li.topic-switcher ul.subsubnavigation { width: auto; background: #fff; border-radius: 0; border: 0; margin: 0; } #world.hlist li.topic-switcher ul.subsubnavigation > li > a { font-size: 0; border-radius: 5px; opacity: 0.9; } #world.hlist li.topic-switcher ul.subsubnavigation > li > a:hover { opacity: 1; } #world.hlist li.topic-switcher ul.subsubnavigation li { padding: 0px 12px 10px 12px; float: none; display: block; width: auto; /* &.icon-giga-android-typogram a { background-color: hsl(78, 90%, 35%); } &.icon-giga-apple-typogram a { background-color: hsl(186, 90%, 35%); } &.icon-giga-film-typogram a { background-color: hsl(348, 90%, 40%); } &.icon-giga-games-typogram a { background-color: hsl(24, 90%, 40%); } &.icon-giga-software-typogram a { background-color: hsl(210, 90%, 40%); } */ } #world.hlist li.topic-switcher ul.subsubnavigation li a { font-size: 0; text-shadow: none; } #world.hlist li.topic-switcher ul.subsubnavigation li a:hover { text-decoration: none; } #world.hlist li.topic-switcher ul.subsubnavigation li a:before { font-size: 20px; font-family: icons; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-apple-typogram:before { display: none; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-android-typogram:before { display: none; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-film-typogram:before { display: none; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-games-typogram:before { display: none; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-software-typogram:before { display: none; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-apple-typogram a:before { content: "\e609"; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-android-typogram a:before { content: "\e608"; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-film-typogram a:before { content: "\e607"; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-games-typogram a:before { content: "\e60a"; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-software-typogram a:before { content: "\e606"; } #world.hlist li.topic-switcher ul.subsubnavigation li.giga-startpage a { font-size: 18px; font-weight: bold; line-height: 25px; height: 25px; } #world.hlist li.topic-switcher ul.subsubnavigation li.giga-startpage a:hover { color: #555; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-android-typogram a:hover { color: #79aa09; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-apple-typogram a:hover { color: #099aaa; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-film-typogram a:hover { color: #c20a2f; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-games-typogram a:hover { color: #c2540a; } #world.hlist li.topic-switcher ul.subsubnavigation li.icon-giga-software-typogram a:hover { color: #0a66c2; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-android-typogram a { color: #8bc20a; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-apple-typogram a { color: #0aafc2; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-film-typogram a { color: #da0b35; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-games-typogram a { color: #da5e0b; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-software-typogram a { color: #0b73da; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-android-typogram a:hover { color: #79aa09; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-apple-typogram a:hover { color: #099aaa; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-film-typogram a:hover { color: #c20a2f; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-games-typogram a:hover { color: #c2540a; } #world.hlist li.topic-switcher ul.subsubnavigation li.current_page_item.icon-giga-software-typogram a:hover { color: #0a66c2; } /* ARTICLE */ article { font-size: 1em; } .copy article { margin-bottom: 1em; } .copy article:after { content: ""; height: 0; display: block; clear: both; } article hgroup { font-weight: 600; padding-bottom: .5em; line-height: 1.1; } article hgroup h1 { font-size: 1.5em; } article hgroup h2 { font-size: .8em; font-weight: 400; margin: 0; } article hgroup .meta { font-size: .8em; font-weight: 400; margin-top: .5em; text-align: left; color: #999; display: block; } article hgroup .meta span.author, article hgroup .meta a { display: inline-block; height: 1em; font-size: 1em; } article hgroup .meta span.authorarticle hgroup .meta a.author { display: inline-block; } /* fuer ie 8 kein autor bild anzeigen, der kann article und hgroup styles nicht interpretieren.. */ .meta div.author-image { display: none; } article hgroup .meta div.author-image { display: inline-block; width: 20px; height: 20px; margin: -3px 2px 0; background-position: top left; background-size: cover; background-repeat: no-repeat; vertical-align: middle; } article hgroup .meta span.shortnews { color: #666666; } article hgroup .meta a.shortnews-quickview { font-weight: bold; } article hgroup .meta .shortnews { font-weight: bold; } article hgroup .meta a.shortnews-link { display: inline; } article hgroup .meta a.shortnews-link img.favicon { position: relative; top: 4px; height: 16px; width: 16px; } article hgroup .comments { margin-right: 0; margin-left: 1em; width: auto; display: inline-block; white-space: nowrap; } article hgroup .comments { float: right; } article hgroup .meta .countviews { float: right; margin-left: 1em; } article hgroup .meta .author { margin-left: 1px; } article hgroup .meta a.author:hover { text-decoration: underline; } article .meta.author-only { clear: both; font-size: 15px; font-weight: 400; margin-top: .5em; text-align: left; color: #999; line-height: 24px; height: 24px; display: block; } article .meta.author-only span.author, article .meta.author-only a { display: inline-block; height: 24px; font-size: 1em; } article .meta.author-only span.authorarticle .meta.author-only a.author { display: inline-block; } article .meta.author-only div.author-image { display: inline-block; width: 20px; height: 20px; margin: -3px 2px 0; background-position: top left; background-size: cover; background-repeat: no-repeat; vertical-align: middle; } nav.dossier { font-size: .8em; width: 34%; float: left; margin: .25em 1em 1em 0; padding: 1px; } nav.dossier.list { float: none; margin: 1em 0; width: auto; text-align: center; font-size: 1em; } nav.dossier.list h1 { text-transform: none; box-shadow: 0 5px 15px -5px black, 0 -5px 30px -5px rgba(0, 0, 0, 0.6) inset; } nav.dossier i { font-size: .8em; } nav.dossier h1 { font-size: 1.2em; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 2px; box-shadow: 0 5px 15px -5px black, 0 -5px 30px -5px rgba(0, 0, 0, 0.6) inset; position: relative; z-index: 100; } nav.dossier a { padding: .1em .4em 0; } nav.dossier ul { padding: 1em 10px; position: relative; margin-left: 0; } nav.dossier li a:hover, nav.dossier .currenttab a { border-radius: 2px; } nav.dossier li { margin: 0 .2em 0 0em; } .subscribe { margin: 1em 0; padding: 1px; } .subscribe form { padding: .5em 1em; overflow: hidden; display: block; font-size: .8em; } .subscribe form input[type="mail"] { width: 60%; margin-bottom: .5em; } .subscribe h3 { font-size: 1.5em; } #content p.intro { font-weight: 600; } #content article h1:not(.meta) { line-height: 1.4em; } #content article h1:not(.meta) a i { font-size: 16px; } #content article h2:not(.meta), #content article h3:not(.meta), #content div.headline-2 { clear: both; margin: 30px 0 10px; font-size: 20px; line-height: 28px; } #content article.singles-article .shortnews-link img { margin: 0 2px 3px 2px; vertical-align: middle; } #content article section.bigListing h2:not(.meta), #content article section.bigListing h3:not(.meta), #content section.bigListing div.headline-2 { clear: none; } article .factsheet.movie-factsheet .headline { font-weight: bold; font-size: 16px; padding: 0 10px; } /* Headlines auf Artikel und Produktseiten!! ================================================================= */ body.single #content article.singles-product hgroup h1, body.single #content article.singles-article hgroup h1 { margin-top: -5px; font-size: 26px; margin-bottom: 10px; line-height: 1.1em; font-weight: 600; width: auto; } /* Und fuer die Autorenseite: ================================================================= */ body #content article.singles-author hgroup { font-size: 26px; line-height: 1.1em; font-weight: 600; } body #content article.singles-author hgroup h1, body #content article.singles-author hgroup h2 { margin-top: -5px; font-size: 26px; margin-bottom: 10px; line-height: 1.1em; font-weight: 600; width: auto; display: inline-block; } /* Headlines in der Sidebar! =============================================================================== */ aside.secondary .sidebar-box .header .headline, aside.secondary .headline, aside.secondary .linklist h1, aside.secondary section strong.heading, aside.secondary section h1, aside.secondary section h2, aside.secondary section h3 { color: #888; font-size: 1em; font-weight: 600; } body.single #content article.singles-article .ad-marker-tabbar h1:not(.meta) { margin-top: 0; } body.single #content article.singles-article hgroup .meta .author { margin-left: 0; margin-right: 5px; } body.single #content article.singles-article hgroup .meta div.author-image { margin: -3px 5px 0 0; } /* ARTICLE COPY TEXT */ .copy, .secondary { display: inline-block; vertical-align: top; } .copy { width: 620px; } .index .copy { width: 594px; } .copy #author { padding: 0 1em 0 0; display: block; overflow: hidden; } .copy #author figure { width: 100px; height: auto; float: left; margin: 0 16px 1em 0; } .copy #author figure figcaption { padding: .2em 0; } .copy #author .linklist { margin-left: 116px; margin-bottom: 1em; } /* ARTICLE LIST */ .article_list li { margin: 1em 0 0; } .article_list.list_oneline li { margin: 0; } .article_list article { padding: 0em 3px 0; overflow: hidden; display: block; margin: 0; position: relative; } .article_list article figure { width: 33%; float: left; margin-right: 1em; } .article_list.fullimg > li figure, .article_list.fullimg > li:first-child figure { width: 100%; float: none; } .article_list.fullimg li figcaption { padding: 10px 1em 8px; font-size: 1em; } .article_list li figcaption, .article_list figure:hover figcaption { top: 1px; left: 1px; bottom: auto; border-radius: 3px 0 3px 0; white-space: nowrap; text-overflow: ellipsis; max-width: 40%; overflow: hidden; text-shadow: 0 1px 0 #fff; z-index: 100; padding: .2em .5em; box-shadow: 0px 0 8px -1px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 2px white, 4px -4px 8px -5px rgba(0, 0, 0, 0.3) inset, -20px 0 20px -5px white inset; background: #e6e6e6; } .article_list h1 { font-size: 1.5em; } .article_list:not(.fullimg) li article.smallimg p { display: block; margin-left: 200px; } .article_list:not(.fullimg) li.showing_video article.smallimg p { margin-left: 0px; } .article_list { clear: both; } /* BESTPRICE LISTING */ .article_list.bestprice_list figure, .article_list.bestprice_list > li:first-child article figure { width: 20%; } .bestprice_list h1 { margin-bottom: .5em; } .bestprice_list .pricetag { width: 35%; margin: 0 0 1em 10px; float: right; text-align: center; background: #eee; padding: 2px; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); margin-top: 10px; } .bestprice_list .pricetag * { display: block; padding: 0 .5em; line-height: 1.3; } .bestprice_list .pricetag .transaction { margin: 0; width: 100%; padding: 0; line-height: 1.6; } .bestprice_list .pricetag .transaction i { display: inline; } .bestprice_list .pricetag strong { font-size: 1.5em; color: #222; } .bestprice_list .pricetag i { font-size: .7em; } .bestprice_list .pricetag em { font-size: .7em; font-weight: 700; padding: .2em 0; border-top: 1px solid #ccc; } .bestprice_list .pricetag small { font-size: .6em; padding: .5em 0 0; color: #999; } /* BEN BLOG / AUTHOR PROFILE PAGE*/ #listinglead { overflow: hidden; margin-bottom: 1em; border-radius: 5px; position: relative; font-size: .8em; border: solid #bbb 1px; } #listinglead figure { width: 110px; float: left; margin: 10px; } #listinglead h2 { clear: both; margin: 0 !important; border: none !important; } #listinglead dl { float: left; width: 480px; margin-bottom: 1em; margin-left: 0; } #listinglead dt:first-child, #listinglead dt:first-child + dd { border: none; } #listinglead dt, #listinglead dd { float: left; margin-bottom: .5em; padding-top: .5em; border-top: 1px solid #bbb; } #listinglead dt { clear: left; min-width: 20%; padding-right: 10%; } #listinglead dd { width: 70%; } #listinglead form, #listinglead p, #listinglead a { margin: .5em 1em; } #listinglead dt a, #listinglead dd a { margin: 0; } #listinglead .socialweb { border-top: 1px solid #bbb; clear: both; border-radius: 0 0 5px 5px; font-size: 1.5em; text-shadow: none; margin: 0; } /* SPOTLIGHT */ .spotlight { padding: 1px; margin-bottom: 1em; text-shadow: 0 1px 0 white; } .spotlight > h2 { text-align: center; font-size: 1em; padding: .5em 1%; margin: 0; } .spotlight li { width: 31.333333%; margin: 1%; } .spotlight li figure { height: 100px; overflow: hidden; display: block; } .spotlight li figure, .spotlight li figure img { margin: 0; border-radius: 5px; max-width: 100%; } .spotlight li figure { position: relative; } .spotlight li figure figcaption { height: 54px; max-width: 100%; position: absolute; top: 0px; bottom: auto; border-radius: 0 0 5px 0; overflow: hidden; text-shadow: 0 1px 0 #fff; z-index: 100; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -ms-transition: 1s ease-out; -o-transition: 1s ease-out; transition: 1s ease-out; font-size: 12px; line-height: 1.3em; padding-left: 4px; padding-right: 4px; } .videos.spotlight h2.bordered { border: 0px; } .spotlight li figure:hover img, .spotlight li figure:hover { border-radius: 0 5px 5px 5px; } section.spotlight h2.bordered, section.spotlight div.headline-2.bordered { font-size: 23px; } .threecol { display: block; overflow: hidden; padding: 16px; background: #fff; } .threecol > div { width: 32.33333%; margin: 0 .5% 1em; float: left; position: relative; } .tv hgroup { margin-bottom: 1em; } .tv .videos a { margin-bottom: 1em; display: block; overflow: hidden; } .tv .videos figure { margin-bottom: 3px; position: relative; border-radius: 5px 5px 0 0; cursor: pointer; z-index: 10; } .tv .videos figure:hover, .tv figure img, .tv figure:hover img { border-radius: 5px 5px 0 0; } .tv .videos figure img { -moz-transition: .2s ease-out; -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; } .tv .videos figure:hover img { -moz-transform: scale(1.1) translateY(-10px); -webkit-transform: scale(1.1) translateY(-10px); -o-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } .tv .videos figure { height: 160px; } .tv .videos figure:before { z-index: 100; } .tv .videos figure:after { content: ''; display: block; width: 100%; height: 2px; position: absolute; bottom: 0px; left: 0px; background: #eee; border: 8px; border-style: solid; box-shadow: 0 2px 0px -1px rgba(0, 0, 0, 0.5) inset; } .tv .videos time { color: #555; float: right; width: 65px; text-align: right; } em.brand { font-weight: 400; color: #aaa; padding-right: 2px; } /* PAGINATION */ .pagination { font-size: 1em; padding: 1px; position: relative; margin-bottom: 1em; margin-top: 10px; clear: both; } .pagination .hlist { word-spacing: 0; letter-spacing: 0; } .pagination li { margin: 0; } .pagination li.empty { margin: 0 5px; } .pagination.articles { font-size: .8em; margin-top: 1em; } .pagination.articles .flip a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 45%; } .pagination .flip { display: block; text-align: center; line-height: 0; } .pagination .flip * { line-height: 1.4; } .pagination .flip a { border-radius: 2px; } .pagination .flip a:hover { background: #4f4f4f; text-decoration: none; } .pagination .flip .prev { float: left; padding: 0 .4em 0 1em; } .pagination .flip .next { float: right; padding: 0 1em 0 .4em; } .pagination .sequences { margin: 0 auto; width: 60%; display: inline-block; } .pagination .sequences a, .pagination .sequences li.current { padding: 0 .4em; margin: 0 1px; line-height: 1.4; } .pagination .pages { font-size: .8em; position: absolute; left: -1px; z-index: 100; width: 100%; display: block; overflow: hidden; background: #fff; border: 1px solid transparent; border-top: none; border-radius: 2px; max-height: 0; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -ms-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; box-shadow: 0 0px 0px 0px transparent; } .pagination .pages div { margin: 0 1px 1px; display: block; overflow: hidden; } .pagination:hover .pages { height: auto; max-height: 15em; box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5); } .pagination ol { width: 45%; padding: .5em; line-height: 1.2; } .pagination ol li { margin-bottom: .5em; } .pagination ol.past { float: left; } .pagination ol.future { text-align: right; float: right; } .pagination ol a { display: block; } .pagination ol a:hover { color: #4f4f4f; } .pagination:after { content: ""; display: block; height: 0; clear: both; } h1:before, h2:before { padding-right: .5em; } /* ABOUT TEAM AUTHORS */ #about { position: relative; overflow: hidden; } #about .expandable .handle { position: absolute; top: -.3em; right: 0; font-size: 1.5em; } .expandable .expand:not(.open) { display: none; } #authors { overflow-x: hidden; overflow-y: hidden; white-space: nowrap; text-align: left; transition: margin-left 2s; -moz-transition: margin-left 2s; -o-transition: margin-left 2s; -webkit-transition: margin-left 2s; } #authors li { height: 70px; width: 70px; vertical-align: top; margin-bottom: 3px; margin-right: 3px; transition: 1s; -o-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; position: relative; overflow: hidden; } #authors li figure { height: 70px; width: 70px; display: block; float: left; overflow: hidden; } #authors li img { width: 100%; height: auto; } #authors li p { display: block; color: #fff; width: 130px; padding: 5px 5px 5px 75px; white-space: normal; font-size: .8em; } #authors li:hover { width: 210px; } #authors li img { transition: 1s; transform: scale(1); -o-transition: 1s; -o-transform: scale(1); -moz-transition: 1s; -moz-transform: scale(1); -webkit-transition: 1s; -webkit-transform: scale(1); } #authors li:hover img { transition: 1s; transform: scale(1.6); -o-transition: 1s; -o-transform: scale(1.6); -moz-transition: 1s; -moz-transform: scale(1.6); -webkit-transition: 1s; -webkit-transform: scale(1.6); } /* ABOUT TOPIC*/ #topic { padding: 1px; position: relative; } #topic div { overflow: hidden; padding: 6px; } #topic .listoptions { text-align: center; z-index: 10; position: relative; } #topic .links li { width: 49%; display: inline-block; } #topic .handle { position: absolute; top: 0; right: 0; background: none; font-size: 1.2em; } #topic .handle b { padding: 0 5px; cursor: pointer; } #topic figure { width: 30%; float: left; margin: 0; } #topic .container ul { opacity: 0; position: absolute; display: none; transition: 0s; -o-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; } #topic .container ul.current { opacity: 1; position: static; display: block; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } #topic li { display: block; } #topic li a { display: inline; } #topic li a:before { font-size: 1em; } #about, #topic { line-height: 1.333; } #about p, #topic p { font-size: .9em; } /* TAGCLOUD TOPLIST */ .toplist ul { font-size: .8em; } .tagcloud ul { font-size: .7em; text-align: left; } .tagcloud li { width: auto; padding: .2em; display: inline-block; } .tagcloud em { font-size: 1.25em; } /* LINK LIST */ .ticker.linklist ul.tickerlist { max-height: 8em; overflow-y: scroll; overflow-x: hidden; } .links.linklist li { position: relative; list-style: none; } .links.linklist li a { width: auto; text-align: left; padding-left: 1em; } .linklist li a:before { text-indent: 0em; height: 100%; font-size: .8em; position: absolute; left: 0; top: 8px; } aside .linklist li a { display: block; padding: 3px 0px; } .linklist li * i { font-size: 1em; display: inline-block; } .linklist li b, .linklist li time { float: right; font-size: .9em; white-space: nowrap; border-radius: 0 3px; padding: 0 .5em; margin: -6px -6px 3px .2em; } section.popular.linklist.firststrong.boxed li b, section.popular.linklist.firststrong.boxed li a { font-size: 14px; } .linklist.firststrong li:first-child { width: 100%; margin-right: 0; } .linklist.firststrong li:first-child figure { height: 160px; } .linklist.boxed li a { color: #fff; padding: 6px; border-radius: 3px; margin-bottom: 3px; } .linklist.boxed li a:hover { color: #fff; } .linklist.boxed li a { background: #14782B; } .linklist.boxed li:nth-child(2) a { background: rgba(79, 79, 79, 0.9); } .linklist.boxed li:nth-child(3) a { background: rgba(79, 79, 79, 0.8); } .linklist.boxed li:nth-child(4) a { background: rgba(79, 79, 79, 0.7); } .linklist.boxed li:nth-child(5) a { background: rgba(79, 79, 79, 0.6); } .linklist.boxed li:nth-child(6) a { background: rgba(91, 138, 149, 0.5); } .linklist.boxed li:nth-child(7) a { background: rgba(91, 138, 149, 0.4); } .linklist.boxed li:nth-child(8) a { background: rgba(91, 138, 149, 0.3); } .linklist.boxed li:nth-child(9) a { background: rgba(91, 138, 149, 0.2); } .linklist.boxed li:nth-child(10) a { background: rgba(91, 138, 149, 0.1); } /** HOVER **/ .linklist.boxed li:nth-child(2) a:hover { background: #14782B; } .linklist.boxed li:nth-child(3) a:hover { background: #14782B; } .linklist.boxed li:nth-child(4) a:hover { background: #14782B; } .linklist.boxed li:nth-child(5) a:hover { background: #14782B; } .linklist.boxed li:nth-child(6) a:hover { background: #14782B; } .linklist.boxed li:nth-child(7) a:hover { background: #14782B; } .linklist.boxed li:nth-child(8) a:hover { background: #14782B; } .linklist.boxed li:nth-child(9) a:hover { background: #14782B; } .linklist.boxed li:nth-child(10) a:hover { background: #14782B; } .videos figure { position: relative; border-radius: 0 !important; box-shadow: 0 0 0 1px #ccc; } .videos figure:hover, .videos figure:hover img { border-radius: 0 !important; } .videos figure:after { content: ''; z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; outline: 1px solid rgba(255, 255, 255, 0.5); outline-offset: -3px; } .videos figure img { border-radius: inherit; } .videos figure, figure.icon-play, a figure.icon-play { display: block; } .videos figure:before, figure.icon-play:before, a figure.icon-play:before { position: absolute; top: 50%; left: 50%; color: white; text-align: center; border-radius: 100px; padding: 0; padding-left: 4px; font-size: 22px; line-height: 44px; background: rgba(0, 0, 0, 0.8); height: 44px; width: 40px; margin: -22px 0 0 -22px; border: 2px solid #FFF; } /* breadcrumb */ .breadcrumb { text-align: center; } .breadcrumb li:first-child { margin-right: 15px; } .breadcrumb li { margin-right: .5em; color: #999; } .breadcrumb li span i { font-size: 8px; } #collateral li a { color: #999; padding: 0 .5em; } #collateral #logo_universe { text-align: center; margin: auto; } .listoptions a { margin-right: 1em; font-size: .8em; white-space: nowrap; } .listoptions a:hover { color: #000; } /* for list_topic */ .adsense article { padding: .2em 0; } .adsense { margin-bottom: 1em; margin-left: 5px; } /* for software_download / product pages */ table.specs th { border-right: 1px solid #fff; } table.specs th, table.specs td { padding: .5em; border-bottom: 1px solid #fff; } .icon-ban-circle { color: #911; } .icon-ok-circle { color: #991; } .icon-ok-sign { color: #191; } table.zebra tr { -webkit-transition: .5s; } table.zebra tr:nth-child(2n) { background: rgba(255, 255, 255, 0.4); } table.zebra tr:hover { background: white; } .specs { border-radius: 5px; margin-bottom: 1em; padding-bottom: 1em; background: #E1E9EB; } .copy .transaction { margin: 1em auto; width: auto; } .copy .transaction a { display: inline; } .transaction small { font-size: .6em; font-weight: normal; line-height: 2; display: block; margin-top: -.3em; } .specs .speclist { display: inline-block; width: 47%; padding: 1%; vertical-align: top; } .specs h2 { line-height: 1; } .speclist dt, .speclist dd { float: left; } .speclist dt { font-weight: bold; clear: both; padding-right: .5em; } .features li { padding-right: 1.5em; } .copy article ul.features { margin-left: 0; } .snipplet code { border: 1px solid #000; width: 430px; height: 100px; overflow: scroll; font-size: .8em; display: inline-block; vertical-align: top; } /* three elements box - used in video landing, product_glossy, series */ .three li { width: 184px; margin: 0 0 .5em; float: left; } .three li:nth-child(3n-1) { margin: 0 33px .5em; } .copy article > div.three > ul { padding-left: 0; margin-left: 0; margin-top: 10px; } .three ul:after { display: block; content: ""; clear: both; height: 0; } section.videos.selection.three li { width: 200px; } section.videos.selection.three li:nth-child(3n-1) { margin: 0 9px .5em; } .three figure { height: 90px; margin-bottom: 10px; } div.top-tutorials .three a h3 { margin: 0; line-height: 1; } div.top-tutorials div.three ul.hlist { margin-left: 0; padding-left: 0; } div.top-tutorials figure { height: 110px; } div.top-tutorials h2 { border-bottom: 1px solid #E1E9EB; } .three ul li i.icon-play { text-align: left; height: auto; max-height: 50px; } .three { margin-bottom: 1em; } /* for series */ .three h3 em { font-size: .7em; display: block; font-style: italic; } .three .future figure { opacity: .3; } .three .future h3 { color: #ccc; } .three .future h3 em { color: #666; } /* four elements box - used in video landing, product_glossy, series */ .four li { width: 23.5%; margin: 0 0 .5em; } .four li:nth-child(4n-1) { margin: 0 2% 2%; } .four li:nth-child(4n-2) { margin-left: 2%; } .four figure { height: 150px; } .four figure img { margin-top: 5px; } .four { margin-bottom: 1em; } /* for series */ .four h3 em { font-size: .7em; display: block; font-style: italic; } .four .future figure { opacity: .3; } .four .future h3 { color: #ccc; } .four .future h3 em { color: #666; } /* VIDEO LANDING */ .landing .videos img { border-radius: 0px; width: 100%; } .landing .videos hgroup > img { width: auto; } .landing .three.top figure { height: 140px; display: block; } .videos i { display: inline; font-weight: 600; width: 230px; height: 50px; overflow: hidden; } article.videos hgroup .meta i { width: 1.25em; font-weight: normal; overflow: visible; } .videos.three i { max-width: 140px; } .videos i b { color: #555; font-weight: 400; white-space: nowrap; } article.videos hgroup .meta time { float: none; display: inline-block; } ol.article_list li article.videos.smallimg time { float: none; display: inline; } ol.article_list li article.videos.smallimg i { font-weight: normal; display: inline-block; width: 1.25em; height: auto; overflow: visible; } .videos time { display: block; float: right; color: #555; } .landing section { margin-bottom: 1em; } .selection li, .landing .directory li { line-height: 1; } .article_list li p { line-height: 1.6; } .landing .top figure, .landing .videos.three figure, .landing ul.videos figure { box-shadow: 0 0 10px 0 black; } .channels li { width: 48%; margin: 0 0 2em 2%; line-height: 1.1; font-size: .8em; } .channels li:nth-child(2n+1) { width: 48%; margin: 0 2% 0 0; } .channels li { height: 100px; overflow: hidden; margin-bottom: 1em; } .channels h3 { line-height: 1; } .channels figure { width: 50%; float: left; margin: 0 2% 0 0; } #content article section.channels ul.hlist li a h3 { font-size: 15px; margin-top: 0; clear: none; } #content .channels p { margin: 0 0 0 52%; padding: 0; display: block; } .directory .videos { background: #eee; padding: 1em; border-radius: 5px; } .directory .filter { padding: 1em 1em 0; text-align: center; } .directory .filter li { margin: 0 1em 0 0; background: #fff; border-radius: 5px 5px 0 0; padding: 5px 1em; } .directory .filter .current { background: #eee; text-shadow: 0 1px 0 #fff; } .directory .filter .current a { color: #555; } .directory .videos li { width: 31.3333%; margin: 0 1% 1em; } .directory .subset li:first-child { margin-top: 0; } .directory .subset { display: none; } .directory .subset.current { display: block; } /* VIDEOLIST PLAYLIST */ .videos_list article { padding-top: 0em; overflow: hidden; display: block; margin: 0; } .videos_list article { display: block; overflow: hidden; } .videos_list article figure { width: 30%; float: left; margin-right: 1em; } .videos_list h1 { font-size: 1.25em; } .videos_list .countviews { display: block; white-space: nowrap; } /* VIDEO DETAIL */ .videometa { position: relative; } .videometa .countviews { text-align: right; display: block; } details, summary { outline: none; } summary { cursor: pointer; text-align: center; } details { margin-bottom: 2em; border: 1px solid #eee; padding: 1em; } .videooptions { position: relative; background: #eee; padding: 5px; } .videooptions a:before { margin-right: .2em; } .videooptions small { clear: both; font-size: .8em; float: right; padding: 0; line-height: 1; width: 200px; } .videooptions .meter { background: #fff; width: 200px; height: 5px; line-height: 0; float: right; margin: 0 0 0.5em; } .videooptions .meter b { display: inline-block; height: 100%; } .videooptions .meter .neg { background: #911; } .videooptions .meter .pos { background: #191; } .videooptions .toggle, .videooptions code { width: 100%; clear: both; } .videooptions code { height: auto; background: #fff; } /* TIMELINE */ .timeline { margin-left: 130px; margin-bottom: 2em; } .timeline li { margin-bottom: 0; position: relative; min-height: 2em; } /* .timeline article:before, */ .timeline .meta:before { content: ''; position: absolute; top: -10px; width: 12px; height: 12px; border-radius: 100%; display: block; box-shadow: 0 0 0 4px #fff inset, 0 0 8px 0 rgba(0, 0, 0, 0.5); right: -13px; } .timeline article { padding: 1em 0px 1em 10px; overflow: visible; } .timeline .meta { position: absolute; left: -135px; top: -.6em; font-size: 1em; display: block; width: 130px; padding: 20px 0px 0 0; } .timeline article hgroup .meta .comments { display: block; text-align: left; float: none; margin: 0; } .timeline .meta time { color: #000; font-weight: 600; font-size: 14px; line-height: 24px; } .timeline .milestone figure { width: 100%; float: none; } .timeline .milestone h1 a, .timeline .milestone .meta { font-size: 1.2em; } .timeline .milestone article { border-radius: 0 10px 0 0; } .timeline li .togglebox { margin: 0 0px 1em; padding: 5px 10px; background: #eee; } .timeline li .toggle { padding: 10px 0; } .timeline li form { overflow: hidden; padding: 5px 0; } .timeline li textarea { width: 95%; height: 2em; } .timeline .comments { font-size: .8em; padding: 0 3px; } .timeline .comments li { margin-bottom: .5em; } .timeline .comments figure, .timeline.fullimg li .comments figure { width: 35px; height: 35px; float: left; border-radius: 0; margin: 0 5px 0 0; } .timeline .author strong { color: #fff; } .timeline .author { font-size: 1em; margin-bottom: 1em; padding: 3px; border-radius: 5px 0 0 5px; height: auto; width: 124px; text-shadow: none; } .timeline .useradded .author { background: #888; } .article_list.fullimg.timeline .author figure, .article_list.timeline .author figure { width: 35px; height: 35px; margin: 0 3px 0 0; float: left; border-radius: 0; } .timeline .author figure img { width: 100%; height: auto; } .timeline .comments figure img, .timeline .meta img { border-radius: inherit; } .timeline .comments .react li { display: inline-block; margin-right: 1em; } .timeline .comments strong, .timeline .comments .react li a { display: inline; } .timeline .comments time { display: block; } /* CSS der alten GIGA-Seite, das nicht anders angepasst werden kann */ /* erhalten der ausrichtung der bilder im artikel */ /* kein height auto, da sonst bilder mit fest angegebener hoehe ueberschrieben werden height: auto; */ .copy figure .videodescription .alignright, .copy figure.alignright, .copy img.alignright, .copy div.alignright { float: right; margin: .25em 0 1em 1em; max-width: 250px; } /* kein height auto, da sonst bilder mit fest angegebener hoehe ueberschrieben werden height: auto; */ .copy figure .videodescription .alignleft, .copy figure.alignleft, .copy img.alignleft, .copy div.alignleft { float: left; margin: .25em 1em 1em 0; max-width: 250px; } .copy figure .videodescription .aligncenter, .copy figure.aligncenter, .copy img.aligncenter, .copy div.aligncenter { float: none; clear: both; margin-left: auto; margin-right: auto; display: block; text-align: center; } .copy article .videodescription h3, .copy article > h3, .copy article > p > h3 { font-size: 20px; font-weight: bold; padding: 15px 0 10px 0; } .copy article .videodescription strong, .copy article > strong, .copy article > p > strong { font-weight: bolder; } .copy article .videodescription blockquote, .copy article .videodescription q, .copy article > blockquote, .copy article > q { text-shadow: 0 1px 0 white; overflow: hidden; padding: 1em; margin-bottom: 1em; border-radius: 5px; position: relative; } .copy article .videodescription ul, .copy article > ul, .copy article > div > ul { padding-left: 40px; } blockquote .quote-start { background-image: url(themes/giga/assets/img/_topics/quote/sprite.png); width: 14px; height: 24px; display: block; position: absolute; left: 10px; top: 0px; background-position: 0 0px; } blockquote .quote-end { background-image: url(themes/giga/assets/img/_topics/quote/sprite.png); width: 14px; height: 17px; display: block; position: absolute; bottom: 5px; right: 10px; background-position: 0 -24px; } /* debug */ div.meter b { float: left; } .article_list article figure img { width: 100%; } /** Deals listing **/ .listing-deal { background: #eee; } ol.bestprice_list li article hgroup figure, ol.bestprice_list li article hgroup figure:before, ol.bestprice_list li:nth-child(2n) article hgroup figure:before { background: none; } ol.bestprice_list li article p span.bestprice_description { display: none; } ol.bestprice_list li article p span.bestprice_fold { display: none; } ol.bestprice_list li article p span.bestprice_more, ol.bestprice_list li article p span.bestprice_fold { color: #9B1E1E; } ol.bestprice_list li article p span.bestprice_more:hover, ol.bestprice_list li article p span.bestprice_fold:hover { color: #494949; cursor: pointer; } .togglebox textarea { word-break: break-all; border: 1px solid #BCBCBC; font-size: 11px; height: 100px; width: 530px; font-family: Courier; } #query, textarea, input[type="text"], input[type="search"], input[type="submit"], input[type="button"], input[type="password"], input[type="mail"] { border: medium none; border-radius: 3px 3px 3px 3px; } nav.dossier { font-size: .8em; text-transform: none; } .socialweb, input[type="submit"] { font-size: .8em; } /* Primaer-Navigation ================================================================ */ nav .menu-item { float: left; } nav .menu-item:last-child, nav .menu-item .menu-item { border-right: none; } ol.comments li:nth-child(4n) figure:before, ol.comments li:nth-child(2n) figure:before, ol.comments li figure:before, ol.comments li figure { background-image: none !important; } span.author figure:before, span.author figure, a.author figure:before, a.author figure { background-image: none !important; } i.videos_no_break { height: auto !important; } ol.decimal li a em.price { padding-left: 85px; } section.searchResult { cursor: pointer; } a.sponsored:after { font-weight: normal; color: #666; text-decoration: none; border: none !important; } /* darf nicht hardcoded auf 570px sein, sonst passen sich die bilder nicht an wenn adsense im code ist */ /* kein height auto, da sonst bilder mit fest angegebener hoehe ueberschrieben werden height: auto; */ div.copy img:not(.alignnone) { max-width: 100%; } .padding-icon:before { padding-right: 5px; } div.copy article span.meta span img, div.copy article span.meta a img { height: 20px; margin-left: 3px; position: relative; top: 5px; width: auto; margin-right: 3px; } div.copy article dl { margin-left: 200px; } div.copy article div.mceTemp dl { margin-left: 0; } div.copy article div.specs dl { margin-left: 0; } div.copy article.games .header img { height: 100px; float: left; margin: 8px 20px 20px 0; } div.foto-headline { margin: 10px 0; font-size: 1.7em; } article.games ol.article_list li article hgroup h1, article.games ol.article_list li article hgroup h1 a { font-size: 23px; font-weight: 600; line-height: 24px; } article.browsergames div.header figure { width: 220px; float: left; margin-right: 20px; } article.browsergames div.header figure img { width: 100%; } article.browsergames ol.article_list li article hgroup h1, article.browsergames ol.article_list li article hgroup h1 a { font-size: 23px; font-weight: 600; line-height: 24px; } article.movie.withsubheadline h1 { margin-bottom: 0px; } article.movie.withsubheadline div.subheadline { margin-bottom: 15px; } article.hardware_glossy div.hardware_glossy_header h1 a em, article.software div.header-content h1 a em, article.hardware_glossy div.hardware_glossy_header h1 b em, article.software div.header-content h1 b em, section.price-comparison article.hardware_glossy h1 b em, article.screenshots h1 b em, article.software div.header h1 b em { color: #AAA; } #video-more-icon { margin-left: 2px; position: relative; top: 1px; } div.hardware_header span.fivestars i:before { font-size: 20px; color: #E4C70B !important; } div.hardware_header span.fivestars i { padding-right: 2px; color: #E4C70B; } section.news li a i { display: inline; } ol.article_list.timeline.fullimg span.meta img { margin: 0; position: static; top: 0; } aside.secondary section.news ul.linklist.timeline > li { min-height: 35px; } div.copy ol.article_list li article p a.transaction { width: auto; font-size: .9em; line-height: 2; margin: 0; padding: .25em .5em; display: inline; color: #FFF; white-space: nowrap; } #content p.opinion { font-size: 17px; margin-bottom: 0; } /* ABOUT US SIDEBAR */ section.about-us { width: 300px; } section.about-us.big { width: 912px; margin-left: auto; margin-right: auto; } section.about-us div.boxes { margin-top: 5px; position: relative; } section.about-us div.boxes a { display: block; height: 75px; width: 150px; float: left; } section.about-us.big div.boxes a, div#about_us_layer > a { display: block; height: 152px; width: 304px; float: left; position: relative; } section.about-us.big div.boxes > a > div, div#about_us_layer > a > div { position: absolute; top: 95px; } section.about-us a img, div#about_us_layer a img { width: 50%; height: 75px; border: 0; margin: 0; padding: 0; float: left; } section.about-us a img { filter: gray; -webkit-filter: grayscale(1); } section.about-us a:hover img { filter: none; -webkit-filter: grayscale(0); } section.about-us.big a img, div#about_us_layer a img { height: 152px; } section.about-us:not(.big) a:nth-child(3n) img, section.about-us:not(.big) a:nth-child(4n) img, section.about-us.big a:nth-child(6n+1) img, section.about-us.big a:nth-child(6n+5) img, section.about-us.big a:nth-child(6n) img, div#about_us_layer.second-row a img { float: right; } section.about-us a span, div#about_us_layer a span { width: 69px; height: 75px; display: block; font-size: 7pt; font-weight: 100; line-height: 1; padding-left: 78px; position: relative; } section.about-us.big a span, div#about_us_layer a span { width: 152px; height: 152px; padding-left: 155px; } section.about-us a span div i, div#about_us_layer a span div i { font-size: 2em; } section.about-us:not(.big) a:nth-child(3n) span div i:before, section.about-us:not(.big) a:nth-child(4n) span div i:before, section.about-us.big a:nth-child(6n+1) span div i:before, section.about-us.big a:nth-child(6n+5) span div i:before, section.about-us.big a:nth-child(6n) span div i:before, div#about_us_layer.second-row a span div i:before, section.about-us:not(.big) a:nth-child(3n) span div i, section.about-us:not(.big) a:nth-child(4n) span div i, section.about-us.big a:nth-child(6n+1) span div i, section.about-us.big a:nth-child(6n+5) span div i, section.about-us.big a:nth-child(6n) span div i, div#about_us_layer.second-row a span div i { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1); } section.about-us h2 { color: #A8A8A8; margin-bottom: 5px; margin-top: 0; } section.about-giga h2 { color: #A8A8A8; margin-bottom: 5px; } section.about-us a span div, div#about_us_layer a span div { position: absolute; bottom: 5px; width: 69px; color: #FFF; } section.about-us.big a span div, div#about_us_layer a span div { width: 145px; } div#about_us_layer div.close:hover { background-color: #CCC; } div#about_us_layer div.close { position: absolute; bottom: auto; font-size: 14px; border: 2px solid white; width: 15px; border-radius: 100%; top: 10px; height: 15px; text-align: center; line-height: 13px; cursor: pointer; right: 13px; font-weight: bold; color: #FFF; z-index: 2; } div#about_us_layer.second-row div.close { left: 8px; right: auto; } section.about-us:not(.big) a:nth-child(3n) span, section.about-us:not(.big) a:nth-child(4n) span, section.about-us.big a:nth-child(6n+1) span, section.about-us.big a:nth-child(6n+5) span, section.about-us.big a:nth-child(6n) span, div#about_us_layer.second-row a span { width: 95px; text-align: right; } section.about-us.big a:nth-child(6n+1) span, section.about-us.big a:nth-child(6n+5) span, section.about-us.big a:nth-child(6n) span, div#about_us_layer.second-row a span { padding-left: 0; } section.about-us:not(.big) a:nth-child(3n) span, section.about-us:not(.big) a:nth-child(4n) span { padding-left: 2px; } section.about-us a span strong, div#about_us_layer a span strong { display: block; font-size: 10pt; overflow: hidden; } section.about-us.big a span strong, div#about_us_layer a span strong { font-size: 26px; font-weight: 400; line-height: 28px; } section.about-us a span label { font-size: 11px; font-weight: bold; } section.about-us.big a span label, div#about_us_layer a span label { font-size: 15px; font-weight: normal; } section#content div.copy.no-sidebar { width: auto; } section.about-us a.box_games, div#about_us_layer.box_games { background-color: #9B1E1E; } section.about-us a.box_general, div#about_us_layer.box_general { background-color: #14782B; } section.about-us a.box_software, div#about_us_layer.box_software { background-color: #082A35; } section.about-us a.box_apple, div#about_us_layer.box_apple { background-color: #5B8993; } section.about-us a.box_foto, div#about_us_layer.box_foto { background-color: #634494; } section.about-us a.box_android, div#about_us_layer.box_android { background-color: #89A545; } section.about-us a.box_film, div#about_us_layer.box_film { background-color: #9B1E1E; } section.about-us div.overlayer { position: absolute; width: 912px; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.5); display: none; } div#about_us_layer { position: absolute; box-shadow: 0px 0px 5px #000; width: 304px; display: none; z-index: 3; } div#about_us_layer div.hidden_field { display: none; } div#about_us_layer div.hidden_field div.socialweb { height: 20px; padding: 0; padding-top: 5px; padding-bottom: 6px; margin-bottom: 2px; margin-top: 0; background: rgba(0, 0, 0, 0.4); } div#about_us_layer div.hidden_field div.content { color: #FFF; height: 260px; overflow-y: auto; font-size: 15px; padding: 10px 10px 0 10px; } section.about-giga { margin-top: 0; } section.about-giga h2 { color: #A8A8A8; margin-top: 15px; } section.direct-tw b { font-size: 15px; font-weight: normal; color: #555; margin-bottom: 12px; display: inline-block; } /** Product info bar **/ .productinfo a { display: block; text-align: left; padding-left: 10px; } /** END Product info bar **/ a.more { white-space: nowrap; } .two li { width: 49%; margin: 0; margin-right: 3%; } .two li:last-child { margin-right: 0; } .two li figure { height: 140px; margin-bottom: 0px; } .two li a div { width: 215px; display: inline-block; } .two li a i.icon-play { float: left; width: 20px; height: 20px; margin-top: 5px; } div.three { margin-bottom: 30px; } .three li figure { margin-bottom: 0px; height: 120px; } .three li a figure { margin-bottom: 5px; } .three.videos.selection li a figure { margin-bottom: 5px; display: block; } .three li a div, .three.videos.selection li a { line-height: 20px; } .three.videos.selection li a figure.icon-play, .three.videos.selection li a i { text-decoration: none; } .three li a div { display: inline-block; width: 200px; } .three li a i.icon-play { float: left; width: 20px; height: 20px; } .three.top li a i.icon-play { margin-top: 5px; } .three ul.hlist li p { color: #555; padding-top: 10px; line-height: 1.3em; font-weight: bold; font-size: 12px; } .three ul.hlist li figure img { min-width: 184px; height: 100%; } .three ul.hlist li article, .three ul.hlist li { margin-bottom: 0; } .three ul.hlist li span.meta { margin-top: 1px; } .three ul.hlist li article hgroup figure { width: 184px; height: 110px; } .three ul.hlist li article p { font-size: 15px; font-weight: normal; } ul.toplist.linklist.boxed li.current { margin-left: -20px; } .three-boxes ul.hlist { margin-bottom: 20px; } .three-boxes { margin-top: -15px; margin-bottom: 15px; } .three-boxes ul.hlist li { width: 304px; height: 200px; border: 1px solid #D9D9D9; overflow: hidden; margin-right: 8px; cursor: pointer; box-shadow: 2px 2px 2px #D9D9D9; display: block; float: left; } .three-boxes ul.hlist li:last-child { margin-right: 0; } .three-boxes ul.hlist li figure { position: absolute; width: 304px; height: 200px; overflow: hidden; } .three-boxes ul.hlist li figure img { width: 100%; height: 200px; } .three-boxes ul.hlist li div { height: 67px; background-color: white; position: relative; top: 133px; padding: 9px 11px 12px 11px; border-width: 3px 0 0 0; border-style: solid; border-color: #ddd; width: 100%; left: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .three-boxes ul.hlist li:hover div b.headline { text-decoration: underline; } .three-boxes ul.hlist li div b.headline { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.1em; margin-top: 5px; } .three-boxes ul.hlist li div > span { display: inline-block; float: right; z-index: 2; position: absolute; top: 4px; right: 10px; } .three-boxes ul.hlist li div a.comments { float: right; font-size: 12px; padding-top: 4px; display: inline-block; margin-right: -3px; } .three-boxes ul.hlist li div p { font-size: 14px; line-height: 1.2em; } /* top-themen im header */ section.themes { position: relative; top: 0px; } section.themes.body { background-color: #FFF; z-index: 10000; top: auto; position: absolute; left: 799px; border-top: 3px solid #14782B; border-radius: 3px; width: 150px; box-shadow: 0 2px 5px #555; display: none; margin-top: -59px; } section.themes.body ul li { padding: 0 5px; white-space: nowrap; } section.themes.body ul li a { font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; } #top section.themes div ul li { float: none; background-color: #FFF; } .copy section.bigListing ul { margin: 0; padding: 0; list-style: none; } .copy section.bigListing li figure { width: 150px; height: 120px; float: left; margin-right: 15px; } .copy section#newestArticle li figure { height: auto; } .copy section.bigListing li img { max-width: 100%; max-height: 100%; } .copy section.bigListing li h3 { margin: 0; padding: 0; } .copy section.bigListing li a h3 { font-weight: 900; } .copy section.bigListing li a, .copy section.bigListing li a h3 { font-size: 15px; } /* Listing unter dem Artikel ==================================== */ section.bigListing#newestArticle ul li h3 { font-size: 18px; font-weight: 600; margin-bottom: 0; } section.bigListing#newestArticle ul li h3 a { font-size: 22px; } section.bigListing#newestArticle ul li div.meta { font-size: 13px; } section.bigListing#newestArticle ul li div.meta a { font-size: 13px; } section.bigListing#newestArticle ul li div.meta span.comments { float: right; color: #aaa; } section.bigListing#newestArticle ul li figure { margin-top: 5px; } section.list-four ul { list-style: none; } section.list-four ul li { width: 133px; margin-right: 29px; float: left; } section.list-four ul li figure { width: 131px; height: 83px; border-radius: 5px 5px 0 0; margin-bottom: 0px; border-color: #FFF; } section.list-four ul li img { min-height: 83px; min-width: 131px; max-width: 0; } section.list-four ul li figure.using-icon { padding: 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } section.list-four ul li figure.using-icon img { min-height: 0; min-width: 0; max-width: none; max-height: none; height: 72px; width: 72px; } section.list-four ul li .starRatingInline { text-align: left; width: 133px; } section.list-four ul li:last-child { margin-right: 0; } section.list-four p { line-height: 1.2em; } section.list-four ul:after { clear: both; content: ''; height: 0; display: block; } div.test-bottom { clear: both; width: 544px; padding: 10px; border-radius: 5px; font-size: 14px; } div.test-bottom a.transaction { width: 170px; font-size: 13px; float: right; margin: 0; padding-top: 3px; padding-bottom: 3px; } h1 a:hover { text-decoration: underline; } h2.bordered, div.headline-2.bordered { color: #A8A8A8; border-bottom: 1px solid #A8A8A8; line-height: 1.6em; text-indent: 0; font-weight: normal; } h2.bordered.nomargin { margin-bottom: 0; } section.hlist.startpage { margin-top: 19px; } section.product-slider { height: 343px; } section.product-slider div.slider figure figcaption { position: relative; color: #FFF; padding: 10px; font-size: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url("themes/giga/assets/css/bindings.xml#ellipsis"); z-index: 1; height: 60px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } section.direct-tw { margin-top: 30px; margin-bottom: 0; } section.about-us { margin-top: 0; margin-bottom: 0; padding-top: 15px; } section.about-us h2 { line-height: 1em; margin-bottom: 12px; margin-top: 12px; color: #555; font-size: 15px; font-weight: normal; } section.about-us div.about-text-box { font-size: 14px; line-height: 17px; margin-bottom: 12px; color: #555; } section.about-us > a { font-size: 14px; line-height: 17px; margin-top: 12px; } section.news ul.timeline { margin-left: 48px; } section.news ul.timeline a time, section.news ul.timeline span time { position: absolute; left: -60px; top: 11px; cursor: default; background-color: transparent; } section.news ul.timeline a time:before, section.news ul.timeline span time:before { border: 2px solid #D9D9D9; content: ''; position: absolute; width: 6px; height: 6px; border-radius: 100%; display: block; box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #FFF; left: 51px; top: 3px; cursor: default; } section.news ul.timeline li.current a { cursor: default; background-color: #E1E9EB; } section.news ul.timeline li > a, section.news ul.timeline li > span { margin-left: 5px; padding: 5px; padding-top: 0; display: inline-block; } aside.secondary section.news ul.timeline li > a, aside.secondary section.news ul.timeline li > span { padding-top: 0px; } section.product-history section.news ul.timeline.linklist li a { text-align: right; } .transaction.affiliate a { position: relative; font-size: 15px; font-weight: normal; } .copy p .transaction a:hover { color: #FFF; text-decoration: none; } .transaction.affiliate, article.hardware_glossy div.hardware_header div.left .transaction.affiliate { width: 200px; font-size: 15px; height: auto; } article.hardware_glossy div.hardware_header div.left .transaction.affiliate { float: left; } .transaction.affiliate:hover, article.hardware_glossy div.hardware_header div.left .transaction.affiliate:hover { background-color: #000; } .transaction.button { float: none; width: 200px; height: 26px; font-size: 15px; font-weight: normal; } .transaction.button:not(.affiliate) { padding-top: 0; padding-bottom: 4px; } a.transaction.button.bestprice:not(.affiliate) { padding-top: 5px; } .transaction.button a { font-weight: normal; } .transaction.button a i { margin-right: 2px; } .transaction.affiliate span.amazonicon { background-image: url(themes/giga/assets/img/amazon_button.png); background-repeat: no-repeat; padding-left: 30px; } .transaction.affiliate img, .transaction.affiliate figure { height: 18px; float: left; position: relative; margin: 0 5px 0 0; border-radius: 3px; } div.transaction { cursor: pointer; } aside.secondary div.share-bar { width: 280px; height: 23px; } section.product-infos ul.table li span { display: inline-block; width: 200px; float: right; } section.product-infos ul.table li span span { display: inline; float: none; width: auto; } section.product-infos ul li div.transaction { display: inline-block; position: relative; width: 200px; height: auto; float: none; } section.product-infos ul li div.transaction a { font-size: 14px; margin: 0; } section.product-infos ul li div.transaction.affiliate { height: 22px; padding-bottom: 1px; top: -1px; } section.product-infos li strong { color: #777; } section.product-infos div.more { margin-top: 10px; font-size: .9em; } section.product-infos .product-teaser-categories { margin-left: 100px; } section.product-infos ul.table li a:hover, section.product-infos .heading a:hover { text-decoration: underline; } section.product-infos ul.table li { margin: 0 0 5px 0; clear: both; } section.product-infos ul.table li:after { clear: both; display: block; height: 0; content: ''; } section.product-infos ul.table li strong { width: 100px; display: inline-block; font-weight: normal; color: #555; float: left; } section.product-infos figure { overflow: hidden; border-radius: 5px 5px 0 0; margin-bottom: 5px; } section.product-infos figure img { width: 100%; vertical-align: top; } section.product-infos ul.hlist { margin-top: 10px; } section.product-infos ul.hlist li { float: left; display: inline-block; margin-right: 3px; width: auto; } section.product-infos ul.hlist li a:hover { text-decoration: underline; } section.product-navi ul li { float: left; display: inline-block; margin-right: 3px; width: auto; } section.product-navi ul:after { content: ""; display: block; font-size: 0; clear: both; } article.software div.header div.transaction { display: inline-block; } article.software div.header div.header-content:not(.no-pic) { width: 463px; float: right; } article.software div.transaction, article.software form.transaction { height: 30px; padding-top: 0; padding-bottom: 0; margin-top: 0; } article.software div.transaction a { position: relative; font-size: 15px; font-weight: normal; } article.software div.transaction.affiliate div.amazonicon { top: 6px; position: relative; float: left; } article.software div.transaction i { margin-right: 5px; } .more-less-box .more { display: none; } .more-less-box .more a.lesslink { display: inline-block; } .more-less-box .less a.morelink { display: inline-block; } section.bestseller { border-bottom: 0; margin-bottom: 0; } section.bestseller-border { margin: 0; } section.products.bestseller.partner { padding-bottom: 6px; padding-top: 0; border: solid 1px #EEE; padding: 20px 3px 3px 3px; border-radius: 5px; margin-bottom: 15px; position: relative; background: 0; } section.products.bestseller.partner:before { background: #EEE; content: "ANZEIGE"; font-size: 12px; display: block; line-height: 19px; position: absolute; top: 0; left: 0; right: 0; height: 19px; padding-right: 4px; text-align: right; } section.products.bestseller.partner .heading { margin: 3px 5px 5px 2px; } section.news.linklist.topnews ul.toplist.linklist.links li a { padding-left: 0; font-size: 14px; } section.news.linklist.topnews ul.toplist.linklist.links li a:hover { text-decoration: underline; } section.news ul.linklist.timeline.release { margin-bottom: 0; } section.bigListing i.icon-chevron-right, .article_list a i.icon-chevron-right, aside.secondary a i.icon-chevron-right, .article_list a i.icon-chevron-left, aside.secondary a i.icon-chevron-left, section#content div.three-boxes ul li a i.icon-chevron-right, section#content div.copy section.list-four ul li a i.icon-chevron-right, div.three ul.hlist li article a i.icon-chevron-right, section.pagination i.icon-chevron-right, section.pagination i.icon-chevron-left, i.icon-external-link, article.videos p a.more i.icon-chevron-right { font-size: 11px; } ol.article_list li article.smallimg hgroup h1 { margin-top: 0; } .copy section.videos.spotlight ol li figcaption { font-size: 12px; line-height: 1.3em; font-style: normal; max-width: none; } section.videos.spotlight div.headline-2.bordered { font-size: 23px; } article section.video.selection.three ul.hlist { margin-left: 0px; padding-bottom: 15px; } section.product-infos h3 { font-size: 15px; } div.top-tutorials div.three li article p { font-size: 15px; line-height: 1.3em; font-weight: normal; } section.price-comparison article.hardware_glossy h1 { margin-bottom: 30px; } ol.bestprice_list li article p span.bestprice_more i, ol.bestprice_list li article p span.bestprice_fold i { font-size: 11px; } article.hardware_glossy div.content article ul.hlist { margin-left: 0px; } figure.gallery ul.hlist { margin-left: 0; } .copy article div.content div ul, .copy article div.content p ul { margin-left: 1em; } .copy article div.content > ul { margin-bottom: 10px; } section.product-infos ul li div.transaction a:hover { color: #FFF; } section.three.top.videos ul.hlist a figure img { min-width: 100%; min-height: 100%; width: auto; height: auto; } .timeline { border-left: 4px solid #E1E9EB; } .timeline .meta:before { border: 4px solid #E1E9EB; } .timeline .meta:before, .timeline .milestone article { background: #E1E9EB; } .timeline .meta { border-top: 1px solid #E1E9EB; } .timeline .milestone .meta:before { box-shadow: 0 0 0 4px #5B8993 inset, 0 0 8px 0 rgba(0, 0, 0, 0.5); } div.test-bottom { border: 1px solid #E1E9EB; border-radius: 5px; } ol.article_list.download-list li > a { display: inline-block; width: 415px; } ol.article_list.download-list div.transaction { display: inline; } #cboxTitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url("themes/giga/assets/css/bindings.xml#ellipsis"); } div.three.series ul { padding-left: 0; margin-left: 0; } ul.timeline.linklist li { min-height: 2em; } #top header { display: block; height: 84px; padding: 0; position: relative; font-size: .8em; text-align: right; width: 1000px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #top header:after { content: ""; display: block; clear: both; height: 0; } /* SEARCH FORM, GENERAL FORM STYLE */ div#top header input#query { border-radius: 3px 0 0 3px; width: 383px; line-height: 30px; padding: 0 12px 0 12px; font-size: 15px; line-height: 35px; height: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } #top header form#search { top: 33px; left: 379px; position: absolute; border-style: solid; border-width: 1px; border-radius: 3px; background: #FFF; } form#search { position: relative; margin: 0; height: 35px; width: 410px; float: right; display: block; top: 15px; } #search #query_submit { border-radius: 0 3px 3px 0; height: 30px; width: 30px; position: absolute; top: 0px; right: 2px; } #search .icon-search { position: absolute; font-size: 18px; top: 9px; right: 8px; } #query, textarea, input[type='text'], input[type='search'], input[type='submit'], input[type='mail'] { border-radius: 3px; border: none; -webkit-appearance: textfield; } #search input[type="submit"] { position: absolute; top: 0 !important; right: 0 !important; height: 35px !important; } #search input[type="search"] { position: absolute; top: 0 !important; right: 27px !important; } #query:focus { text-transform: none; } input { padding: .5em .9em; font-size: 1em; } input[type="submit"] { float: right; width: 35px; } input[type="checkbox"], input[type="radio"] { vertical-align: middle; } ol.article_list.download-list li a em { float: right; margin-right: 10px; font-size: 12px; color: #777; } section#content div.copy div.header-content h1 { font-weight: normal; margin-top: 0; } .copy span a.transaction { width: 140px; font-size: 13px; } .article_list article.partner_border { margin-top: 10px; } div.copy article div.specs div.speclist ul.features li { display: block; } .copy article div.content div.appImageContainer ul li img { height: 192px; } .copy article div.content div.appImageContainer ul { margin-left: 0; } section.videos.spotlight h2.bordered { margin-top: 0; font-size: 23px; } div.copy > article > div.content ol { list-style-type: decimal; margin-left: 40px; } div.copy > div.share-bar { margin-top: 20px; } div.copy > article > div.content table { border-radius: 5px; margin-bottom: 1em; padding-bottom: 1em; background: #E1E9EB; border-color: #FFF; max-width: 620px; } div.copy > article > div.content table tr { -webkit-transition: .5s; } div.copy > article > div.content table tr:hover { background: white; } div.copy > article > div.content table tr:nth-child(2) { background: rgba(255, 255, 255, 0.4); } div.copy > article > div.content table td, div.copy > article > div.content table th { padding: .5em; border-bottom: 1px solid white; } div.copy > article > div.content table th, div.copy > article > div.content table td { border-left: 1px solid white; } div.copy > article > div.content table th:first-child, div.copy > article > div.content table td:first-child { border-left: 0; } div.copy > article > div.content em { font-style: italic; } div.copy > article > div.content ol.article_list { list-style-type: none; margin: 0; } div.copy > article > div.content h1 em, div.copy > article > div.content h2 em, div.copy > article > div.content h3 em, div.copy > article > div.content div.headline-2 em { font-style: normal; } section#content div.three-boxes ul li:hover h2 { text-decoration: underline; } div.copy > article > div.content div.comments-container ol { list-style-type: none; } figure.icon-play-circle i.icon-play, section.videos.selection.three li a i.icon-play, section.videos.top.three li a i.icon-play { font-size: 11px; margin-top: 5px; } section.videos.selection.three li a div { width: 164px; } section.videos.selection.three li a figure > div { width: 42px; } section.directory.videos ul li a div { width: 153px; display: inline-block; } section.directory.videos i.icon-play { font-size: 11px; margin-top: 3px; width: auto; float: left; margin-right: 5px; } ol.article_list article.software figure { width: 150px; height: 95px; } ol.article_list li article.software.smallimg p { margin-left: 165px; } aside.secondary section.news ul.linklist.timeline { margin-top: 12px; margin-bottom: 0; } aside.secondary section.news.linklist.topnews li a i { float: left; margin: 5px 10px 0 0; text-decoration: none; } aside.secondary section.news.linklist.topnews li a:hover i { text-decoration: none; } aside.secondary section.news.linklist.topnews li a span { display: inline-block; width: 280px; } aside.secondary section.news.linklist.topnews li a:hover span { text-decoration: underline; } .gblog p { font-size: 14px; } /* Bubble Style */ .the-bubble { display: none; text-align: center; min-width: 130px; min-height: 25px; padding: 8px 10px; font-size: 12px; line-height: 12px; position: absolute; opacity: 1; z-index: 1000000; pointer-events: none; white-space: nowrap; border-radius: 5px; } .the-bubble .ajax_bubble_text { font-weight: normal; padding: 0; } section#content ol.article_list li.partner > article > small { float: right; } section#content div.copy div.content blockquote { position: relative; padding-top: 10px; padding-bottom: 5px; } section#content div.copy div.content blockquote p { width: 500px; margin-left: 35px; text-align: justify; } .textlink:hover { cursor: pointer; } h2.bordered a { float: right; font-size: 12px; } h2.bordered a.as_headline { float: none; font-size: 100%; } a.transaction.button { padding-top: 5px; height: 21px; } ol + div.gg-adsense-sidebar-unten { margin-top: 15px; } div.ad-marker-tabbar { background-color: #EEE; border-radius: 5px; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; } div.ad-marker-tabbar:before { content: "ANZEIGE"; font-size: 12px; display: block; text-align: right; padding-right: 4px; } div.ad-marker-tabbar > div { background-color: #FFF; padding: 5px; border-radius: 0 0 5px 5px; } div.copy > article div.ad-marker-tabbar div.share-bar { width: 536px; } article.software div.ad-marker-tabbar div.header div.header-content:not(.no-pic) { width: 451px; } .portfolio h2 { margin: 0 10px !important; text-align: left; } .portfolio figcaption { font-size: .7em; } nav.portfolio.five li { display: inline-block; width: 110px; margin-left: 2px; } nav.portfolio.six li { float: left; width: 186px; margin-left: 3px; } nav.portfolio.six li:nth-child(3n+1) { clear: both; } nav.portfolio.five li figure img, nav.portfolio.six li figure img { width: 100%; } nav.portfolio.six li figure { margin-bottom: 2px; } nav.portfolio.five li:first-child, nav.portfolio.six li:nth-child(3n+1), nav.portfolio.six li:first-child { margin-left: 0; } nav.portfolio.six li a div { width: 174px; display: inline-block; line-height: 1.3em; float: right; } nav.portfolio.five li a i.icon-play, nav.portfolio.six li a i.icon-play { font-size: 11px; width: auto; float: left; position: relative; top: 5px; } nav.portfolio.five li a div { max-width: 98px; display: inline-block; } nav.portfolio.four li { display: inline-block; width: 138px; margin-left: 3px; } nav.portfolio.four li:nth-child(4n-1) { margin: 0; margin-left: 3px; } nav.portfolio.four li figure, nav.portfolio.five li figure { height: auto; margin-bottom: 0; box-shadow: 0px 0px 10px #000; } nav.portfolio.four li figure img { width: 100%; margin-top: 0; vertical-align: top; } nav.portfolio.four li figure span.sprite-img { vertical-align: top; } nav.portfolio.four li:first-child { margin-left: 0; } nav.portfolio.four li a i.icon-play { font-size: 11px; width: auto; } nav.portfolio.four li a div { max-width: 98px; display: inline-block; } nav.portfolio.four li a:hover, nav.portfolio.five li a:hover, nav.portfolio.four li a:hover div, nav.portfolio.five li a:hover div { text-decoration: underline; } nav.portfolio h2 { font-size: 14px; padding-top: 4px; } nav.portfolio ul { margin-top: 10px; } nav.portfolio ul li { right: 5px; margin-left: 5px; } div.copy article hgroup span.meta span.author, div.copy article hgroup span.meta a.author { display: inline; } div.copy .timeline article hgroup span.meta span.author, div.copy .timeline article hgroup span.meta a.author { display: inline-block; color: #fff !important; min-height: 35px; } div.copy ol.article_list.timeline.fullimg li { margin-top: 0; } div.copy ol.article_list.timeline.fullimg li hgroup span.meta a.author { display: inline-block; } section.news ul.linklist.timeline.release li { min-height: 0; } div.deal_rating { display: inline-block; width: 170px; background-color: #D1DBD2; border-radius: 3px; margin-right: 15px; padding: 4px; } div.deal_rating div.rating_block { width: 170px; height: 5px; background-color: #FFF; } div.deal_rating div.rating_block b { height: 100%; } div.deal_rating div.rating_block b.positive { background-color: #187918; float: left; } div.deal_rating div.rating_block b.negative { background-color: #9B1208; float: right; } #content div.deal_rating p { margin: 0; font-size: 11px; color: #555; } article.benm > hgroup > figure { text-align: left; } figure.figure-width-250 { width: 250px; display: inline-block; } #world.hlist { position: relative; } #world.hlist > li > a { position: relative; z-index: 1001; height: 36px; line-height: 36px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } #world.hlist li ul.submenu { display: none; } #world.hlist li:hover ul.submenu { display: block; } #world.hlist li ul.submenu.friendslayer { width: 200px; padding: 0; } #world.hlist li ul.submenu.friendslayer li a { color: #FFF; box-shadow: none; border-radius: 0; text-transform: none; } #world.hlist li ul.submenu.friendslayer li { display: block; } #world.hlist li ul.submenu { position: absolute; z-index: 1000; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); padding: 14px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } #world.hlist li ul.submenu:not(.friendslayer) { left: 0; width: 785px; margin: 0 0 0 83px; } #world.hlist li ul.submenu:not(.friendslayer) li { width: 190px; float: left; padding: 0px 6px 10px 29px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } #world.hlist li ul.submenu > li:nth-child(4n+1) { clear: both; } #world.hlist li ul.submenu > li:nth-child(4n) { padding-right: 11px; } #world.hlist li ul.submenu li a.headline { border-bottom: solid 1px #DDD; padding: 0 0 2px 0; color: #aaa; font-size: 15px; text-transform: none; height: auto; } #world.hlist li ul.submenu li a { color: #082A35; } #world.hlist li ul.submenu li .subsubmenu { width: auto; font-size: 14px; } #world.hlist li ul.submenu li .subsubmenu li { padding: 0; display: inline; width: auto; line-height: 1.1; } #world.hlist li ul.submenu li .subsubmenu li:after { content: ', '; padding: 0 4px 0 0; } #world.hlist li ul.submenu li .subsubmenu li:last-child:after { content: ''; } #world.hlist li ul.submenu li .subsubmenu li a { padding: 0; text-transform: none; display: inline; } #world.hlist li ul.subsubnavigation > li > a { font-size: 14px; } #world.hlist li ul.subsubnavigation li ul.subsubsubsubnavigation { font-size: 14px; } figure.inline { display: inline; } a.rss_headline_newsticker { display: block; margin-top: -10px; } .list_oneline time, .list_oneline .comments { color: #999; padding: 0em 1em 0em 0em; } .list_oneline .comments { padding: 0em 0em 0em 1em; } .headlinelinks { margin-bottom: 5px; } .headlinelinks a { display: block; margin-top: 0; } .headlinelinks a:first-child { float: left; } .headlinelinks a:nth-child(2) { float: right; } section.author { clear: both; } section.author a.author { float: left; margin: 0 10px 0 0; } section.author a figure figcaption { background: transparent; position: absolute; bottom: 0; left: 0; right: 0; text-shadow: none; border-radius: 0 0 5px 5px; color: #fff; } section.author a figure:hover figcaption { bottom: 0; } section.comments { clear: both; } /* Topic Indicators in any kind of listings =========================================================== */ .topic-indicator { background-image: url(themes/giga/assets/img/logos/topic_indicator_sprite.png); background-repeat: no-repeat; height: 16px; width: 140px; display: inline-block; } .topic-indicator.topic-indicator-games { background-position: 0 -0px; } .topic-indicator.topic-indicator-android { background-position: 0 -20px; } .topic-indicator.topic-indicator-apple { background-position: 0 -40px; } .topic-indicator.topic-indicator-foto { background-position: 0 -60px; } .topic-indicator.topic-indicator-film { background-position: 0 -80px; } .topic-indicator.topic-indicator-software { background-position: 0 -100px; } .topic-indicator.topic-indicator-wtf { background-position: 0 -120px; } /* Buttons - ALL kinds of them ------------------------------------------------------------------------*/ /* buttons... */ article.games div.transaction { width: auto; } section.product-infos ul.table li a.btn:hover { text-decoration: none; } section.product-infos ul li .transaction a span.button_text_primary { float: none; width: auto; } section.product-infos ul li .transaction a span.button_text_secondary { float: none; width: auto; display: block; font-weight: normal; font-size: 11px; } section.product-infos ul li form.transaction span.button_text_secondary { float: none; width: auto; display: block; font-weight: normal; font-size: 11px; } article.browsergames div.transaction { width: auto; } article.browsergames div.header div.transaction { width: 250px; display: inline-block; height: 30px; } article.browsergames div.header div.transaction a { position: relative; top: -4px; font-size: 16px; line-height: 28px; } article.browsergames div.header div.transaction a i { margin-right: 5px; } section.softwarelist ul li { margin: 0 0 8px 0; } section.softwarelist ul li:last-child { margin: 0 0 0 0; } section.softwarelist ul li figure { width: 16px; height: 16px; border-radius: 5px; float: left; overflow: hidden; } section.softwarelist ul li .softwarecontent { margin: 0 0 0 24px; } section.testlist ul li figure { width: 83px; height: 53px; border: 1px solid #ccc; float: left; overflow: hidden; border-radius: 5px; margin-bottom: 12px; } section.testlist ul li figure img { border-radius: 5px 5px 0 0; } section.testlist ul li figure img { min-width: 100%; min-height: 100%; } section.testlist ul.toplist li > div { width: 210px; float: right; } section.testlist ul.toplist li > div b { font-size: 14px; line-height: 17px; color: #555; } section.testlist ul li div.starRatingInline { font-size: 12px; margin-top: -4px; margin-bottom: 2px; width: 224px; } section.testlist ul li div.starRatingInline span.fivestars { position: relative; top: 1px; } section.productlist ul li figure { width: 62px; height: 39px; border-radius: 3px 3px 0 0; border: 1px solid #ccc; float: left; overflow: hidden; } section.productlist ul li figure { width: 62px; height: 39px; border-radius: 3px 3px 0 0; border: 1px solid #ccc; float: left; overflow: hidden; } section.productlist ul li figure img { border-radius: 3px 3px 0 0; } section.productlist ul li figure img { min-width: 100%; min-height: 100%; } section.productlist ul.toplist li { margin-bottom: 12px; } section.productlist ul.toplist li h3 { margin: 0; font-size: 15px; font-weight: bold; margin-top: 12px; margin-bottom: 5px; } section.productlist ul.toplist li div { margin-top: -1px; float: right; width: 224px; } section.testlist ul li figure img, section.productlist ul li figure img { min-width: 100%; min-height: 100%; } section.testlist ul.toplist li > div a, section.productlist ul.toplist li > div a { color: #555; font-size: 14px; font-weight: normal; line-height: 17px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } section.testlist h2, section.popular.linklist h2, section.productlist h2, section.picturelist h2 { font-size: 15px; font-weight: normal; } section.testlist ul li h3, section.product ul li h3 { font-weight: 600; font-size: 1.1em; margin-bottom: 5px; } section.testlist ul li a h3, section.productlist ul li a h3 { color: #14782B; } article.software div.header table td { vertical-align: middle; } article.software div.header table { margin-bottom: 10px; } article.software div.header figure { width: 100px; height: 100px; float: left; margin-right: 7px; margin-bottom: 0; } article.software div.header figure img { width: 100px; border-radius: 5px; } article.software div.header div.header-content:not(.no-pic) { width: 463px; float: right; } article.software div.ad-marker-tabbar div.header div.header-content:not(.no-pic) { width: 451px; } div.specs .button_text_primary { font-size: 20px; padding: 3px 0 0 0; } div.ratingBox .button_text_primary { font-size: 20px; padding: 3px 0 0 0; } .copy div.ratingBox .transaction a { display: inline-block; } div.header .button_text_primary { font-size: 20px; padding: 3px 0 0 0; text-align: left; } article div.header .btn .button_text_primary { font-size: 20px; padding: 3px 0 0 0; text-align: left; } article div .btn .button_text_primary { font-size: 20px; padding: 0; text-align: left; } article div .btn .button_text_secondary { text-align: left; white-space: nowrap; font-size: 13px; } article.singles-article .content div.btn.transaction { float: none; display: inline-block; font-size: 1em; margin: 5px; } article.singles-article .content .transaction.btn.content_centered { height: 30px; min-height: 48px; display: block; max-width: 300px; margin: 5px auto 10px; } article.singles-article .content .transaction.btn.content_centered a { line-height: 38px; font-size: 20px; padding: 3px 0 0 0; font-weight: bold; } article.singles-article .content .transaction.btn.content_centered a.sponsored:after { color: white; } div.specs .button_text_secondary, div.header .button_text_secondary { text-align: left; white-space: nowrap; font-size: 13px; } div.specs .button_text_primary, div.header .button_text_primary { white-space: nowrap; } article div .btn.oneline .button_text_primary, div.specs .btn.oneline .button_text_primary, article div.header .btn.oneline .button_text_primary { line-height: 38px; } ol.article_list article div .btn.oneline .button_text_primary, ol.article_list div.specs .btn.oneline .button_text_primary, ol.article_list article div.header .btn.oneline .button_text_primary { line-height: 22px; font-size: 15px; } div.header .btn { min-width: 300px; } .header .btn { margin: 0 0 20px 0; display: inline-block; } .header .btn form .disclaimer { text-shadow: none !important; color: #424242; line-height: 1; text-indent: 62px; padding: 5px 0 5px 0; position: absolute; bottom: -22px; left: 0; font-size: 12px; } aside.secondary .btn form .disclaimer { text-shadow: none !important; color: #424242; line-height: 1; text-indent: 42px; padding: 5px 0 5px 0; position: absolute; bottom: -22px; left: 0; font-size: 11px; } aside.secondary .btn.icon { text-align: left; } .btn.icon i { display: none; } /* buttons */ body *.gig-comments-more, #commentslist *.gig-composebox-social-login, #commentslist *.gig-composebox-guest-login, #commentslist *.gig-composebox-site-login, body .gig-comments-dialog-button, #commentslist *.gig-comments-container *.gig-comments-composebox *.gig-composebox-post, #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-post { border-style: solid; border-width: 1px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; padding: 3px 10px 3px 10px; position: relative; box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.63), 0 2px 10px rgba(0, 0, 0, 0.2); font-family: 'Source Sans Pro', Tahoma, 'Lucida Grande', Calibri, 'Helvetica Neue', Helvetica, 'DejaVu Sans', Arial, sans-serif !important; } .btn { border-style: solid; border-width: 1px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; padding: 3px 10px 3px 10px; position: relative; box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.63), 0 2px 10px rgba(0, 0, 0, 0.2); font-family: 'Source Sans Pro', Tahoma, 'Lucida Grande', Calibri, 'Helvetica Neue', Helvetica, 'DejaVu Sans', Arial, sans-serif !important; } .btn.disabled, .btn:disabled { cursor: no-drop !important; } .btn:hover { cursor: pointer; } .btn .button_text_primary { display: block; font-size: 15px; font-weight: bold; float: none !important; width: auto !important; } .btn .button_text_secondary { display: block; font-weight: normal; font-size: 10px; float: none !important; width: auto !important; } .btn a { text-decoration: none; display: block; text-shadow: inherit !important; } .btn a:hover { color: inherit !important; } .btn form input[type="submit"], .btn form input[type="button"] { display: none; } .btn.icon:before, .btn.icon:after { position: absolute; width: 1px; height: 100%; content: ""; top: 0; } .btn.icon:before { left: 50px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } .btn.icon:after { left: 51px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.5))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 ); } .btn.icon { padding: 3px 10px 3px 61px; min-height: 48px; } .btn.giga-button { line-height: 1.5 !important; } /* DEFAULT BUTTON!!! DONT CHANGE */ span.btn { display: inline-block; } div.btn { display: block; font-size: 0.8em; } .btn { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .btn a { color: #424242; text-decoration: none !important; } .btn:hover { color: #525252; text-shadow: 0px 1px #e8e8e8; border-color: #8c8c8c #8c8c8c #595959 #8c8c8c; background: #dedede; background: -moz-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(95%, #b3b3b3), color-stop(100%, #929292)); background: -webkit-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: -o-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: -ms-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: linear-gradient(to bottom, #dedede 0%, #b3b3b3 95%, #929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#929292',GradientType=0 ); } .btn.btn--grey { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .btn.btn--grey a { color: #424242; } .btn.btn--grey:hover { color: #525252; text-shadow: 0px 1px #e8e8e8; border-color: #8c8c8c #8c8c8c #595959 #8c8c8c; background: #dedede; background: -moz-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(95%, #b3b3b3), color-stop(100%, #929292)); background: -webkit-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: -o-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: -ms-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: linear-gradient(to bottom, #dedede 0%, #b3b3b3 95%, #929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#929292',GradientType=0 ); } .btn.btn--games a { color: #fff; } .btn.btn--games { color: #fff; text-shadow: 0px -1px #7e0000; border-color: #7e0000 #7e0000 #4B0606 #7e0000; background: #d14847; background: -moz-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d14847), color-stop(95%, #a51c1b), color-stop(100%, #871816)); background: -webkit-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: -o-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: -ms-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: linear-gradient(to bottom, #d14847 0%, #a51c1b 95%, #871816 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d14847', endColorstr='#871816',GradientType=0 ); } .btn.btn--games:hover { color: #fff; text-shadow: 0px -1px #930000; border-color: #930000 #930000 #6B0606 #930000; background: #E65554; background: -moz-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E65554), color-stop(95%, #BE2120), color-stop(100%, #9E1A1A)); background: -webkit-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: -o-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: -ms-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: linear-gradient(to bottom, #E65554 0%, #BE2120 95%, #9E1A1A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E65554', endColorstr='#9E1A1A',GradientType=0 ); } .btn.btn--android a { color: #2c2c2c; } .btn.btn--android { color: #2c2c2c; text-shadow: 0px 1px #D5E0B9; border-color: #5F6F39 #5F6F39 #30381D #5F6F39; background: #B6D272; background: -moz-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B6D272), color-stop(95%, #89A545), color-stop(100%, #6C8236)); background: -webkit-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: -o-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: -ms-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: linear-gradient(to bottom, #B6D272 0%, #89A545 95%, #6C8236 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6D272', endColorstr='#6C8236',GradientType=0 ); } .btn.btn--android:hover { color: #2c2c2c; text-shadow: 0px 1px #D5E0B9; border-color: #708243 #708243 #3F4926 #708243; background: #C3E07B; background: -moz-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C3E07B), color-stop(95%, #99B74D), color-stop(100%, #79913D)); background: -webkit-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: -o-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: -ms-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: linear-gradient(to bottom, #C3E07B 0%, #99B74D 95%, #79913D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C3E07B', endColorstr='#79913D',GradientType=0 ); } .btn.btn--apple a { color: #fff; } .btn.btn--apple { color: #fff; text-shadow: 0px -1px #2C5F6E; border-color: #2C5F6E #2C5F6E #30381D #2C5F6E; background: #88B6C0; background: -moz-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88B6C0), color-stop(95%, #5B8993), color-stop(100%, #4B727A)); background: -webkit-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: -o-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: -ms-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: linear-gradient(to bottom, #88B6C0 0%, #5B8993 95%, #4B727A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88B6C0', endColorstr='#4B727A',GradientType=0 ); } .btn.btn--apple:hover { color: #fff; text-shadow: 0px -1px #346F81; border-color: #346F81 #346F81 #2E6070 #346F81; background: #9FCFD8; background: -moz-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9FCFD8), color-stop(95%, #6BA0AB), color-stop(100%, #5B8891)); background: -webkit-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: -o-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: -ms-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: linear-gradient(to bottom, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9FCFD8', endColorstr='#5B8891',GradientType=0 ); } .btn.btn--software a { color: #333; } .btn.btn--software { color: #333; text-shadow: 0px 1px #F7E0B5; border-color: #CB8600 #CB8600 #8E5C00 #CB8600; background: #FFBD2D; background: -moz-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFBD2D), color-stop(95%, #DA9000), color-stop(100%, #B77700)); background: -webkit-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: -o-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: -ms-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: linear-gradient(to bottom, #FFBD2D 0%, #DA9000 95%, #B77700 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBD2D', endColorstr='#B77700',GradientType=0 ); } .btn.btn--software:hover { color: #333; text-shadow: 0px 1px #F7E0B5; border-color: #E19C00 #E19C00 #A87300 #E19C00; background: #FFD535; background: -moz-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD535), color-stop(95%, #ECA800), color-stop(100%, #CE9000)); background: -webkit-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: -o-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: -ms-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: linear-gradient(to bottom, #FFD535 0%, #ECA800 95%, #CE9000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD535', endColorstr='#CE9000',GradientType=0 ); } .btn.btn--green a { color: #fff; } .btn.btn--green { color: #fff; text-shadow: 0px -1px #08492E; border-color: #08492E #08492E #052D1C #08492E; background: #52B06D; background: -moz-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52B06D), color-stop(95%, #258340), color-stop(100%, #1C6330)); background: -webkit-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: -o-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: -ms-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: linear-gradient(to bottom, #52B06D 0%, #258340 95%, #1C6330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52B06D', endColorstr='#1C6330',GradientType=0 ); } .btn.btn--green:hover { color: #fff; text-shadow: 0px -1px #095536; border-color: #095536 #095536 #053521 #095536; background: #60C980; background: -moz-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60C980), color-stop(95%, #2B994B), color-stop(100%, #207037)); background: -webkit-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: -o-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: -ms-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: linear-gradient(to bottom, #60C980 0%, #2B994B 95%, #207037 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60C980', endColorstr='#207037',GradientType=0 ); } /* with icon.. */ .btn.icon { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .btn.icon a { color: #424242; } .btn.icon:hover { color: #525252; text-shadow: 0px 1px #e8e8e8; border-color: #8c8c8c #8c8c8c #595959 #8c8c8c; background: #dedede; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(95%, #b3b3b3), color-stop(100%, #929292)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #dedede 0%, #b3b3b3 95%, #929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#929292',GradientType=0 ); } .btn.icon.btn--grey { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .btn.icon.btn--grey a { color: #424242; } .btn.icon.btn--grey:hover { color: #525252; text-shadow: 0px 1px #e8e8e8; border-color: #8c8c8c #8c8c8c #595959 #8c8c8c; background: #dedede; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(95%, #b3b3b3), color-stop(100%, #929292)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #dedede 0%, #b3b3b3 95%, #929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#929292',GradientType=0 ); } .btn.icon.btn--games a { color: #fff; } .btn.icon.btn--games { color: #fff; text-shadow: 0px -1px #7e0000; border-color: #7e0000 #7e0000 #4B0606 #7e0000; background: #d14847; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d14847), color-stop(95%, #a51c1b), color-stop(100%, #871816)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #d14847 0%, #a51c1b 95%, #871816 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d14847', endColorstr='#871816',GradientType=0 ); } .btn.icon.btn--games:hover { color: #fff; text-shadow: 0px -1px #930000; border-color: #930000 #930000 #6B0606 #930000; background: #E65554; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E65554), color-stop(95%, #BE2120), color-stop(100%, #9E1A1A)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #E65554 0%, #BE2120 95%, #9E1A1A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E65554', endColorstr='#9E1A1A',GradientType=0 ); } .btn.icon.btn--android a { color: #2c2c2c; } .btn.icon.btn--android { color: #2c2c2c; text-shadow: 0px 1px #D5E0B9; border-color: #5F6F39 #5F6F39 #30381D #5F6F39; background: #B6D272; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B6D272), color-stop(95%, #89A545), color-stop(100%, #6C8236)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #B6D272 0%, #89A545 95%, #6C8236 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6D272', endColorstr='#6C8236',GradientType=0 ); } .btn.icon.btn--android:hover { color: #2c2c2c; text-shadow: 0px 1px #D5E0B9; border-color: #708243 #708243 #3F4926 #708243; background: #C3E07B; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C3E07B), color-stop(95%, #99B74D), color-stop(100%, #79913D)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #C3E07B 0%, #99B74D 95%, #79913D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C3E07B', endColorstr='#79913D',GradientType=0 ); } .btn.icon.btn--apple a { color: #fff; } .btn.icon.btn--apple { color: #fff; text-shadow: 0px -1px #2C5F6E; border-color: #2C5F6E #2C5F6E #30381D #2C5F6E; background: #88B6C0; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88B6C0), color-stop(95%, #5B8993), color-stop(100%, #4B727A)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #88B6C0 0%, #5B8993 95%, #4B727A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88B6C0', endColorstr='#4B727A',GradientType=0 ); } .btn.icon.btn--apple:hover { color: #fff; text-shadow: 0px -1px #346F81; border-color: #346F81 #346F81 #2E6070 #346F81; background: #9FCFD8; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9FCFD8), color-stop(95%, #6BA0AB), color-stop(100%, #5B8891)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9FCFD8', endColorstr='#5B8891',GradientType=0 ); } .btn.icon.btn--software a { color: #333; } .btn.icon.btn--software { color: #333; text-shadow: 0px 1px #F7E0B5; border-color: #CB8600 #CB8600 #8E5C00 #CB8600; background: #FFBD2D; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFBD2D), color-stop(95%, #DA9000), color-stop(100%, #B77700)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #FFBD2D 0%, #DA9000 95%, #B77700 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBD2D', endColorstr='#B77700',GradientType=0 ); } .btn.icon.btn--software:hover { color: #333; text-shadow: 0px 1px #F7E0B5; border-color: #E19C00 #E19C00 #A87300 #E19C00; background: #FFD535; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD535), color-stop(95%, #ECA800), color-stop(100%, #CE9000)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #FFD535 0%, #ECA800 95%, #CE9000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD535', endColorstr='#CE9000',GradientType=0 ); } .btn.icon.btn--green a { color: #fff; } .btn.icon.btn--green { color: #fff; text-shadow: 0px -1px #08492E; border-color: #08492E #08492E #052D1C #08492E; background: #52B06D; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52B06D), color-stop(95%, #258340), color-stop(100%, #1C6330)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #52B06D 0%, #258340 95%, #1C6330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52B06D', endColorstr='#1C6330',GradientType=0 ); } .btn.icon.btn--green:hover { color: #fff; text-shadow: 0px -1px #095536; border-color: #095536 #095536 #053521 #095536; background: #60C980; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -moz-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60C980), color-stop(95%, #2B994B), color-stop(100%, #207037)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -webkit-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -o-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, -ms-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png) no-repeat 7px center, linear-gradient(to bottom, #60C980 0%, #2B994B 95%, #207037 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60C980', endColorstr='#207037',GradientType=0 ); } aside.secondary .btn.icon { display: inline-block; width: 200px; } /* kleines icon in der sidebar und in listings */ .multiple_transactions .panel .btn.icon, ol.article_list .btn.icon, aside.secondary .btn.icon { padding: 3px 10px 3px 42px; min-height: 26px; } .multiple_transactions .panel .btn.icon:before, ol.article_list .btn.icon:before, aside.secondary .btn.icon:before { left: 28px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } .multiple_transactions .panel .btn.icon:after, ol.article_list .btn.icon:after, aside.secondary .btn.icon:after { left: 29px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.5))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 ); } .multiple_transactions .panel .btn.icon, ol.article_list .btn.icon, aside.secondary .btn.icon { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon a, ol.article_list .btn.icon a, aside.secondary .btn.icon a { color: #424242; } .multiple_transactions .panel .btn.icon:hover, ol.article_list .btn.icon:hover, aside.secondary .btn.icon:hover { color: #525252; text-shadow: 0px 1px #e8e8e8; border-color: #8c8c8c #8c8c8c #595959 #8c8c8c; background: #dedede; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(95%, #b3b3b3), color-stop(100%, #929292)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #dedede 0%, #b3b3b3 95%, #929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#929292',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--grey, ol.article_list .btn.icon.btn--grey, aside.secondary .btn.icon.btn--grey { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--grey a, ol.article_list .btn.icon.btn--grey a, aside.secondary .btn.icon.btn--grey a { color: #424242; } .multiple_transactions .panel .btn.icon.btn--grey:hover, ol.article_list .btn.icon.btn--grey:hover, aside.secondary .btn.icon.btn--grey:hover { color: #525252; text-shadow: 0px 1px #e8e8e8; border-color: #8c8c8c #8c8c8c #595959 #8c8c8c; background: #dedede; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(95%, #b3b3b3), color-stop(100%, #929292)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #dedede 0%, #b3b3b3 95%, #929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#929292',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--games a, ol.article_list .btn.icon.btn--games a, aside.secondary .btn.icon.btn--games a { color: #fff; } .multiple_transactions .panel .btn.icon.btn--games, ol.article_list .btn.icon.btn--games, aside.secondary .btn.icon.btn--games { color: #fff; text-shadow: 0px -1px #7e0000; border-color: #7e0000 #7e0000 #4B0606 #7e0000; background: #d14847; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d14847), color-stop(95%, #a51c1b), color-stop(100%, #871816)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #d14847 0%, #a51c1b 95%, #871816 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #d14847 0%, #a51c1b 95%, #871816 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d14847', endColorstr='#871816',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--games:hover, ol.article_list .btn.icon.btn--games:hover, aside.secondary .btn.icon.btn--games:hover { color: #fff; text-shadow: 0px -1px #930000; border-color: #930000 #930000 #6B0606 #930000; background: #E65554; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E65554), color-stop(95%, #BE2120), color-stop(100%, #9E1A1A)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #E65554 0%, #BE2120 95%, #9E1A1A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #E65554 0%, #BE2120 95%, #9E1A1A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E65554', endColorstr='#9E1A1A',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--android a, ol.article_list .btn.icon.btn--android a, aside.secondary .btn.icon.btn--android a { color: #2c2c2c; } .multiple_transactions .panel .btn.icon.btn--android, ol.article_list .btn.icon.btn--android, aside.secondary .btn.icon.btn--android { color: #2c2c2c; text-shadow: 0px 1px #D5E0B9; border-color: #5F6F39 #5F6F39 #30381D #5F6F39; background: #B6D272; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B6D272), color-stop(95%, #89A545), color-stop(100%, #6C8236)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #B6D272 0%, #89A545 95%, #6C8236 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #B6D272 0%, #89A545 95%, #6C8236 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6D272', endColorstr='#6C8236',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--android:hover, ol.article_list .btn.icon.btn--android:hover, aside.secondary .btn.icon.btn--android:hover { color: #2c2c2c; text-shadow: 0px 1px #D5E0B9; border-color: #708243 #708243 #3F4926 #708243; background: #C3E07B; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C3E07B), color-stop(95%, #99B74D), color-stop(100%, #79913D)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #C3E07B 0%, #99B74D 95%, #79913D 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #C3E07B 0%, #99B74D 95%, #79913D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C3E07B', endColorstr='#79913D',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--apple a, ol.article_list .btn.icon.btn--apple a, aside.secondary .btn.icon.btn--apple a { color: #fff; } .multiple_transactions .panel .btn.icon.btn--apple, ol.article_list .btn.icon.btn--apple, aside.secondary .btn.icon.btn--apple { color: #fff; text-shadow: 0px -1px #2C5F6E; border-color: #2C5F6E #2C5F6E #30381D #2C5F6E; background: #88B6C0; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88B6C0), color-stop(95%, #5B8993), color-stop(100%, #4B727A)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #88B6C0 0%, #5B8993 95%, #4B727A 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #88B6C0 0%, #5B8993 95%, #4B727A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88B6C0', endColorstr='#4B727A',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--apple:hover, ol.article_list .btn.icon.btn--apple:hover, aside.secondary .btn.icon.btn--apple:hover { color: #fff; text-shadow: 0px -1px #346F81; border-color: #346F81 #346F81 #2E6070 #346F81; background: #9FCFD8; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9FCFD8), color-stop(95%, #6BA0AB), color-stop(100%, #5B8891)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #9FCFD8 0%, #6BA0AB 95%, #5B8891 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9FCFD8', endColorstr='#5B8891',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--software a, ol.article_list .btn.icon.btn--software a, aside.secondary .btn.icon.btn--software a { color: #FFF; } .multiple_transactions .panel .btn.icon.btn--software, ol.article_list .btn.icon.btn--software, aside.secondary .btn.icon.btn--software { color: #FFF; text-shadow: 0px -1px #CB8600; border-color: #CB8600 #CB8600 #8E5C00 #CB8600; background: #FFBD2D; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFBD2D), color-stop(95%, #DA9000), color-stop(100%, #B77700)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #FFBD2D 0%, #DA9000 95%, #B77700 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #FFBD2D 0%, #DA9000 95%, #B77700 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBD2D', endColorstr='#B77700',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--software:hover, ol.article_list .btn.icon.btn--software:hover, aside.secondary .btn.icon.btn--software:hover { color: #FFF; text-shadow: 0px -1px #E19C00; border-color: #E19C00 #E19C00 #A87300 #E19C00; background: #FFD535; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD535), color-stop(95%, #ECA800), color-stop(100%, #CE9000)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #FFD535 0%, #ECA800 95%, #CE9000 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #FFD535 0%, #ECA800 95%, #CE9000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD535', endColorstr='#CE9000',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--green a, ol.article_list .btn.icon.btn--green a, aside.secondary .btn.icon.btn--green a { color: #fff; } .multiple_transactions .panel .btn.icon.btn--green, ol.article_list .btn.icon.btn--green, aside.secondary .btn.icon.btn--green { color: #fff; text-shadow: 0px -1px #08492E; border-color: #08492E #08492E #052D1C #08492E; background: #52B06D; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52B06D), color-stop(95%, #258340), color-stop(100%, #1C6330)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #52B06D 0%, #258340 95%, #1C6330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52B06D', endColorstr='#1C6330',GradientType=0 ); } .multiple_transactions .panel .btn.icon.btn--green:hover, ol.article_list .btn.icon.btn--green:hover, aside.secondary .btn.icon.btn--green:hover { color: #fff; text-shadow: 0px -1px #095536; border-color: #095536 #095536 #053521 #095536; background: #60C980; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60C980), color-stop(95%, #2B994B), color-stop(100%, #207037)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #60C980 0%, #2B994B 95%, #207037 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60C980', endColorstr='#207037',GradientType=0 ); } /** DISABLED BUTTON **/ .btn.disabled, .btn:disabled { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .btn.disabled a, .btn:disabled a { color: #424242; } .btn.disabled:hover, .btn:disabled:hover { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon:disabled, .multiple_transactions .panel .btn.icon.disabled, ol.article_list .btn.icon.disabled, ol.article_list .btn.icon:disabled, aside.secondary .btn.icon.disabled, aside.secondary .btn.icon:disabled { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon:disabled a, .multiple_transactions .panel .btn.icon.disabled a, ol.article_list .btn.icon.disabled a, aside.secondary .btn.icon.disabled a, ol.article_list .btn.icon:disabled a, aside.secondary .btn.icon:disabled a { color: #424242; } .multiple_transactions .panel .btn.icon.disabled:hover, .multiple_transactions .panel .btn.icon:disabled:hover, ol.article_list .btn.icon:disabled:hover, aside.secondary .btn.icon:disabled:hover, ol.article_list .btn.icon.disabled:hover, aside.secondary .btn.icon.disabled:hover { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon.disabled, .multiple_transactions .panel .btn.icon:disabled, ol.article_list .btn.icon.disabled, aside.secondary .btn.icon.disabled, ol.article_list .btn.icon:disabled, aside.secondary .btn.icon:disabled { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon.disabled a, .multiple_transactions .panel .btn.icon:disabled a, ol.article_list .btn.icon.disabled a, aside.secondary .btn.icon.disabled a, ol.article_list .btn.icon:disabled a, aside.secondary .btn.icon:disabled a { color: #424242; } .multiple_transactions .panel .btn.icon.disabled:hover, .multiple_transactions .panel .btn.icon:disabled:hover, ol.article_list .btn.icon.disabled:hover, aside.secondary .btn.icon.disabled:hover, ol.article_list .btn.icon:disabled:hover, aside.secondary .btn.icon:disabled:hover { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } form.transaction.btn.icon { position: relative; } form.transaction.btn.icon .disclaimer { position: absolute; bottom: -17px; text-shadow: none; color: #777; font-size: 12px; left: 61px; } /* HLIST mit 1 widget================================== */ ul.hlist.one-widget > li { margin: 1em 2px 0 0; display: block; } ul.hlist.one-widget > li:first-child { margin: 0 2px 0 0; display: block; } ul.hlist.one-widget > li > h3 { padding: 10px 5px; margin: 0 0 0 0; background: #efefef; line-height: 1; font-weight: bold; font-size: 17px; border-bottom: 1px solid #DDD; } ul.hlist.one-widget:after { content: ""; height: 0; clear: both; display: block; } ul.hlist.one-widget ul.list.image-content li a span.text { width: auto; } /* HLIST mit 3 widgets ================================== */ ul.hlist.three-widgets > li { width: 205px; margin: 0 2px 0 0; float: left; } ul.hlist.three-widgets > li:nth-child(3n) { margin: 0; } ul.hlist.three-widgets > li:nth-child(3n+1) { clear: both; } ul.hlist.three-widgets > li > h3 { padding: 10px 5px; margin: 0 0 0 0; background: #efefef; line-height: 1; font-weight: bold; font-size: 17px; border-bottom: 1px solid #DDD; } ul.hlist.three-widgets:after { content: ""; height: 0; clear: both; display: block; } /* Treiber Artikel-Liste================================== */ ol.article_list.drivers li { margin-top: 0; padding: 0.5em 0; border-bottom: 1px solid #DDD; border-top: none; } ol.article_list.drivers li article { display: table; width: 100%; padding: 0; border-bottom: none; } ol.article_list.drivers li article div.image { display: table-cell; vertical-align: middle; width: 32px; } ol.article_list.drivers li article div.image img { vertical-align: text-bottom; } ol.article_list.drivers li article div.link { display: table-cell; vertical-align: middle; width: 398px; padding: 0 0 0 5px; } ol.article_list.drivers li article div.download { display: table-cell; vertical-align: middle; padding-right: 10px; } ol.article_list.drivers li article div.download form.btn, ol.article_list.drivers li article div.download div.btn { margin: 0; padding-bottom: 0; padding-top: 0; } ol.article_list.drivers li article div.download form.btn .button_text_secondary, ol.article_list.drivers li article div.download div.btn .button_text_secondary { display: none; } ol.article_list li.driver { margin-top: 0; padding: 0.5em 0; border-bottom: 1px solid #DDD; border-top: none; } ol.article_list li.driver article { display: table; width: 100%; padding: 0; border-bottom: none; } ol.article_list li.driver article div.image { display: table-cell; vertical-align: middle; width: 32px; } ol.article_list li.driver article div.image img { vertical-align: text-bottom; } ol.article_list li.driver article div.link { display: table-cell; vertical-align: middle; width: 398px; padding: 0 0 0 5px; } ol.article_list li.driver article div.download { display: table-cell; vertical-align: middle; padding-right: 10px; } ol.article_list li.driver article div.download form.btn, ol.article_list li.driver article div.download div.btn { margin: 0; padding-bottom: 0; padding-top: 0; } ol.article_list li.driver article div.download form.btn .button_text_secondary, ol.article_list li.driver article div.download div.btn .button_text_secondary { display: none; } /* HLIST im Content, 4 pro reihe mit bild und Bewertung ======================================================*/ ul.hlist.four-picture-rating li { float: left; width: 144px; margin: 0 14px 10px 0; text-align: center; } ul.hlist.four-picture-rating li:nth-child(4n) { margin: 0 0 10px 0; } ul.hlist.four-picture-rating li:nth-child(4n+1) { clear: both; } ul.hlist.four-picture-rating li a { display: inline-block; } ul.hlist.four-picture-rating li a figure { margin: 0 0 5px 0; } ul.hlist.four-picture-rating li a figure img { width: 64px; height: 64px; } ul.hlist.four-picture-rating li a span.text { display: block; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 132px; } ul.hlist.four-picture-rating li a span.fivestars { line-height: 1; margin: 0 0 5px 0; display: block; } ul.hlist.four-picture-rating li a span.fivestars i { margin: 0 2px; } ul.hlist.four-picture-rating:after { content: ""; height: 0; clear: both; display: block; } /* HLIST im Content, 4 pro reihe mit quadratischem bild======================================================*/ ul.hlist.four-picture-square li { float: left; width: 132px; margin: 0 14px 10px 0; text-align: center; } ul.hlist.four-picture-square li:nth-child(4n) { margin: 0 0 10px 0; } ul.hlist.four-picture-square li:nth-child(4n+1) { clear: both; } ul.hlist.four-picture-square li a { display: inline-block; } ul.hlist.four-picture-square li a figure { margin: 0; } ul.hlist.four-picture-square li a figure img { width: 64px; height: 64px; } ul.hlist.four-picture-square li a span.text { display: block; line-height: 1.2; } ul.hlist.four-picture-square:after { content: ""; height: 0; clear: both; display: block; } /* VLIST im Content, spalten uebereinander, 1/3 spaltenbreite (+ abstaende dann noch zwischen den spalten)==========================================================================================================*/ ul.list.image-content li { clear: both; display: block; margin: 2px 0 2px 0; padding: 5px 10px; border-style: solid; border-width: 0 0 1px 0; border-color: #DDD; } ul.list.image-content li a figure { float: left; width: 32px; height: 32px; margin: 0 10px 0 0; } ul.list.image-content li a span.text { white-space: nowrap; width: 125px; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 32px; } /* VLIST im Content, wie oben nur ohne Bild=============================================*/ ul.list.text-content li { clear: both; display: block; margin: 2px 0 2px 0; padding: 5px 10px; border-style: solid; border-width: 0 0 1px 0; border-color: #DDD; } ul.list.text-content li a { white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 32px; } /* Treiber - Downloads fuer alle Betriebssysteme (Liste) ============================================================= */ ul.list.driver-alternate-os-downloads { list-style: none; padding: 0; margin: 0; } /* Alphabets Liste=============================== */ ul.hlist.alphabetic li { margin: 0 0 5px 0; } ul.hlist.alphabetic li:nth-child(9n) a { margin-right: 0; } ul.hlist.alphabetic li a { padding: 2px; width: 50px; border: 1px solid #CCC; margin-right: 15px; line-height: 1; display: inline-block; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } ul.hlist.alphabetic li a:hover { background: #eee; } h2.driver_headline { padding: 10px 5px; margin: 20px 0 0 0; background: #efefef; line-height: 1; font-weight: bold; font-size: 17px; border-bottom: 1px solid #DDD; } form.btn { position: relative; } form.btn input[type="submit"], form.btn input[type="button"] { background: transparent; font-size: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } form.btn input[type="submit"]:hover, form.btn input[type="button"]:hover { cursor: pointer; } div[id^="player-"] { clear: both; display: block; margin: 1.5em 0; } div[id^="player-"] iframe, div[id^="player-"] object { display: block; margin: 0 auto; } section#content.tof div.three-boxes { margin-top: 25px; } aside.secondary.tof div.share-bar { position: absolute; top: 35px; left: 630px; border: 0; } img.lazyload { display: none; min-height: 0 !important; min-width: 0 !important; margin-left: auto; margin-right: auto; position: relative; top: 50%; margin-top: -25px !important; width: 50px !important; height: 50px !important; } .article_list article figure img.lazyload { position: static; margin-top: 25px !important; } article.singles-article div[class^="video_outer_"] { margin: 1.5em 0; } div[class^="video_outer_"] { clear: both; } .video_error_box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); color: white; line-height: 1.5; text-align: left; } .video_error_box .container { padding: 10px 50px; color: #eeeeee; } .video_error_box .container .title { font-size: 27px; font-weight: bold; text-align: center; color: white; margin: 0 0 10px 0; } .video_error_box .container .greetings { margin: 10px 0 0 0; } .video_error_box .container .greetings.right { text-align: right; } .video_error_box .container .errorlist { list-style-type: none; margin: 10px 10px; line-height: 16px; } .video_error_box .container .errorlist li { margin: 10px 0; } .video_error_box .container .errorlist li i { margin-right: 5px; } .video_error_box .container .errorlist li a { color: #eeeeee; } .video_error_box .container .errorlist li a:hover { text-decoration: underline; } .socialweb .icon-giga-forum { background-image: url("themes/giga/assets/img/profile-gigaforum.png"); background-color: #14782B; background-position: 50%; background-repeat: no-repeat; } .socialweb .icon-giga-forum:hover { background-color: #0A5F2B; } /* Sharing auf Startseite====================================================== */ section.column.startpage section ul li article.shareable { height: 392px; } .column.startpage article .sharing { margin: 0 0 10px 0; } .column.startpage article .sharing:after { content: ""; height: 0; font-size: 0; display: block; clear: both; } .column.startpage article .sharing a { width: 70px; height: 52px; display: inline-block; margin-right: 3px; float: left; } .column.startpage article .sharing a:last-child { margin-right: 0px; } .column.startpage article .sharing a .indicator { width: 70px; height: 30px; background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_2.png); background-position: -124px -90px; float: left; line-height: 24px; text-align: center; font-weight: bold; color: #AAA; font-size: 20px; } .column.startpage article .sharing a .box { width: 70px; height: 20px; background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_2.png); float: left; } .column.startpage article .sharing a.link-comments .box { background-position: 0 0; } .column.startpage article .sharing a.link-facebook .box { background-position: -362px 0; } .column.startpage article .sharing a.link-twitter .box { background-position: -119px 0; } .column.startpage article .sharing a.link-gplus .box { background-position: -244px 0; } /* DIALOG auf der seite=========================== */ .dialog { position: absolute; z-index: 999999999999; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.1); cursor: default; } .dialog .dialog_title { padding: 5px 10px; font-weight: bold; line-height: 1; } .dialog .dialog_content { padding: 10px; } .dialog .dialog_content ul { list-style: disc; padding: 0 0 0 40px; } .dialog .dialog_buttons { padding: 0 10px 10px 10px; } .dialog .dialog_buttons .btn { margin-right: 5px; } .dialog .dialog_buttons .btn:last-child { margin-right: auto; } .dialog.ui-draggable .dialog_title { cursor: 'move'; } .dialog.comment.report .dialog_content div.intro { padding: 0 0 10px 0; line-height: 1; } .dialog.comment.report .dialog_content textarea { padding: 0.8em 10px .2em; width: 100%; } .dialog.comment.report .dialog_content textarea::-webkit-input-placeholder { color: #AAA; } .dialog.comment.report .dialog_content textarea:-moz-placeholder { color: #AAA; } .dialog.comment.report .dialog_content textarea::-moz-placeholder { color: #AAA; } .dialog.comment.report .dialog_content textarea:-ms-input-placeholder { color: #AAA; } .dialog.comment.report .dialog_content textarea.placeholder { color: #AAA; } /* Sharing in der Sidebar ...===================================================== */ .sharing_container_small div.gig-button-container { height: 20px; } .sharing_container_small .imageshare .gig-bar-container { float: left; } .sharing_container_small .imageshare:after { content: ''; display: block; clear: both; height: 0; } .sharing_container_small .imageshare a { cursor: pointer; width: 60px; height: 20px; display: inline-block; position: relative; margin-right: 27px; } .sharing_container_small .imageshare a .indicator { background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_3.png); background-position: -124px -150px; width: 34px; height: 20px; position: absolute; right: 0; top: 0; } .sharing_container_small .imageshare a .indicator, .sharing_container_small .imageshare a .indicator span { line-height: 20px; font-size: 12px; text-indent: 4px; text-align: center; font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", "Helvetica", "DejaVu Sans", "Arial", sans-serif; color: #5F8AB4; } .sharing_container_small .imageshare a .box { width: 20px; height: 20px; background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_3.png); position: absolute; left: 0; bottom: 0; } .sharing_container_small .imageshare a.link-comments .box { background-position: -300px -180px; } .sharing_container_small .imageshare a.link-facebook .box { background-position: -300px -60px; } .sharing_container_small .imageshare a.link-twitter .box { background-position: -300px -100px; } .sharing_container_small .imageshare a.link-gplus .box { background-position: -300px -140px; } .sharing_container_small .imageshare a.link-email .box { background-position: -300px -220px; } aside.secondary .sharing_container_small { border: 1px solid #E6E6E6; padding: 10px 27px; margin-bottom: 30px; } aside.secondary .sharing_container_small .imageshare a.link-gplus { margin-right: 0; } /* VIDEO UNTER VIDEO-ARTIKEL */ .copy .related-videos { overflow: hidden; } .copy .related-videos > ul { margin: 0; padding: 0; overflow: hidden; } .copy .related-videos > ul > li { float: left; display: block; width: 183px; margin: 0 10px 10px 0; } .copy .related-videos > ul > li:nth-child(4) { clear: both; } .copy .related-videos > ul > li > a > span { font-size: 14px; font-weight: bold; } .copy .related-videos > ul > li:nth-child(3n+3) { margin-right: 0; } .copy .related-videos > ul > li figure { margin-bottom: 0; border-radius: 0px; } .copy .related-videos > ul > li figure > img { border-radius: 0px; height: 116px; } .copy .related-videos > ul > li figcaption { color: #fff; border-radius: 0; background-color: black; font-size: 11px; position: absolute; font-weight: normal; font-style: normal; bottom: 0px; height: 20px; width: 100%; padding: 0; } .copy .related-videos > ul > li figcaption i { position: absolute; top: 5px; left: 10px; } .copy .related-videos > ul > li figcaption time { position: absolute; top: 3px; right: 10px; } .copy .related-videos > ul > li figcaption span.line { width: 100px; display: inline-block; border-bottom: 1px solid #FFF; position: absolute; top: 10px; left: 30px; } /* SIDEBAR RELATED VIDEOS */ aside.secondary section.related-videos > ul > li { overflow: hidden; margin-bottom: 10px; } aside.secondary section.related-videos > ul > li > a { display: block; } aside.secondary section.related-videos > ul > li > a.title { margin: -4px 0 3px 0; } aside.secondary section.related-videos > ul > li > a.author, aside.secondary section.related-videos > ul > li span.views { color: #555; font-size: 0.8em; } aside.secondary section.related-videos > ul > li.showing_video > a.title { margin-top: 0; } aside.secondary section.related-videos > ul > li.showing_video > a.author { float: left; } aside.secondary section.related-videos > ul > li.showing_video span.views { float: right; } aside.secondary section.related-videos > ul > li.showing_video > a.author, aside.secondary section.related-videos > ul > li.showing_video span.views { display: inline-block; margin-right: 5px; } aside.secondary section.related-videos > ul > li figure { float: left; margin-right: 5px; position: relative; cursor: pointer; line-height: 1; } aside.secondary section.related-videos > ul > li figure img { border: 1px solid #EEEEEE; width: 140px; } aside.secondary section.related-videos > ul > li figure span.duration { position: absolute; right: 5px; top: 5px; color: #FFFFFF; font-size: 0.8em; background-color: rgba(0, 0, 0, 0.8); padding: 3px 4px; border-radius: 3px; font-family: Verdana, sans-serif; } .icon-play:hover:before { -webkit-transition: .1s; -moz-transition: .1s; -o-transition: .1s; transition: .1s; text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 8px; box-shadow: 0px 0px 8px 1px rgba(255, 255, 255, 0.8); } figure.current-play { overflow: hidden; } figure.current-play:before { content: none !important; } figure.current-play:after { content: none !important; } figure.current-play div[class^="video_outer_"] .ppdisplay { min-height: 100% !important; min-width: 100% !important; } figure.current-play .ppdisplay.active { min-width: 100%; min-height: 100%; } figure.current-play li { width: inherit; } figure.current-play > img { position: absolute; } figure.current-play.medium .bigShareBar { display: none !important; } figure.current-play.medium .videoComments { display: none !important; } figure.current-play.medium .relations { top: 17% !important; height: 50% !important; } /* FAQ/Hilfe Seite ================================================================= */ .faqitem { margin-bottom: 20px; } .faqitem .faqitem-hl { font-size: 18px; line-height: 1.3; margin-bottom: 10px; position: relative; padding: 0 0 0 30px; } .faqitem .faqitem-hl:before { content: "?"; display: block; position: absolute; left: 0; font-size: 40px; font-weight: bold; top: -7px; color: #f89d48; } .faqitem .faqitem-content { padding: 0 0 0 30px; position: relative; } .faqitem .faqitem-content:before { content: "!"; display: block; position: absolute; left: 0; font-size: 40px; font-weight: bold; color: #389238; top: -13px; } /* Bilderstrecken - Anzeige der Loopitems (Globale Loopitems, nicht nur in Bilderstrecken-Artikeln) =================================================================================================== */ section.column.startpage section ul li article figure.gallery { position: relative; margin: 0; } .article_list article figure.gallery { position: relative; } section.column.startpage section ul li article figure.gallery:after, .article_list article figure.gallery:after { text-align: center; position: absolute; right: 10px; bottom: 10px; top: auto; left: auto; content: "\f030"; font-family: FontAwesome; background: black; color: white; border: white solid 2px; border-radius: 30px; height: 35px; width: 35px; line-height: 36px; font-size: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } /* Abbinder ========================================================== */ .copy em.teaser a { font-weight: bold; } .copy em.teaser a:hover { text-decoration: underline; } /* Glossy (hardware?) =========================================================== */ .glossy h1 { font-size: 2.5em; margin-bottom: 0.5em; } .glossy .rating .fivestars b { font-size: 0.8em; font-weight: normal; margin-left: 0.5em; text-transform: uppercase; } .glossy .rating .fivestars i:before { font-size: 18px; padding-top: 5px; } /* Star rating (???) =========================================================== */ span.starRating { display: inline-block; margin-right: 10px; } span.starRating i { padding-right: 4px; color: #E4C70B; } span.starRating i:before { font-size: 15px; color: #E4C70B; } .starRatingInline span.integerRating { margin-right: 10px; font-family: exo; font-size: 20px; font-weight: bold; } /* RSS Zeug ?? ============================================================= */ a.rss_headline_news_headline { position: relative; top: -2px; left: 5px; font-size: 15px; color: #777; } /* Stocks widget ============================================================= */ #stock strong.heading { font-size: 15px; color: #555; font-weight: normal; margin-bottom: 12px; } /* Games Artikel ============================================================== */ .game article h1 { font-size: 26px; line-height: 28px; } /* irgendeine games section ============================================================= */ section.games h1 { font-size: 35px; font-weight: bold; } /* Related Videos ============================================================= */ aside.secondary section.related-videos > ul > li > span.cast { display: block; font-size: 0.8em; } aside.secondary section.related-videos > ul > li > span.cast > a { display: inline; } /* Play icon auf videos ============================================================ */ div.video .with-icon { position: relative; } div.video .with-icon:before { font-family: FontAwesome; text-decoration: inherit; display: inline-block; speak: none; content: "\f04b"; position: absolute; top: 50%; left: 50%; color: #FFF; text-align: center; border-radius: 100px; padding: 0; padding-left: 4px; font-size: 22px; line-height: 44px; background: rgba(0, 0, 0, 0.8); height: 44px; width: 40px; margin: -22px 0 0 -22px; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid #FFF; } div.video .with-icon:hover:before { -webkit-transition: .1s; -moz-transition: .1s; -o-transition: .1s; transition: .1s; text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 8px; box-shadow: 0px 0px 8px 1px rgba(255, 255, 255, 0.8); } /* Header - Logo ============================================================================ */ h1#logo { position: relative; z-index: 10002; font-size: 0; } h1#logo a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /* Header - Themenweltswitcher ============================================================================ */ #logobox .topic-switch { z-index: 10001; } #logobox .topic-switch > div { display: block; position: absolute; z-index: 2; top: 4px; left: 370px; } #top header.switch-visible section.topic-switch { display: block; } #top header section.topic-switch { display: none; left: -10px; position: absolute; height: 68px; top: 8px; border-radius: 10px; white-space: nowrap; margin: 0; } #top header section.topic-switch ul { position: absolute; padding: 27px 10px 13px 340px; text-align: right; width: 1020px; background-color: rgba(0, 0, 0, 0.7); border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } #top header section.topic-switch ul li { display: inline-block; width: 130px; float: right; } #top header section.topic-switch ul li a { color: #fff; font-size: 20px; display: block; padding: 2px 10px; margin: 0 10px; border-radius: 5px; text-align: center; opacity: 0.9; } #top header section.topic-switch ul li a.giga-startpage { background-color: #617B7B; } #top header section.topic-switch ul li a.icon-giga-android-typogram { background-color: #79aa09; } #top header section.topic-switch ul li a.icon-giga-apple-typogram { background-color: #099aaa; } #top header section.topic-switch ul li a.icon-giga-film-typogram { background-color: #c20a2f; } #top header section.topic-switch ul li a.icon-giga-games-typogram { background-color: #c2540a; } #top header section.topic-switch ul li a.icon-giga-software-typogram { background-color: #0a66c2; } #top header section.topic-switch ul li a:before { font-family: icons; } #top header section.topic-switch ul li a:hover { opacity: 1; } #top header section.topic-switch ul li a.giga-startpage span { display: block; line-height: 22px; font-size: 14px; } #top header section.topic-switch ul li a span { display: none; } /* Header - Themenbloecke ============================================================================ */ #top header section.themes { margin: 0; } #top header section.themes.mainpage { position: absolute; right: 15px; top: 10px; width: 194px; z-index: 9999; } #top header section.themes ul { list-style: none; } #top header section.themes ul li { float: left; margin-right: 14px; } #top header section.themes ul li { color: #B3B3B3; font-size: 12px; } #top header section.themes ul li span { color: #ffffff; font-size: 14px; padding: 2px; } #top header section.themes ul li a { color: #ffffff; font-size: 14px; padding: 2px; } #top header section.themes ul li a:hover { text-decoration: underline; } #top header section.themes ul li:last-child { margin: 0; } #top header section.themes ul li { position: relative; } #top header section.themes ul li ul { display: none; position: absolute; top: 99%; z-index: 10003; right: -5px; background: white; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); border-top: 3px solid #5F696D; border-bottom: 3px solid #5F696D; } #top header section.themes ul li:hover ul { display: block; } #top header section.themes ul li.has_sub ul { max-width: 250px; } #top header section.themes ul li.has_sub ul li { display: block; float: none; white-space: nowrap; text-align: left; padding: 0; margin: 0; } #top header section.themes ul li.has_sub ul li a { display: block; padding: 5px 10px; text-decoration: none; color: #9B1E1E; overflow: hidden; text-overflow: ellipsis; } #top header section.themes ul li.has_sub ul li a:hover { background-color: #9B1E1E; color: #fff; } #top header section.themes ul li.has_sub:hover { background-color: #9B1E1E; color: #fff; } #top header section.themes ul li.has_sub:hover > a { color: #fff; } #top header section.themes #loginbits { display: inline; float: right; white-space: nowrap; margin-left: 14px; } #top header section.themes #loginbits ul li { background: transparent; float: left; } #top header section.themes #loginbits ul li.loginbit img { margin: 3px 3px 0 0; float: left; } #top header section.themes.hot-topics { position: absolute; top: 10px; left: 379px; width: 412px; } #top header section.themes.hot-topics ul { float: left; width: 52px; } #top header section.themes.hot-topics ul li ul { width: auto; } #top header section.themes.hot-topics ul li a { font-size: 12px; } #top header section.themes.hot-topics div { white-space: nowrap; width: 360px; overflow: hidden; text-overflow: ellipsis; float: left; text-align: left; font-size: 12px; } #top header section.themes.hot-topics div span { padding: 2px 10px 2px 0; } #top header section.themes.hot-topics div span a:hover { text-decoration: underline; } /* Header Shares ================================================================================ */ #header_follow { position: absolute; right: 10px; top: 42px; } #header_follow a { width: 28px; height: 28px; background-size: 28px 28px; background-repeat: no-repeat; margin: 0 6px 0 0; } #header_follow a[href^="http://www.facebook.com/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-facebook.svg); } #header_follow a[href^="https://www.facebook.com/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-facebook.svg); } #header_follow a[href^="http://twitter.com/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-twitter.svg); } #header_follow a[href^="https://twitter.com/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-twitter.svg); } #header_follow a[href^="https://plus.google.com/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-googleplus.svg); } #header_follow a[href^="http://gplus.to"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-googleplus.svg); } #header_follow a[href^="http://www.youtube.com/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-youtube.svg); } #header_follow a[href^="https://www.youtube.com/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-youtube.svg); } #header_follow a[href^="http://www.giga.de/"] { background-image: url(/special/giga-2015/assets/images/social-icons/social-icon-rss.svg); } #header_follow a img { display: none; } /* Header background ============================================================================ */ #top { z-index: 0; } #outertop1 header:before { content: ""; display: block; background-image: url(/special/giga-2015/assets/images/ornament_light.png); background-repeat: no-repeat; max-width: 1000px; margin: 0 auto; padding: 0 0; z-index: 0; position: absolute; left: -206px; top: 0; height: 123px; width: 465px; background-position: 0 -180px; opacity: 0.3; } #outertop1 header:after { content: ""; display: block; background-image: url(/special/giga-2015/assets/images/ornament_dark.png); background-repeat: no-repeat; max-width: 1000px; margin: 0 auto; padding: 0 0; z-index: 0; position: absolute; left: -206px; top: 123px; height: 153px; width: 465px; background-position: 0 -303px; } #outertop2 { box-shadow: 0px -10px 10px rgba(255, 255, 255, 0.1), 0px -5px 5px rgba(255, 255, 255, 0.1); } /* Footer background ============================================================================ */ #bottom { background-position: center bottom, right bottom; background-repeat: no-repeat, no-repeat; } /* Dinge die unter dem Header sind und dort den hintergrund hervorscheinen lassen... =========================================================================== */ #vgwort_pixel { position: absolute; top: 0; left: 0; } #postview_pixel { position: absolute; top: 0; left: 0; } .wingadblock { position: absolute; top: 0; left: 0; font-size: 0; } body > div:not([class]):not([id]) { position: absolute; top: 0; left: 0; font-size: 0; } iframe[name="google_conversion_frame"] { position: absolute; top: -10px; left: -10px; height: 1px; width: 1px; } /* Sidebar nach unten schieben auf produktseiten (damit mit text/button buendig) =========================================================================================== */ #content[itemtype="http://schema.org/WebApplication"] aside.secondary, #content[itemtype="http://schema.org/SoftwareApplication"] aside.secondary { margin-top: 40px; } /* Sidebar Abstaende und Trennstrich ======================================= */ aside.secondary .sidebar-box, aside.secondary section { border-bottom: 1px solid #bbb; margin: 1em 0; padding: 0 0 1em 0; clear: both; } aside.secondary .sidebar-box:first-child, aside.secondary section:first-child { margin: 0 0 1em 0; } aside.secondary .sidebar-box.noborder, aside.secondary section.noborder { border-bottom: 0; padding: 0; margin: 0; } /* Gruene Buttons wenn user von suchseite kommt =================================================== */ body.from-search #content *.gig-comments-more, body.from-search #content #commentslist *.gig-composebox-social-login, body.from-search #content #commentslist *.gig-composebox-guest-login, body.from-search #content #commentslist *.gig-composebox-site-login, body.from-search #content .gig-comments-dialog-button, body.from-search #content #commentslist *.gig-comments-container *.gig-comments-composebox *.gig-composebox-post, body.from-search #content #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-post, body.from-search #content .btn { color: #fff; text-shadow: 0px -1px #14762b; border-color: #14762b #14762b #105c21 #14762b; background: #1b9d39; background: -moz-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b9d39), color-stop(95%, #189034), color-stop(100%, #168330)); background: -webkit-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: -o-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: -ms-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: linear-gradient(to bottom, #1b9d39 0%, #189034 95%, #168330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_background_color1', endColorstr='$button_background_color3',GradientType=0 ); } body.from-search #content *.gig-comments-more:hover, body.from-search #content #commentslist *.gig-composebox-social-login:hover, body.from-search #content #commentslist *.gig-composebox-guest-login:hover, body.from-search #content #commentslist *.gig-composebox-site-login:hover, body.from-search #content .gig-comments-dialog-button:hover, body.from-search #content #commentslist *.gig-comments-container *.gig-comments-composebox *.gig-composebox-post:hover, body.from-search #content #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-post:hover, body.from-search #content .btn:hover { color: #fff; text-shadow: 0px -1px #168330; border-color: #168330 #168330 #126926 #168330; background: #1daa3e; background: -moz-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1daa3e), color-stop(95%, #1b9d39), color-stop(100%, #189034)); background: -webkit-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: -o-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: -ms-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: linear-gradient(to bottom, #1daa3e 0%, #1b9d39 95%, #189034 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_hover_background_color1', endColorstr='$button_hover_background_color3',GradientType=0 ); } body.from-search #content .btn.icon a { color: #fff; } body.from-search #content .btn.icon { color: #fff; text-shadow: 0px -1px #14762b; border-color: #14762b #14762b #105c21 #14762b; background: #1b9d39; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -moz-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b9d39), color-stop(95%, #189034), color-stop(100%, #168330)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -o-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -ms-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, linear-gradient(to bottom, #1b9d39 0%, #189034 95%, #168330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_background_color1', endColorstr='$button_background_color3',GradientType=0 ); } body.from-search #content .btn.icon:hover { color: #fff; text-shadow: 0px -1px #168330; border-color: #168330 #168330 #126926 #168330; background: #1daa3e; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -moz-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1daa3e), color-stop(95%, #1b9d39), color-stop(100%, #189034)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -o-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -ms-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, linear-gradient(to bottom, #1daa3e 0%, #1b9d39 95%, #189034 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_hover_background_color1', endColorstr='$button_hover_background_color3',GradientType=0 ); } body.from-search #content .multiple_transactions .panel .btn.icon a, body.from-search #content ol.article_list .btn.icon a, body.from-search #content aside.secondary .btn.icon a { color: #fff; } body.from-search #content .multiple_transactions .panel .btn.icon, body.from-search #content ol.article_list .btn.icon, body.from-search #content aside.secondary .btn.icon { color: #fff; text-shadow: 0px -1px #14762b; border-color: #14762b #14762b #105c21 #14762b; background: #1b9d39; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -moz-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b9d39), color-stop(95%, #189034), color-stop(100%, #168330)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -o-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -ms-linear-gradient(top, #1b9d39 0%, #189034 95%, #168330 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, linear-gradient(to bottom, #1b9d39 0%, #189034 95%, #168330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_background_color1', endColorstr='$button_background_color3',GradientType=0 ); } body.from-search #content .multiple_transactions .panel .btn.icon:hover, body.from-search #content ol.article_list .btn.icon:hover, body.from-search #content aside.secondary .btn.icon:hover { color: #fff; text-shadow: 0px -1px #168330; border-color: #168330 #168330 #126926 #168330; background: #1daa3e; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -moz-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1daa3e), color-stop(95%, #1b9d39), color-stop(100%, #189034)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -o-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -ms-linear-gradient(top, #1daa3e 0%, #1b9d39 95%, #189034 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, linear-gradient(to bottom, #1daa3e 0%, #1b9d39 95%, #189034 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_hover_background_color1', endColorstr='$button_hover_background_color3',GradientType=0 ); } /*# sourceMappingURL=style_v3.css.map */ /*! Hint.css - v0.1.0 - 2013-02-03 * https://github.com/chinchang/hint.css * Copyright (c) 2013 Kushagra Gour; Licensed MIT */ /*-------------------------------------*\ HINT.css - A CSS tooltip library \*-------------------------------------*/ /** * HINT.css is a tooltip library made in pure CSS. * * Source: https://github.com/chinchang/hint.css * Demo: http://kushagragour.in/labs/hintcss * * Release under The MIT License * */ /** * source: hint-core.scss * * Defines the basic styling for the tooltip. * Each tooltip is made of 2 parts: * 1) body (:after) * 2) arrow (:before) * * Classes added: * 1) hint */ .hint { position: relative; display: inline-block; /** * tooltip arrow */ /** * tooltip body */ } .hint:before, .hint:after { position: absolute; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; } .hint:hover:before, .hint:hover:after { opacity: 1; } .hint:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } .hint:after { content: attr(data-hint); background: #383838; color: white; text-shadow: 0 -1px 0px black; padding: 8px 10px; font-size: 12px; line-height: 12px; white-space: nowrap; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } /** * source: hint-position.scss * * Defines the positoning logic for the tooltips. * * Classes added: * 1) hint--top * 2) hint--bottom * 3) hint--left * 4) hint--right */ /** * set default color for tooltip arrows */ .hint--top:before { border-top-color: #383838; } .hint--bottom:before { border-bottom-color: #383838; } .hint--left:before { border-left-color: #383838; } .hint--right:before { border-right-color: #383838; } /** * top tootip */ .hint--top:before { margin-bottom: -12px; } .hint--top:after { margin-left: -18px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } .hint--top:hover:before, .hint--top:hover:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /** * bottom tootip */ .hint--bottom:before { margin-top: -12px; } .hint--bottom:after { margin-left: -18px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; } .hint--bottom:hover:before, .hint--bottom:hover:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /** * right tootip */ .hint--right:before { margin-left: -12px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50%; } .hint--right:hover:before, .hint--right:hover:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /** * left tootip */ .hint--left:before { margin-right: -12px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50%; } .hint--left:hover:before, .hint--left:hover:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /** * source: hint-color-types.scss * * Contains tooltips of various types based on color differences. * * Classes added: * 1) hint--error * 2) hint--warning * 3) hint--info * 4) hint--success * */ /** * Error */ .hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #5a2626; } .hint--error.hint--top:before { border-top-color: #b34e4d; } .hint--error.hint--bottom:before { border-bottom-color: #b34e4d; } .hint--error.hint--left:before { border-left-color: #b34e4d; } .hint--error.hint--right:before { border-right-color: #b34e4d; } /** * Warning */ .hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6d5228; } .hint--warning.hint--top:before { border-top-color: #c09854; } .hint--warning.hint--bottom:before { border-bottom-color: #c09854; } .hint--warning.hint--left:before { border-left-color: #c09854; } .hint--warning.hint--right:before { border-right-color: #c09854; } /** * Info */ .hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #193c4c; } .hint--info.hint--top:before { border-top-color: #3986ac; } .hint--info.hint--bottom:before { border-bottom-color: #3986ac; } .hint--info.hint--left:before { border-left-color: #3986ac; } .hint--info.hint--right:before { border-right-color: #3986ac; } /** * Success */ .hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a331a; } .hint--success.hint--top:before { border-top-color: #458746; } .hint--success.hint--bottom:before { border-bottom-color: #458746; } .hint--success.hint--left:before { border-left-color: #458746; } .hint--success.hint--right:before { border-right-color: #458746; } /** * source: hint-always.scss * * Defines a persisted tooltip which shows always. * * Classes added: * 1) hint--always * */ .hint--always:after, .hint--always:before { opacity: 1; } .hint--always.hint--top:after, .hint--always.hint--top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:after, .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:after, .hint--always.hint--left:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:after, .hint--always.hint--right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .econa_ad_content { background: #fff; margin-top: 0px; margin-bottom: 0; border-radius: 0px 0px 4px 4px; width: 568px; height: 100%; margin-top: -6px;} .econa_ad_content .econa_ad_content_single { padding: 5px;} .ads.adsense.single-content-top-adsense { margin-top: 10px; margin-bottom: 10px; padding-top: 5px; } article.small-adsense section#ad { width: 300px; margin: 0; padding: 0; margin-right: 10px; margin-left: 10px; float: left; position: relative; top: 8px; margin-bottom: 10px;} article.small-adsense section#ad.econa_ad_bottom { margin-left: 0;} #google_ads_div_GG-MRec-oben_ad_wrapper:before { content: "ANZEIGE"; font-size: 14px; display: block; text-align: right; padding-right: 4px} #google_ads_div_GG-Teaser-Ad_ad_wrapper:before { content: 'Anzeige'; font-size: 14px; display: block; text-align: right; padding-right: 4px; margin-top: 10px;} #google_ads_div_GG-Teaser-Ad_ad_wrapper { text-align: center; background-color: #EEE; border-radius: 5px; margin-bottom: 15px;} .econa-ad-GG-Teaser-Ad #google_ads_div_GG-Teaser-Ad_ad_container { width: 548px; margin-bottom: 1px; background-color: #FFF; padding-left: 10px; padding-right: 10px;} .econa-ad-GG-Teaser-Ad div > ins { padding-bottom: 10px; padding-top: 10px;} .econa-ad-GG-Teaser-Ad div.content-box { text-align: left; padding: 0 5px;} .econa-ad-GG-Teaser-Ad div.content-box .headline { font-size: 14px; font-weight: 600; line-height: 24px;} .econa-ad-GG-Teaser-Ad div.content-box div.excerpt p { font-size: 14px; line-height: 17px; } .econa-ad-GG-Teaser-Ad + li article { padding-top: 1em; border-top: 1px solid #F4F2F1;} .article_list div.econa-ad-GG-Teaser-Ad .partner { background-color: transparent; text-align: left;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser { background-color: #EEE; border-bottom: 1px solid #EEE; border-radius: 5px;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser.no-headline { padding-top: 10px;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser:not(.no-headline):before { content: 'ANZEIGE'; font-size: 14px; display: block; text-align: right; padding-right: 4px;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div { background-color: #FFF; padding-bottom: 1px; margin-left: 1px; margin-right: 1px; border-radius: 0 0 3px 3px;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div.content.sidebar-box-content { padding-top: 15px;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div.content.sidebar-box-content:first-child { padding-top: 0;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div.content.sidebar-box-content figure { overflow: hidden; border-radius: 3px; height: 120px; margin-bottom: 15px;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div.content.sidebar-box-content figure img { margin-top: -25px;} .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div.inner a.headline { font-weight: 600; font-size: 14px; display: inline-block; line-height: 20px; margin-top: 10px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} #content .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div.content.sidebar-box-content p { font-size: 14px; margin-bottom: 0; line-height: 17px; padding-left: 5px; padding-right: 5px;} #content .sidebar-box.medium-loopitem-height.content-box-margin.product-teaser div.content.sidebar-box-content p:last-child { padding-bottom: 15px;} aside .sidebar-box div.header.height-fixed-big.light { position: relative;} .ads.adsense.single-product-content-top-adsense .econa-ad-GG-Adsense-Content-oben { margin-bottom: 0;} .ads.adsense.single-product-content-top-adsense { margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding-top: 5px; padding-bottom: 0;} div[id^=div-gpt-ad].ad_160x600 { position: absolute; } .ad_728x90 { text-align: center;} .ad_300x250 > div:before { content: "ANZEIGE"; width: 290px; padding-left: 5px; padding-right: 5px; background-color: #CCC; font-size: 14px; text-align: right; border-radius: 5px 5px 0 0; display: block; } .ad_AdS-Content-oben_PS { width: 300px; float: left; margin-right: 5px; margin-bottom: 5px;} .ad_TeaserAd > div { border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; text-align: center;} .ad_TeaserAd > div:before { content: 'Anzeige'; font-size: 14px; display: block; text-align: right; padding-right: 4px; margin-top: 10px; background-color: #EEE; border-radius: 5px 5px 0 0;} .ad_TeaserAd > div{ border: none;} .ad_TeaserAd > div li.partner.teaser-ad{ margin: 10px 0 0 0 !important; text-align: left !important;} .ad_TeaserAd > div li.partner.teaser-ad article small{ font-size: 11px;} .ad_TeaserAd > div li.partner.teaser-ad article hgroup img{ display: none;} .ad_TeaserAd > div:before { display: none;} .ad_TeaserAd > div .listing-textad { text-align: left;} .article_list li.simple{ margin-top: 0;} .article_list li.simple:nth-child(odd) article{ border-bottom: 0 !important;} .ads.adsense.single-content-top-adsense .search{ margin: 0 10px 10px 0;} .singles-article .video { clear: both; } /* Widget styles */ /** Top News widget **/ .topnews h1 { font-size: 1em; font-weight: 400; } .topnews ul { list-style: symbols; } .topnews li, .topnews li a { font-size: .8em; } .topnews li { /* content: "\f054"; */ padding-top: 1px; } /** END Top News widget **/ /** Tab widgets **/ .ui-tabs-hide { display: none; } /** END Tab widgets **/ /** App Store Widget **/ .appstore-list li { float: left; } .appstore-list li span.tooltip { display: none; } .appstore-list li div.title, .appstore-list li div.link { display: none; } .appstore-list li div.image { margin-right: 1px; } .appstore-list li img { border-radius: 3px 3px 3px 3px; } .appstore .tabs li a { background-image: url("themes/giga/assets/img/sprites/appstore-sprite.png"); background-repeat: no-repeat; display: block; height: 20px; text-indent: -99999px; width: 20px; margin-bottom: 14px; } .appstore .tabs li a.tab-mostbought { background-position: 0 -20px; } .appstore .tabs li a.tab-newest { background-position: 0 -40px; } .appstore .tabs { float: right; margin: 5px 0 0; overflow: hidden; width: 20px; } .appstore div.searchfield { position: relative; } .appstore input.searchfield { background-color: #5B8993; font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetice, "DejaVu Sans", Arial, sans-serif; height: 30px; line-height: 30px; padding: 0 0.2em; width: 100%; transition: all 0.2s easy-out 0s; border-radius: 3px 3px 3px 3px; border: medium none; font-size: 1em; margin-bottom: 10px; } .appstore input.searchfield:focus { box-shadow: 0 0 0 1px #5B8993 inset; background-color: #fff; color: #5B8993; text-transform: none; } .appstore input.searchfield:focus .icon-appstore-search { color: #5B8993; } .appstore .icon-appstore-search { font-size: 22px; position: absolute; right: 8px; top: -3px; color: #fff; } .appstore .icon-appstore-search:before { content: "\f002"; } /** END App Store Widget **/ /* twitter tweets */ #content .copy .twitter-tweet.twitter-tweet-rendered { margin: 10px auto !important; } /* facebook post */ #content .copy .fb-post.fb_iframe_widget { width: 100% !important; } #content .copy .fb-post.fb_iframe_widget > span { width: 100% !important; text-align: center !important; } #content .copy .fb-post.fb_iframe_widget > span > iframe { position: static !important; } /* Created on : 21.10.2013, 11:10:14 Author : erich */ .gig-guestbox-fields input { background-color: #ffffff; } .gigya-screen-dialog input[type="text"]{ border: 1px solid #bbb; } .gigya-screen-dialog input[type="password"]{ border: 1px solid #bbb; } .gigya-screen-dialog input[type="submit"] { width: 120px; font-size: 14px; border: 1px solid #bbb; } #user_login_top { float: right; position: relative; height: 48px; width: 48px; overflow: hidden; background-color: #fff; margin-left: 5px; margin-top: 13px; border: 1px solid #777; } #user_social_login { position: absolute; width: 210px; height: 210px; background-color: #fff; z-index: 10000; border-radius: 6px 6px 6px 6px; border-color: #ddd #444 #666 #ddd; border-style: solid; border-width: 1px; border-spacing: 9px; padding: 10px; display: none; } #user_social_login .header_text { font-size: 16px; margin-top: 0px; margin-bottom: 12px; border-bottom: 1px dotted #888888; } #user_social_login .whats_this_text { padding: 5px; } #user_social_login_page { vertical-align: top; } #user_social_login_welcome { font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif; } #user_login_top.loggedin:hover { content: Abmelden } /* GIGYA =================================== */ #gigyaprofilelayer_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); } #gigyaprofilelayer { position: fixed; display: block; z-index: 300; border: solid 1px #B8B8BA; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 0; width: 100%; max-width: 700px; background-color: white; background-repeat: no-repeat; overflow: auto; } #gigyaprofilelayer div { padding: 10px; } #gigyaprofilelayer div table { width: 100%; } #gigyaprofilelayer div table tr {} #gigyaprofilelayer div table tr th { width: 150px; vertical-align: top; font-weight: bold; } #gigyaprofilelayer div table tr td { vertical-align: top; } .gig-share-bar-container table { background: transparent !important; border-collapse: collapse !important; padding: 0 !important; margin: 0 !important; border: none !important; } .gig-share-bar-container table tr { background: transparent !important; padding: 0 !important; margin: 0 !important; border: none !important; } .gig-share-bar-container table tr td { background: transparent !important; border-collapse: collapse !important; padding: 0 !important; margin: 0 !important; border: none !important; } .connectcontainer { padding: 0; width: 700px; position: relative; height: 350px; } .connectcontainer .connectheader { font-weight: bold; padding: 10px 25px; font-size: 24px; line-height: 1; } .connectcontainer .connectheader .connecttitle_information { font-size: 12px; padding: 0 10px; font-weight: normal; } .connectcontainer .connectheader .connecttitle_information a { text-decoration: underline; } .connectcontainer .connectheader .connecttitle_information a:hover { cursor: pointer; } #gigyaconnectlayer_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); } #gigyaconnectlayer { position: fixed; display: block; z-index: 300; border: solid 1px #B8B8BA; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 0; width: 100%; max-width: 700px; background-color: white; background-repeat: no-repeat; overflow: auto; } #gigyaconnectlayer .connectbody { display: table-row; height: 300px; } #gigyaconnectlayer .connectbody:after { content: ""; height: 0; display: block; clear: both; } #gigyaconnectlayer .social { margin-top: 32px; } #gigyaconnectlayer .social ul { width: 270px; margin: 0 auto; } #gigyaconnectlayer .social ul li { display: block; margin: 0 0 10px 0; height: 32px; line-height: 32px; } #gigyaconnectlayer .social ul li:last-child { margin: 0 0 0 0; } #gigyaconnectlayer .social ul li i { position: relative; color: #FFF; text-shadow: none; width: 30px; height: 30px; border-radius: 30px; text-align: center; cursor: pointer; display: block; float: left; font-size: 21px; } #gigyaconnectlayer .social ul li .icon-giga { /* background-color: #2E782D; */ background-image: url(themes/giga/assets/img/login-ico-giga.png); background-repeat: no-repeat; background-position: 1px 0; } /* #gigyaconnectlayer .social ul li .icon-giga:hover { opacity: 0.75; -moz-opacity: 0.75; -o-opacity: 0.75; -ms-opacity: 0.75; -webkit-opacity: 0.75; } */ /* #gigyaconnectlayer .social ul li .icon-facebook { position: relative; background-color: #3A5B93; font-size: 20px; } */ #gigyaconnectlayer .social ul li .icon-facebook:before { position: absolute; top: 5px; left: 11px; } #gigyaconnectlayer .social ul li .icon-instagram:before { position: absolute; top: 5px; left: 6px; } #gigyaconnectlayer .social ul li .icon-sun:before { position: absolute; top: 5px; left: 5px; } /* #gigyaconnectlayer .social ul li .icon-youtube { position: relative; background-color: #C1332E; text-align: right; font-size: 20px; } */ #gigyaconnectlayer .social ul li .icon-youtube:before { top: 7px; left: 5px; position: absolute; } /* #gigyaconnectlayer .social ul li .icon-twitter { position: relative; background-color: #45ABE7; font-size: 20px; } */ #gigyaconnectlayer .social ul li .icon-twitter:before { position: absolute; left: 6px; top: 6px; } /* #gigyaconnectlayer .social ul li .icon-google-plus { position: relative; background-color: #C53100; font-size: 20px; } */ #gigyaconnectlayer .social ul li .icon-google-plus:before { position: absolute; left: 9px; top: 7px; font-size: 17px; } #gigyaconnectlayer .social ul li .icon-email { background-color: #C53100; font-size: 26px; line-height: 32px; } #gigyaconnectlayer .social ul li .icon-register { position: relative; background-color: #aaaaaa; font-size: 20px; } #gigyaconnectlayer .social ul li .icon-register:hover { opacity: 0.75; -moz-opacity: 0.75; -o-opacity: 0.75; -ms-opacity: 0.75; -webkit-opacity: 0.75; } #gigyaconnectlayer .social ul li .icon-register:before { position: absolute; left: 7px; top: 7px; } /* #gigyaconnectlayer .social ul li .icon-user { position: relative; background-color: #aaaaaa; font-size: 20px; } */ #gigyaconnectlayer .social ul li .icon-user:before { position: absolute; top: 6px; left: 9px; font-size: 17px; } #gigyaconnectlayer .social ul li.separator { height: 1px; width: 100%; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(136,136,136,1) 35%, rgba(136,136,136,1) 65%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(35%,rgba(136,136,136,1)), color-stop(65%,rgba(136,136,136,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); } #gigyaconnectlayer .social ul li.hidden { display: none; } #gigyaconnectlayer .social ul li.show-more-networks { cursor: pointer; margin: 0; padding: 0; font-weight: bold; } #gigyaconnectlayer .social ul li.show-more-networks i { display: inline; float: none; color: #444; font-size: 12px; } #gigyaconnectlayer .social ul li.hide-more-networks { cursor: pointer; margin: 0; padding: 0; font-weight: bold; } #gigyaconnectlayer .social ul li.hide-more-networks i { display: inline; float: none; color: #444; font-size: 12px; } #gigyaconnectlayer .connect-separator { width: 1px; display: table-cell; vertical-align: middle; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(136,136,136,1) 35%, rgba(136,136,136,1) 65%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(35%,rgba(136,136,136,1)), color-stop(65%,rgba(136,136,136,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(136,136,136,1) 35%,rgba(136,136,136,1) 65%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); } #gigyaconnectlayer .connect-left { width: 350px; display: table-cell; vertical-align: top; padding: 25px 0 0 0; } #gigyaconnectlayer .connect-right { width: 349px; display: table-cell; vertical-align: top; padding: 25px 0 0 0; } #gigyaconnectlayer .icon-remove-sign { cursor: pointer; position: absolute; right: 3px; top: 3px; color: #AAA; } #gigyaconnectlayer .part:first-child { display: block; } #gigyaconnectlayer .part { display: none; clear: both; width: 270px; margin: 0 auto 0 auto; } #gigyaconnectlayer .part:after { content: ""; height: 0; display: block; clear: both; } #gigyaconnectlayer a { text-decoration: underline; } #gigyaconnectlayer label { width: 100%; line-height: 38px; display: block; } #gigyaconnectlayer .row__agb label { font-size: 12px; line-height: 1; height: 32px; } #gigyaconnectlayer .row__agb input[type="checkbox"] { float: left; position: relative; margin: 3px 5px 0 0; background: transparent; padding: 0; } #gigyaconnectlayer .row__agb span { display: inline-block; width: 210px; line-height: 1.5; } #gigyaconnectlayer .row__newsletter label { font-size: 12px; line-height: 1; height: 16px; } #gigyaconnectlayer .row__newsletter input[type="checkbox"] { float: left; position: relative; margin: 3px 5px 0 0; background: transparent; padding: 0; } #gigyaconnectlayer .row__newsletter span { display: inline-block; width: 210px; line-height: 1.5; } #gigyaconnectlayer label:after { content: ""; clear: both; height: 0; display: block; } #gigyaconnectlayer .row:after { content: ""; clear: both; height: 0; display: block; } #gigyaconnectlayer .row__reset_password a { display: block; width: 230px; font-size: 0.8em; float: right; margin: 0 0 5px 0; } #gigyaconnectlayer .row__reset_password a:hover { cursor: pointer; } #gigyaconnectlayer .part input[type="password"], #gigyaconnectlayer .part input[type="text"] { display: inline-block; width: 100%; height: 32px; line-height: 1; background-color: #FFF; border: solid 1px rgba(0, 0, 0, .2); color: #444; margin: 0; float: right; } #gigyaconnectlayer .part input::-webkit-input-placeholder { color: #787878; } #gigyaconnectlayer .part input:-moz-placeholder { color: #787878; } #gigyaconnectlayer .part input::-moz-placeholder { color: #787878; } #gigyaconnectlayer .part input:-ms-input-placeholder { color: #787878; } #gigyaconnectlayer .part input.placeholder { color: #787878; } #gigyaconnectlayer div[data-action="submit"] { min-width: 105px; float: left; text-align: center; font-weight: bold; font-size: 15px; } #gigyaconnectlayer .part.guest div[data-action="submit"] { width: 100%; float: none; } #gigyaconnectlayer .part.reset_password div[data-action="submit"] { width: 100%; float: none; } #gigyaconnectlayer .part .reset_password { font-size: 13px; float: right; line-height: 32px; text-decoration: underline; cursor: pointer; } #gigyaconnectlayer .part .row__register a { text-decoration: underline; cursor: pointer; } #gigyaconnectlayer .part .row__headline { font-weight: bold; margin: 0 0 10px 0; line-height: 22px; } #gigyaconnectlayer .part .row__messages { font-size: 15px; line-height: 1.5; } #gigyaconnectlayer .part .row__messages a { text-decoration: underline; cursor: pointer; } #gigyaconnectlayer .row { position: relative; margin: 0 0 10px 0; line-height: 32px; } #gigyaconnectlayer .row .error { z-index: 51; position: absolute; top: 4px; right: 280px; white-space: nowrap; background: rgb(255, 243, 181); border: solid 1px rgb(223, 179, 66); padding: 2px 10px; box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.63), 0 2px 10px rgba(0, 0, 0, .2); cursor: default; font-size: 12px; font-weight: bold; color: rgb(70, 70, 70); line-height: 18px; } #gigyaconnectlayer .row .error:before, #gigyaconnectlayer .row .error:after { position: absolute; right: -6px; top: 6px; display: block; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: solid 5px rgb(223, 179, 66); content: ""; } #gigyaconnectlayer .row .error:after { right: -5px; border-left: 5px solid rgb(255, 243, 181); } #gigyaconnectlayer .connect-left .social { position: relative; } #gigyaconnectlayer .connect-left .social .whitepanel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.7); z-index: 50; } .btn.btn--facebook-login i:before { text-shadow: 0px -1px #213782; } .btn.btn--facebook-login { color: #fff; text-shadow: 0px -1px #213782; border-color: #213782 #213782 #1F3781 #213782; background: #5D77C4; background: -moz-linear-gradient(top, #5D77C4 0%, #38529F 95%, #304A97 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5D77C4), color-stop(95%,#38529F), color-stop(100%,#304A97)); background: -webkit-linear-gradient(top, #5D77C4 0%,#38529F 95%,#304A97 100%); background: -o-linear-gradient(top, #5D77C4 0%,#38529F 95%,#304A97 100%); background: -ms-linear-gradient(top, #5D77C4 0%,#38529F 95%,#304A97 100%); background: linear-gradient(to bottom, #5D77C4 0%,#38529F 95%,#304A97 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5D77C4', endColorstr='#304A97',GradientType=0 ); } .btn.btn--facebook-login:hover i:before { text-shadow: 0px -1px #243C8C; } .btn.btn--facebook-login:hover { color: #fff; text-shadow: 0px -1px #243C8C; border-color: #243C8C #243C8C #233D8C #243C8C; background: #637FCE; background: -moz-linear-gradient(top, #637FCE 0%, #3D5AAA 95%, #3451A3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#637FCE), color-stop(95%,#3D5AAA), color-stop(100%,#3451A3)); background: -webkit-linear-gradient(top, #637FCE 0%,#3D5AAA 95%,#3451A3 100%); background: -o-linear-gradient(top, #637FCE 0%,#3D5AAA 95%,#3451A3 100%); background: -ms-linear-gradient(top, #637FCE 0%,#3D5AAA 95%,#3451A3 100%); background: linear-gradient(to bottom, #637FCE 0%,#3D5AAA 95%,#3451A3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#637FCE', endColorstr='#3451A3',GradientType=0 ); } .btn.btn--google-plus-login i:before { text-shadow: 0px -1px #9C3912; } .btn.btn--google-plus-login { color: #fff; text-shadow: 0px -1px #9C3912; border-color: #9C3912 #9C3912 #893010 #9C3912; background: #EB6D3B; background: -moz-linear-gradient(top, #EB6D3B 0%, #C54514 95%, #C0400F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB6D3B), color-stop(95%,#C54514), color-stop(100%,#C0400F)); background: -webkit-linear-gradient(top, #EB6D3B 0%,#C54514 95%,#C0400F 100%); background: -o-linear-gradient(top, #EB6D3B 0%,#C54514 95%,#C0400F 100%); background: -ms-linear-gradient(top, #EB6D3B 0%,#C54514 95%,#C0400F 100%); background: linear-gradient(to bottom, #EB6D3B 0%,#C54514 95%,#C0400F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB6D3B', endColorstr='#C0400F',GradientType=0 ); } .btn.btn--google-plus-login:hover i:before { text-shadow: 0px -1px #B54015; } .btn.btn--google-plus-login:hover { color: #fff; text-shadow: 0px -1px #B54015; border-color: #B54015 #B54015 #A03613 #B54015; background: #FF7742; background: -moz-linear-gradient(top, #FF7742 0%, #DD4D18 95%, #D84611 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF7742), color-stop(95%,#DD4D18), color-stop(100%,#D84611)); background: -webkit-linear-gradient(top, #FF7742 0%,#DD4D18 95%,#D84611 100%); background: -o-linear-gradient(top, #FF7742 0%,#DD4D18 95%,#D84611 100%); background: -ms-linear-gradient(top, #FF7742 0%,#DD4D18 95%,#D84611 100%); background: linear-gradient(to bottom, #FF7742 0%,#DD4D18 95%,#D84611 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7742', endColorstr='#D84611',GradientType=0 ); } .btn.btn--twitter-login i:before { text-shadow: 0px -1px #3488AC; } .btn.btn--twitter-login { color: #fff; text-shadow: 0px -1px #3488AC; border-color: #3488AC #3488AC #3488AC #3488AC; background: #5CBFE9; background: -moz-linear-gradient(top, #5CBFE9 0%, #3497C1 95%, #3093BD 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5CBFE9), color-stop(95%,#3497C1), color-stop(100%,#3093BD)); background: -webkit-linear-gradient(top, #5CBFE9 0%,#3497C1 95%,#3093BD 100%); background: -o-linear-gradient(top, #5CBFE9 0%,#3497C1 95%,#3093BD 100%); background: -ms-linear-gradient(top, #5CBFE9 0%,#3497C1 95%,#3093BD 100%); background: linear-gradient(to bottom, #5CBFE9 0%,#3497C1 95%,#3093BD 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5CBFE9', endColorstr='#3093BD',GradientType=0 ); } .btn.btn--twitter-login:hover i:before { text-shadow: 0px -1px #3891B7; } .btn.btn--twitter-login:hover { color: #fff; text-shadow: 0px -1px #3891B7; border-color: #3891B7 #3891B7 #3891B7 #3891B7; background: #61CBF4; background: -moz-linear-gradient(top, #61CBF4 0%, #37A1CC 95%, #349FC9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61CBF4), color-stop(95%,#37A1CC), color-stop(100%,#349FC9)); background: -webkit-linear-gradient(top, #61CBF4 0%,#37A1CC 95%,#349FC9 100%); background: -o-linear-gradient(top, #61CBF4 0%,#37A1CC 95%,#349FC9 100%); background: -ms-linear-gradient(top, #61CBF4 0%,#37A1CC 95%,#349FC9 100%); background: linear-gradient(to bottom, #61CBF4 0%,#37A1CC 95%,#349FC9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61CBF4', endColorstr='#349FC9',GradientType=0 ); } .btn.btn--guest-login i:before { text-shadow: 0px -1px #7C7C7C; } .btn.btn--guest-login { color: #fff; text-shadow: 0px -1px #7C7C7C; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CECECE), color-stop(95%,#A3A3A3), color-stop(100%,#828282)); background: -webkit-linear-gradient(top, #CECECE 0%,#A3A3A3 95%,#828282 100%); background: -o-linear-gradient(top, #CECECE 0%,#A3A3A3 95%,#828282 100%); background: -ms-linear-gradient(top, #CECECE 0%,#A3A3A3 95%,#828282 100%); background: linear-gradient(to bottom, #CECECE 0%,#A3A3A3 95%,#828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .btn.btn--guest-login:hover i:before { text-shadow: 0px -1px #8c8c8c; } .btn.btn--guest-login:hover { color: #fff; text-shadow: 0px -1px #8c8c8c; border-color: #8c8c8c #8c8c8c #595959 #8c8c8c; background: #dedede; background: -moz-linear-gradient(top, #dedede 0%, #b3b3b3 95%, #929292 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(95%,#b3b3b3), color-stop(100%,#929292)); background: -webkit-linear-gradient(top, #dedede 0%,#b3b3b3 95%,#929292 100%); background: -o-linear-gradient(top, #dedede 0%,#b3b3b3 95%,#929292 100%); background: -ms-linear-gradient(top, #dedede 0%,#b3b3b3 95%,#929292 100%); background: linear-gradient(to bottom, #dedede 0%,#b3b3b3 95%,#929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#929292',GradientType=0 ); } .btn.btn--giga-login i:before { text-shadow: 0px -1px #08492E; } .btn.btn--giga-login { color: #fff; text-shadow: 0px -1px #08492E; border-color: #08492E #08492E #052D1C #08492E; background: #52B06D; background: -moz-linear-gradient(top, #52B06D 0%, #258340 95%, #1C6330 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52B06D), color-stop(95%,#258340), color-stop(100%,#1C6330)); background: -webkit-linear-gradient(top, #52B06D 0%,#258340 95%,#1C6330 100%); background: -o-linear-gradient(top, #52B06D 0%,#258340 95%,#1C6330 100%); background: -ms-linear-gradient(top, #52B06D 0%,#258340 95%,#1C6330 100%); background: linear-gradient(to bottom, #52B06D 0%,#258340 95%,#1C6330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52B06D', endColorstr='#1C6330',GradientType=0 ); } .btn.btn--giga-login:hover i:before { text-shadow: 0px -1px #095536; } .btn.btn--giga-login:hover { color: #fff; text-shadow: 0px -1px #095536; border-color: #095536 #095536 #053521 #095536; background: #60C980; background: -moz-linear-gradient(top, #60C980 0%, #2B994B 95%, #207037 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60C980), color-stop(95%,#2B994B), color-stop(100%,#207037)); background: -webkit-linear-gradient(top, #60C980 0%,#2B994B 95%,#207037 100%); background: -o-linear-gradient(top, #60C980 0%,#2B994B 95%,#207037 100%); background: -ms-linear-gradient(top, #60C980 0%,#2B994B 95%,#207037 100%); background: linear-gradient(to bottom, #60C980 0%,#2B994B 95%,#207037 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60C980', endColorstr='#207037',GradientType=0 ); } .btn.btn--instagram-login i:before { text-shadow: 0px -1px #2B4F6B; } .btn.btn--instagram-login { color: #fff; text-shadow: 0px -1px #2B4F6B; border-color: #2B4F6B #2B4F6B #25445B #2B4F6B; background: #4279A3; background: -moz-linear-gradient(top, #4279A3 0%, #376487 95%, #2F5572 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4279A3), color-stop(95%,#376487), color-stop(100%,#2F5572)); background: -webkit-linear-gradient(top, #4279A3 0%,#376487 95%,#2F5572 100%); background: -o-linear-gradient(top, #4279A3 0%,#376487 95%,#2F5572 100%); background: -ms-linear-gradient(top, #4279A3 0%,#376487 95%,#2F5572 100%); background: linear-gradient(to bottom, #4279A3 0%,#376487 95%,#2F5572 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4279A3', endColorstr='#2F5572',GradientType=0 ); } .btn.btn--instagram-login:hover i:before { text-shadow: 0px -1px #345E7F; } .btn.btn--instagram-login:hover { color: #fff; text-shadow: 0px -1px #345E7F; border-color: #345E7F #345E7F #2F5672 #345E7F; background: #4C8CBA; background: -moz-linear-gradient(top, #4C8CBA 0%, #40759E 95%, #396889 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C8CBA), color-stop(95%,#40759E), color-stop(100%,#396889)); background: -webkit-linear-gradient(top, #4C8CBA 0%,#40759E 95%,#396889 100%); background: -o-linear-gradient(top, #4C8CBA 0%,#40759E 95%,#396889 100%); background: -ms-linear-gradient(top, #4C8CBA 0%,#40759E 95%,#396889 100%); background: linear-gradient(to bottom, #4C8CBA 0%,#40759E 95%,#396889 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C8CBA', endColorstr='#396889',GradientType=0 ); } .btn.btn--vz-login i:before { text-shadow: 0px -1px #A9000A; } .btn.btn--vz-login { color: #fff; text-shadow: 0px -1px #A9000A; border-color: #A9000A #A9000A #A9000A #A9000A; background: #E53734; background: -moz-linear-gradient(top, #E53734 0%, #C9020C 95%, #C60D17 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E53734), color-stop(95%,#C9020C), color-stop(100%,#C60D17)); background: -webkit-linear-gradient(top, #E53734 0%,#C9020C 95%,#C60D17 100%); background: -o-linear-gradient(top, #E53734 0%,#C9020C 95%,#C60D17 100%); background: -ms-linear-gradient(top, #E53734 0%,#C9020C 95%,#C60D17 100%); background: linear-gradient(to bottom, #E53734 0%,#C9020C 95%,#C60D17 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E53734', endColorstr='#C60D17',GradientType=0 ); } .btn.btn--vz-login:hover i:before { text-shadow: 0px -1px #C1000C; } .btn.btn--vz-login:hover { color: #fff; text-shadow: 0px -1px #C1000C; border-color: #C1000C #C1000C #C1000C #C1000C; background: #FC3D3A; background: -moz-linear-gradient(top, #FC3D3A 0%, #D80210 95%, #D60E1C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC3D3A), color-stop(95%,#D80210), color-stop(100%,#D60E1C)); background: -webkit-linear-gradient(top, #FC3D3A 0%,#D80210 95%,#D60E1C 100%); background: -o-linear-gradient(top, #FC3D3A 0%,#D80210 95%,#D60E1C 100%); background: -ms-linear-gradient(top, #FC3D3A 0%,#D80210 95%,#D60E1C 100%); background: linear-gradient(to bottom, #FC3D3A 0%,#D80210 95%,#D60E1C 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC3D3A', endColorstr='#D60E1C',GradientType=0 ); } #gigyaconnectlayer .btn { padding: 0; line-height: 30px; } #gigyaconnectlayer .social .btn { line-height: 30px; padding: 0; position: relative; } #gigyaconnectlayer .social .btn i { float: left; } #gigyaconnectlayer .social .btn span { padding: 0 10px; font-weight: bold; } #gigyaconnectlayer .social .btn:before, #gigyaconnectlayer .social .btn:after { position: absolute; width: 1px; height: 100%; content: ""; top: 0; } #gigyaconnectlayer .social .btn:before { left: 30px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } #gigyaconnectlayer .social .btn:after { left: 31px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.5))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 ); } /* COMMENTS ==================================================================== */ /* #commentslist *.gig-comments-container .gig-comment-vote-pos, #commentslist *.gig-comments-container .gig-comment-vote-neg { display: none; } */ #commentslist.loggedin *.gig-comments-container .gig-comment-vote-pos, #commentslist.loggedin *.gig-comments-container .gig-comment-vote-neg { display: inline-block; } #commentslist .gig-comments-container { margin: 15px 0 0 0; } #commentslist .gig-comments-container * { line-height: 1; font-size: 14px; font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif; } #commentslist .gig-comments-container .gig-composebox-header * { line-height: 1.3; } #commentslist img.gig-comment-img { border-radius: 0; } #commentslist .gig-comments-container *, #commentslist *.gig-comments-container { color: #555; } #commentslist *.gig-comments-container *.gig-comment * { color: #555; } #commentslist *.gig-comments-container .gig-comment-replyLink:before { content: "\f075"; width: 16px; height: 16px; float: left; display: block; font-size: 14px; font-family: "FontAwesome"; } #commentslist *.gig-comments-container .gig-comment-shareLink:before { content: "\f045"; width: 16px; height: 16px; float: left; display: block; font-size: 14px; font-family: "FontAwesome"; } #commentslist *.gig-comments-container .gig-comment-flag { width: auto; background: none; margin: 0; } #commentslist *.gig-comments-container .gig-comment-flag:before { content: "\f05e"; width: 16px; height: 16px; float: left; display: block; font-size: 14px; font-family: "FontAwesome"; } #commentslist *.gig-comments-container .gig-comment-flag:after { content: "Melden"; height: 16px; float: left; display: block; } #commentslist *.gig-comments-container .gig-comment-time:before { content: "\f017"; width: 16px; height: 16px; float: left; display: block; font-size: 14px; font-family: "FontAwesome"; } #commentslist *.gig-comments-container *.gig-comment-username { font-weight: bold; display: inline; color: #555; line-height: 1.5; } #commentslist *.gig-comments-container *.gig-comment-time { display: block; margin: 0; line-height: 1.3; font-size: 14px; } #commentslist *.gig-comments-container *.gig-comment-data { padding: 0; } #commentslist *.gig-comments-container *.gig-comment-header { padding-left: 0.5em; margin-bottom: 0; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-content { padding: 0; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-content .gig-comment-body { padding: 5px 0; clear: both; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-content .gig-comment-body i { font-style: italic; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-content .gig-comment-body b { font-weight: bold; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-content .gig-comment-body u { text-decoration: underline; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-content * { line-height: 1.3; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-footer { padding-left: 0; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; margin-top: 0; } #commentslist *.gig-comments-container *.gig-comment-replies { padding-left: 0; } #commentslist *.gig-comments-container *.gig-comment { border-style: solid; border-width: 1px; border-color: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; } #commentslist *.gig-comments-container *.gig-comment:hover { border-color: #aaa; } #commentslist *.gig-comments-container *.gig-comment-replies { margin-left: 15px; } #commentslist *.gig-comments-container *.gig-comment-replies .gig-comment:first-child, #commentslist *.gig-comments-container *.gig-comment-replies .gig-comment:first-of-type { margin-top: 20px; } #commentslist *.gig-comments-container *.gig-comment-replies .gig-comment { background: hsla(0,0%,0%,.04); /* padding-left: 2em; */ } #commentslist *.gig-comments-container .gig-comment-vote-neg { background: none; padding-left: 0; } #commentslist *.gig-comments-container .gig-comment-vote-neg:hover { background: none; } #commentslist *.gig-comments-container .gig-comment-vote-neg:before { content: "\f165"; width: 16px; height: 16px; float: left; display: block; font-size: 14px; font-family: "FontAwesome"; } #commentslist *.gig-comments-container .gig-comment-vote-neg.gig-comment-vote-neg-down, #commentslist *.gig-comments-container .gig-comment-vote-neg.gig-comment-vote-neg-down:before { color: #F33131; } #commentslist *.gig-comments-container .gig-comment-vote-pos { background: none; padding-left: 0; } #commentslist *.gig-comments-container .gig-comment-vote-pos:hover { background: none; } #commentslist *.gig-comments-container .gig-comment-vote-pos:before { content: "\f164"; width: 16px; height: 16px; float: left; display: block; font-size: 14px; font-family: "FontAwesome"; } #commentslist *.gig-comments-container .gig-comment-vote-pos.gig-comment-vote-pos-down, #commentslist *.gig-comments-container .gig-comment-vote-pos.gig-comment-vote-pos-down:before { color: rgb(16, 173, 16); } #commentslist *.gig-comments-container *.gig-comments-linksContainer li { margin-right: 1em; } #commentslist *.gig-comments-container *.gig-comments-linksContainer li:after { display: none; } #commentslist *.gig-comments-container *.gig-comment .gig-comment-footer .gig-comment-vote-neg:hover, #commentslist *.gig-comments-container *.gig-comment .gig-comment-footer .gig-comment-vote-neg:hover:before, #commentslist *.gig-comments-container *.gig-comment .gig-comment-footer .gig-comment-vote-pos:hover, #commentslist *.gig-comments-container *.gig-comment .gig-comment-footer .gig-comment-vote-pos:hover:before, #commentslist *.gig-comments-container *.gig-comment .gig-comment-footer .gig-comment-flag:hover, #commentslist *.gig-comments-container *.gig-comments-linksContainer li:hover, #commentslist *.gig-comments-container *.gig-comments-linksContainer li:hover div, #commentslist *.gig-comments-container *.gig-comments-linksContainer li:hover i { text-decoration: none; color: #555; } #commentslist .gig-comments-container [class^="icon-"], #commentslist .gig-comments-container [class*="icon-"], #commentslist *.gig-comments-container [class^="icon-"], #commentslist *.gig-comments-container [class*=" icon-"] { font-family: "FontAwesome"; } #commentslist *.gig-comment .gig-comment-replybox { background: transparent; padding: 0; } #commentslist *.gig-comment .gig-comment-replybox.gig-comment-replybox-open { margin-top: 15px; } #commentslist *.gig-comments-container .gig-composebox-textarea i { font-style: italic; } #commentslist *.gig-comments-container .gig-composebox-textarea b { font-weight: bold; } #commentslist *.gig-comments-container .gig-composebox-textarea u { text-decoration: underline; } #commentslist *.gig-composebox-share { background: transparent; padding: 0; } #commentslist *.gig-composebox-share .gig-composebox-share-text { line-height: 24px; margin: 0 5px 0 0; } #commentslist *.gig-comment-replybox *.gig-composebox-close { background: none; color: #999; border-left: none; } #commentslist *.gig-comment-replybox *.gig-composebox-close:hover { color: #555; } #commentslist *.gig-comment-replybox *.gig-composebox-close:before { content: "\f057"; margin: -2px 0 0 0; width: 16px; height: 16px; float: left; display: block; font-size: 14px; font-family: "FontAwesome"; } #commentslist *.gig-comments-container *.gig-comments-linksContainer li.gig-comments-rss { display: none; } #commentslist *.gig-comment .gig-composebox-share { border: none; } #commentslist *.gig-composebox-sidebar-button:hover, #commentslist *.gig-composebox-sidebar-button-down { box-shadow: none; } #commentslist *.gig-comments-share-provider { border: none; } #commentslist *.gig-comments-container *.gig-comments-composebox *.gig-composebox-post, #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-post { line-height: 18px; } #commentslist *.gig-composebox-error { padding: 5px; text-shadow: none; color: white; text-shadow: none; } #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-error { color: white; } #commentslist *.gig-composebox-editor ul.gig-composebox-sidebar li { border-width: 0 0 1px 1px; border-style: solid; border-color: #d5d5d5; } #commentslist *.gig-composebox-editor.gig-composebox-field-error ul.gig-composebox-sidebar li { border-color: #F9888E; } #commentslist *.gig-comments-more { margin: 10px 0; line-height: 1.5; } #commentslist .gig-composebox-site-login { display: none !important; } /* Layers that popup from the comments =========================================== */ /* SORTBOX */ body *.gig-comments-sortbox { padding: 0; } body *.gig-comments-sortbox:before, body *.gig-comments-sortbox:after { content: ""; width: 0; height: 0; right: 12px; display: inline-block; position: absolute; background: none; border-width: 7px; border-style: solid; } body *.gig-comments-sortbox:before { border-color: transparent transparent #838383 transparent; top: -15px; } body *.gig-comments-sortbox:after { border-color: transparent transparent #fff transparent; top: -14px; } body *.gig-comments-sortbox ul { border-radius: 3px; } body *.gig-comments-sortbox ul li { padding: 7px 10px; } body *.gig-comments-sortbox ul li:first-child { border-radius: 3px 3px 0 0; } body *.gig-comments-sortbox ul li:last-child { border-radius: 0 0 3px 3px; } /* FONTS */ body *.gig-comments-fontbox { padding: 1px 8px 0 0; } body *.gig-comments-fontbox ul { padding: 0; overflow: hidden; width: 67px; height: 67px; } body *.gig-comments-fontbox ul:before, body *.gig-comments-fontbox ul:after { content: ""; width: 0; top: 8px; height: 0; display: inline-block; position: absolute; background: none; border-width: 7px; border-style: solid; } body *.gig-comments-fontbox ul:before { border-color: transparent transparent transparent #838383; right: -6px; } body *.gig-comments-fontbox ul:after { border-color: transparent transparent transparent white; right: -5px; } body *.gig-comments-fontbox ul li { margin: 0; padding: 0; float: left; } body *.gig-comments-fontbox ul li:hover { background-color: #F4F4F4; } body .gig-comments-dialog-button { padding: 0 10px; } /* LOGIN BOX fuers liken */ body *.gig-loginbox-provider { margin-left: 0; padding: 8px 8px 8px 30px; background-position: 8px 8px; } /* Aenderungen an den alten kommentaren aufgrund von GIGYA!: ============================================================================ */ aside #commentslist .comment-list { margin: 0; } aside #commentslist .comment-content { padding: 5px 0 0 0; } aside #commentslist ol li .avatar { width: 37px; height: 37px; } /* GIGYA Share layer (zb aus den comments) ================================================================= */ .gig-share input { background: transparent; } /* crazy table styles */ .gig-share > table {} .gig-share > table > tbody > tr:nth-child(1), .gig-share > table > tbody > tr:nth-child(3) { display: none; } .gig-share > table > tbody > tr:nth-child(2) > td:nth-child(1), .gig-share > table > tbody > tr:nth-child(2) > td:nth-child(3) { display: none; } .gig-share > table > tbody > tr:nth-child(2) > td:nth-child(2) table[id$="Canvas"] { border: solid 1px #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .gig-share > table > tbody > tr:nth-child(2) > td:nth-child(2) table[id$="Canvas"] > tbody > tr:nth-child(1) > td > table { border-bottom: solid 1px #000; } body *.gig-comments-dialog { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 0; } body *.gig-comments-dialog-close { background: none; color: white; } body *.gig-comments-dialog-close:before { content: "\f057"; margin: -2px 0 0 0; width: 16px; height: 16px; float: left; display: block; font-size: 16px; font-family: "FontAwesome"; font-weight: normal; } body *.gig-comments-container input { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } body div.gig-simpleShareUI { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 0; } body div.gig-simpleShareUI div.gig-simpleShareUI-inner { border: 0; } body div.gig-simpleShareUI-caption { height: 24px; line-height: 24px; } body div.gig-simpleShareUI-caption-text { line-height: 24px; } body div.gig-simpleShareUI-closeButton { background: none; color: white; } body div.gig-simpleShareUI-closeButton:before { content: "\f057"; margin: 4px 0 0 -6px; width: 16px; height: 16px; float: left; display: block; font-size: 16px; font-family: "FontAwesome"; font-weight: normal; } body div.gig-followbar-dialog { border: solid 1px black; box-shadow: 0 0 10px rgba(0,0,0,.3); } body div.gig-followbar-dialog-title { margin: 0; padding: 5px 10px; color: white; } body div.gig-followbar-dialog-content-twitter { margin: 0; padding: 0 10px; } body div.gig-followbar-dialog-twitter { min-width: 150px; } body div.gig-followbar-dialog-nub-bottom { background-image: none; } body div.gig-followbar-dialog-nub-bottom:before, body div.gig-followbar-dialog-nub-bottom:after { position: absolute; background-image: none; width: 0; height: 0; border-style: solid; border-width: 12px; display: block; content: ""; top: 2px; left: 0; } body div.gig-followbar-dialog-nub-bottom:after { top: 1px; } /* Sharing auf den Artikelseiten, oben ====================================================== */ .sharing_container.notready .imageshare a { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(themes/giga/assets/css/grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ } .sharing_container { padding: 19px 0; } .sharing_container:after { content: ''; display: block; clear: both; height: 0; } .sharing_container .imageshare { padding: 0; float: left; } .sharing_container .imageshare:after { content: ''; display: block; clear: both; height: 0; } .sharing_container .imageshare .gig-bar-container { float: left; } .sharing_container .imageshare .gig-elements { margin-right: 5px; float: left; } .sharing_container .imageshare .gig-elements[gigid] { margin-right: 0; } .sharing_container .imageshare a { cursor: pointer; width: 70px; height: 52px; display: inline-block; position: relative; margin-right: 5px; float: left; } .sharing_container .imageshare .gig-elements > a { margin-right: 10px; } .sharing_container .imageshare .gig-elements > a:last-child { margin-right: 5px; } .sharing_container .imageshare a.disabled { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .sharing_container .imageshare a .indicator { width: 70px; height: 30px; background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_4.png); background-position: -124px -90px; position: absolute; top: 0; left: 0; } .sharing_container .imageshare a .indicator, .sharing_container .imageshare a .indicator span { line-height: 24px; text-align: center; font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", "Helvetica", "DejaVu Sans", "Arial", sans-serif; font-weight: bold; color: #AAA; font-size: 20px; } .sharing_container .imageshare a .box { width: 70px; height: 20px; background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_4.png); position: absolute; left: 0; bottom: 0; } .sharing_container .imageshare a .box .gigyaconnect table { display: none; } .sharing_container .imageshare a.link-comments { margin-right: 0; } .sharing_container .imageshare a.link-facebook {} .sharing_container .imageshare a.link-twitter {} .sharing_container .imageshare a.link-gplus {} .sharing_container .imageshare a.link-comments .box { background-position: 0 0; } .sharing_container .imageshare a.link-facebook .box { background-position: -362px 0; } .sharing_container .imageshare a.link-twitter .box { background-position: -119px 0; } .sharing_container .imageshare a.link-gplus .box { background-position: -244px 0; } .sharing_container .gigya-rating { padding: 0; float: right; height: 50px; position: relative; } .sharing_container .gigya-rating .gigya-rating-inner { float: left; border: solid 1px rgb(230, 230, 230); background: rgb(250, 250, 250); height: 50px; width: 230px; padding: 0 10px; } .ad-marker-tabbar .sharing_container .gigya-rating .gigya-rating-inner { width: 215px; } .sharing_container .gigya-rating .gigya-rating-inner .gigya-rating-headline { font-size: 14px; font-weight: bold; line-height: 1; padding: 4px 0; } .sharing_container .gigya-rating .gigya-rating-inner .gig-rating {} .sharing_container .gigya-rating .gigya-rating-inner .gig-rating .gig-rating-topbar {} .sharing_container .gigya-rating .gigya-rating-inner .gig-rating .gig-rating-topbar .gig-rating-averageRating { display: none; } .sharing_container .gigya-rating .gigya-rating-inner .gig-rating .gig-rating-topbar .gig-rating-stars { top: 1px; } .sharing_container .gigya-rating .gigya-rating-inner .gig-rating .gig-rating-topbar .gig-rating-readReviewsLink { display: none; } .sharing_container .gigya-rating .gigya-rating-inner .gig-rating .gig-rating-topbar .gig-rating-writeYourReview { display: none; } .sharing_container .gigya-rating .gigya-rating-inner .gig-rating .gig-rating-dimensions { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] { display: none; } .sharing_container .gigya-rating:hover .gigya-rating-inner [gigid="showRatingUI"] { display: none; } .sharing_container .gigya-rating:hover .gigya-rating-inner [gigid="showCommentsUI"] { display: block; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom { display: block; margin: 0; border-top: 0; padding: 0; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-commentBox { margin: 0; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-loginCanvas-container { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-addComment-label { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-addComment-ratings-details { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-textarea-wrapper { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-shareTo { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-myRating-label { position: absolute; right: 10px; text-indent: -3000px; content: ""; margin: 0; width: 100px; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-myRating-label:before { display: block; content: "\f00c"; font-family: FontAwesome; color: #008000; font-size: 23px; z-index: 1; position: absolute; width: 23px; height: 23px; text-indent: 0; line-height: 23px; top: 0; left: 0; position: absolute; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-myRating-label:after { content: "Danke!"; display: block; color: #008000; width: 100px; height: 10px; text-indent: 0; font-size: 15px; line-height: 23px; position: absolute; top: 0; left: 25px; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-providers-container { display: none; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-postButton-container { position: absolute; top: 24px; right: 10px; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom .gig-comments-postButton-container .gig-comments-button-post { width: 80px; } .sharing_container .gigya-rating .gigya-rating-inner [gigid="showCommentsUI"] > div.gig-comments-commentBox-bottom div.gig-comments-addComment-ratings-stars-container { margin-top: 1px; } .sharing_container .gigya-rating .gigya-rating-inner div.gig-comments-myRating { margin-top: 1px; } .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-myRating-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-myRating-empty:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-rating-star:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable-empty:before { font-size: 22px; line-height: 22px; display: inline-block; font-family: FontAwesome; font-weight: normal; } .sharing_container .gigya-rating .gigya-rating-inner .gig-rating-star, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-myRating-full, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-myRating-empty, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable-empty { background: none; } .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-myRating-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable.gig-comments-star-editable-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable-empty.gig-comments-star-editable-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-rating-star-full:before { color: #FFC600 !important; content: "\f005"; } .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable-empty:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-myRating-empty:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-rating-star-empty:before { color: #CCC !important; content: "\f006"; } .sharing_container .newsletter { padding: 0; float: right; height: 50px; } .sharing_container .newsletter .newsletter_inner { float: left; border: solid 1px rgb(230, 230, 230); background: rgb(250, 250, 250); height: 50px; width: 230px; padding: 0 10px; } .sharing_container .newsletter .newsletter_inner .newsletter_headline { font-size: 14px; font-weight: bold; line-height: 1; padding: 4px 0; } .sharing_container .newsletter .newsletter_inner .newsletter_status { font-size: 12px; } .sharing_container .newsletter .newsletter_inner input[type="text"] { color: rgb(68, 68, 68); font-size: 12px; padding: 0 5px; border: solid 1px rgb(230, 230, 230); background: rgb(255, 255, 255); margin: 0; width: 160px; height: 20px; clear: both; float: left; border-radius: 0; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sharing_container .newsletter .newsletter_inner input[type="text"]::-webkit-input-placeholder { color: rgb(170, 170, 170); } .sharing_container .newsletter .newsletter_inner input[type="text"]:-moz-placeholder { color: rgb(170, 170, 170); } .sharing_container .newsletter .newsletter_inner input[type="text"]::-moz-placeholder { color: rgb(170, 170, 170); } .sharing_container .newsletter .newsletter_inner input[type="text"]:-ms-input-placeholder { color: rgb(170, 170, 170); } .sharing_container .newsletter .newsletter_inner input[type="text"].placeholder { color: rgb(170, 170, 170); } .sharing_container .newsletter .newsletter_inner input[type="submit"] { background: rgb(230, 230, 230); padding: 0; margin: 0; height: 20px; float: left; border-radius: 0; width: 70px; text-align: center; text-transform: uppercase; font-weight: bold; } .sharing_container .newsletter .newsletter_inner input[type="submit"]:hover { background: rgb(220, 220, 220); } .ad-marker-tabbar .sharing_container .newsletter .newsletter_inner { width: 220px; } .ad-marker-tabbar .sharing_container .newsletter .newsletter_inner input[type="text"] { width: 150px; } /* Sharing auf den Artikelseiten, unten ====================================================== */ .copy .share-bar-gigya .sharing_container_small { height: 20px; padding: 5px 0 0 0; } .copy .share-bar-gigya .sharing_container_small.notready .imageshare a { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(themes/giga/assets/css/grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ } .copy .share-bar-gigya .sharing_container_small .imageshare a { width: 106px; margin-right: 16px; } .copy .share-bar-gigya .sharing_container_small .imageshare a .box { width: 70px; } .copy .share-bar-gigya .sharing_container_small .imageshare a.link-comments {} .copy .share-bar-gigya .sharing_container_small .imageshare a.link-facebook {} .copy .share-bar-gigya .sharing_container_small .imageshare a.link-twitter {} .copy .share-bar-gigya .sharing_container_small .imageshare a.link-gplus {} .copy .share-bar-gigya .sharing_container_small .imageshare a.link-email { margin-right: 0; } .copy .share-bar-gigya .sharing_container_small .imageshare a.link-comments .box { background-position: 0px 0px; } .copy .share-bar-gigya .sharing_container_small .imageshare a.link-facebook .box { background-position: -362px 0px; } .copy .share-bar-gigya .sharing_container_small .imageshare a.link-twitter .box { background-position: -119px 0px; } .copy .share-bar-gigya .sharing_container_small .imageshare a.link-gplus .box { background-position: -244px -0px; } .copy .share-bar-gigya .sharing_container_small .imageshare a.link-email .box { background-position: -480px 0px; } div.share-bar { width: 548px; height: 50px; border: 1px solid #E6E6E6; padding: 10px; margin-bottom: 30px; } div.share-bar.big-buttons { width: 568px; height: 75px; padding: 10px 0; margin-bottom: 20px; border: 0 none; } div.share-bar.big-buttons .teaser { float: left; width: 255px; color: #d1d1d1; line-height: 20px; } div.share-bar.big-buttons .sharing { padding-top: 5px; margin: 0 0 10px 0; } div.share-bar.big-buttons .sharing .gig-elements { float: left; } div.share-bar.big-buttons .sharing:after { content: ""; height: 0; font-size: 0; display: block; clear: both; } div.share-bar.big-buttons .sharing a { width: 70px; height: 52px; display: inline-block; margin-right: 11px; float: left; } div.share-bar.big-buttons .sharing a:hover { cursor: pointer; } div.share-bar.big-buttons .sharing a:last-child { margin-right: 0; } div.share-bar.big-buttons .sharing a .indicator { width: 70px; height: 30px; background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_4.png); background-position: -124px -90px; float: left; line-height: 24px; text-align: center; font-weight: bold; color: #AAA; font-size: 20px; } div.share-bar.big-buttons .sharing a .indicator,div.share-bar.big-buttons .sharing a .indicator span { line-height: 24px; text-align: center; font-weight: bold; color: #AAA; font-size: 20px; font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", "Helvetica", "DejaVu Sans", "Arial", sans-serif; } div.share-bar.big-buttons .sharing a .box { width: 70px; height: 20px; background-image: url(themes/giga/assets/img/sprites/gallery_fancy_sprite_4.png); float: left; } div.share-bar.big-buttons .sharing a.link-comments .box { background-position: 0 0; } div.share-bar.big-buttons .sharing a.link-facebook .box { background-position: -362px 0; } div.share-bar.big-buttons .sharing a.link-twitter .box { background-position: -119px 0; } div.share-bar.big-buttons .sharing a.link-gplus .box { background-position: -244px 0; } div.share-bar.big-buttons .sharing a.link-email .box { background-position: -480px 0; } div.share-bar figure { width: 50px; height: 50px; float: left; } div.share-bar figure img { width: 100%; height: 100%; } div.share-bar strong { display: blocK; color: #777; margin-top: -6px; margin-bottom: 12px; } div.share-bar div.action-settings { margin: auto; margin-left: 60px; width: 508px; } div.share-bar div.action-settings div.social-bar-btns { height: 40px; font-size: 14px; } .gigya-rating .gig-reaction-bar-container div.gig-button { width: 23px; height: 23px; display: block; } .gigya-rating .gig-reaction-bar-container .gig-button-container div.gig-button img { opacity: 1; } .gigya-rating .gig-reaction-bar-container .gig-button-container.empty div.gig-button img { opacity: 0.5; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .gigya-rating .gig-reaction-bar-container div.gig-reaction-counter { display: none; } .gigya-rating .gig-reaction-bar-container .gig-button-container.empty div.gig-button.gig-button-disabled img { opacity: 0.5; } .gigya-rating .gig-reaction-bar-container.rated { position: relative; } .gigya-rating .gig-reaction-bar-container.rated:after { display: block; content: "\f00c"; font-family: FontAwesome; color: #008000; font-size: 23px; z-index: 1; position: absolute; width: 23px; height: 23px; text-indent: 0; line-height: 23px; top: 0; left: 150px; position: absolute; } .share-bar-gigya { border: 1px solid #E6E6E6; padding: 10px; margin-bottom: 30px; } .share-bar-gigya .reactions { border-width: 0; padding: 10px 0; clear: both; } .share-bar-gigya .reactions:after { clear: both; content: ''; display: block; height: 0; } /* Floating Shares ====================================================== */ .sharing_container.floating { position: absolute; z-index: 101; left: -50px; padding: 10px 0; background: #ffffff; border-radius: 5px 0 0 5px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #DDD; } .sharing_container.floating:before { display: block; top: 0; bottom: 0; position: absolute; z-index: 9; width: 2px; content: ""; right: -2px; height: 100%; box-shadow: -2px 0 10px;} .sharing_container.floating:after {content: ""; width: 10px; height: 120%; top: -10%; background: #FFF; z-index: 10; position: absolute; right: -9px; } .sharing_container.floating .gig-elements { visibility: visible; display: block; float: none; margin-right: 0; } .sharing_container.floating .gig-share-bar-container table { display: block; } .sharing_container.floating div.gig-button-container { display: block; padding: 0; } .sharing_container.floating .imageshare div.gig-button-container { margin: 0 10px 5px 10px; } .sharing_container.floating .imageshare .gig-elements[gigid]:after { display: block; clear: both; content: ""; } .sharing_container.floating .link-comments { display: block; float: none; } .sharing_container.floating .gig-share-bar-container table tr td { display: block; } .sharing_container.floating .imageshare a { float: none; margin-right: 0; display: block; width: 30px; height: 37px; } .sharing_container.floating .imageshare a.link-comments { margin-left: 10px; } .sharing_container.floating.notready .imageshare a { margin: 0 10px 5px 10px; } .sharing_container.floating.notready .imageshare a.link-comments { margin-bottom: 0; } .sharing_container.floating .imageshare a .indicator, .sharing_container.floating .imageshare a .indicator span { font-size: 11px; line-height: 14px; } .sharing_container.floating .gigya-rating { margin: 30px 0 0 0; width: 100px; float: left; clear: both; height: 30px; } .sharing_container.floating .gigya-rating:before { height: 1px; width: 100px; top: -15px; left: 0; position: absolute; content: ""; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(50%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.25) 50%,rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.25) 50%,rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); } .sharing_container.floating .gigya-rating div.gig-button-container { margin-bottom: 0; } .sharing_container.floating .gigya-rating .gigya-rating-headline-x { font-size: 11px; font-weight: bold; line-height: 1; padding: 0 0 4px 0; font-style: italic; color: #999; } .sharing_container.floating .gigya-rating .gig-reaction-bar-container div.gig-button { width: 15px; height: 15px; } .sharing_container.floating .gigya-rating .gigya-rating-inner { width: 100px; height: auto; padding: 0; border-width: 0; padding: 0 9px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .sharing_container.floating .gigya-rating .gig-reaction-bar-container.rated:after { line-height: 15px; top: -18px; left: 64px; font-size: 15px; } .sharing_container.floating .imageshare a .box { width: 20px; height: 18px; margin: 0 5px; } .sharing_container.floating .imageshare a.link-facebook .box { background-position: -300px -60px; } .sharing_container.floating .imageshare a.link-twitter .box { background-position: -300px -100px; } .sharing_container.floating .imageshare a.link-gplus .box { background-position: -300px -140px; } .sharing_container.floating .imageshare a.link-comments .box { background-position: -300px -180px; } .sharing_container.floating .imageshare a .indicator { width: 30px; height: 17px; background-position: -124px -230px; } /* BADGE ----------------------------------------- */ section.badge-codecreator { overflow: hidden; } section.badge-codecreator div.image { display: inline-block; float: left; line-height: 1.2; font-size: 12px; width: 100px; } section.badge-codecreator div.image img {} section.badge-codecreator div.image:hover { cursor: pointer; text-decoration: underline; } section.badge-codecreator div.description { margin-left: 120px; width: 450px; } section.badge-codecreator div.description { font-size: 12px; line-height: 1; } section.badge-codecreator textarea { overflow: scroll; resize: none; display: block; width: 450px; height: 106px; box-shadow: none; border: solid 1px #DDD; word-wrap: break-word; word-break: break-all; color: #777; font-size: 11px; font-family: Courier, monospace; margin: 10px 0 0 120px; } section.badge-codecreator textarea::-webkit-scrollbar { background-color: transparent; height: 0; } section.badge-codecreator textarea::-webkit-scrollbar-track { background-color: transparent; } section.badge-codecreator textarea::-webkit-scrollbar-track-piece { background-color: transparent; } section.badge-codecreator textarea::-webkit-scrollbar-thumb { background-color: #ddd; } /* Videos und Produktbilder ----------------------------------------- */ section.videos.selection.three {} section.videos.selection.three ul.hlist {} section.videos.selection.three ul.hlist:after { content: ""; display: block; clear: both; height: 0; } section.videos.selection.three ul.hlist li { width: 184px; float: left; margin: 0 9px 0 0; } section.videos.selection.three ul.hlist li:last-child { margin: 0 0 0 0; } section.videos.selection.three ul.hlist li.screenshots {} section.videos.selection.three ul.hlist li.screenshots a { display: block; } section.videos.selection.three ul.hlist li.screenshots a figure {} section.videos.selection.three ul.hlist li.screenshots a i {} section.videos.selection.three ul.hlist li.screenshots a span {} section.videos.selection.three ul.hlist li.screenshots a:hover { text-decoration: none; } section.videos.selection.three ul.hlist li.screenshots a:hover span { text-decoration: underline; } /* Videos+Bilder vom Artikel, werden unter dem Artikel-Content angezeigt */ a figure.icon-giga-picture div { border-radius: 0.2em; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); background-image: url('themes/giga/assets/img/gallery-ico-w.png'); background-position: center center; background-repeat: no-repeat; width: 42px; height: 42px; position: absolute; top: 25%; left: 50%; margin-left: -26px; box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5); } a figure.icon-giga-picture div:before { box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5); } figure.icon-giga-picture:hover div { background-image: url('themes/giga/assets/img/gallery-ico-b.png'); background-color: #FFF; box-shadow: 0 0 30px 15px rgba(255,255,255,0.6); color: #000000; } figure.icon-giga-picture:hover div:before { box-shadow: 0 0 30px 15px rgba(255,255,255,0.6); } /** Youtube in content **/ .ytembed, .ytembed embed { width: 620px; height: 318px; } /* Comments ----------------------------------------- */ section.comments { clear: both; } form#commentinput { padding-bottom: 3em; } a#comments { clear: both; } .copy aside#commentary section#author figcaption { background: transparent; } aside#commentary { text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.7); padding: 1em; border-radius: 5px; margin-top: 20px; } aside#commentary section#author h1 { margin-top: 0; } /* Kommentare - ueberschriften ============================================================================ */ #commentary h1 { margin-top: 0; line-height: 1; } #commentary h2 { margin-bottom: 0; font-size: 1em; color: #555;} #commentary h2 a { display: inline; } aside #commentslist { padding: 0; margin: 0; } aside #commentslist ol.comment-list { margin: 15px 0 0 0; font-size: 15px; } aside #commentslist ol li strong { font-weight: bold; display: inline; color: #555; } aside #commentslist ol li strong.username { line-height: 1.5; } aside #commentslist ol li time { display: block; } aside #commentslist ol li figure { border: none; border-radius: 0; display: inline-block; vertical-align: top; margin: 0 .5em 0 0; float: left; } aside #commentslist ol li figure img{ border-radius: inherit; } aside #commentslist ol li.comment-form,aside #commentslist ol li.comment { padding: 0.5em; width: auto; list-style: none; border-style: solid; border-width: 1px; border-color: transparent; } aside #commentslist ol li.comment ul.react{ opacity: .3; } aside #commentslist ol li.comment ul.react a:hover i { text-decoration: none; } aside #commentslist ol li.comment { background: hsla(0,0%,0%,.04); padding-left: 2em; } aside #commentslist ol li.comment.depth-0 { background: transparent; padding-left: 0.5em; } aside #commentslist ol li.comment.dialog-highlight,aside #commentslist ol li.comment:hover { border-color: #aaa; } aside #commentslist ul.react{ margin: 0; } aside #commentslist ul.react li{ padding: 0; display: inline; background: none; } aside #commentslist ul.react li span,aside #commentslist ul.react li a { display: inline-block; width: auto; margin-right: 1em; } aside #commentslist ul.react li:last-child span,aside #commentslist ul.react li:last-child a { margin-right: 0; } aside #commentslist ul.facebook_react span.btn img { width: 27px; top: 2px; left: 2px; position: absolute; } aside #commentslist ul.facebook_react span.btn { padding-left: 35px; background-color: #3B5B99; } aside #commentslist ul.facebook_react span.btn:hover { background-color: #777; } aside #commentslist ol li ul.react li:hover { border-color: transparent; color: #000; } aside #commentslist ol li:hover ul.react:not(.dont_react) { opacity: 1; } aside #commentslist ol li:hover ul.react li a.dont_react { opacity: .3; cursor: default; } aside #commentslist ol li:hover ul.react li a.dont_react i { text-decoration: none; } aside #commentslist ol li .avatar-default { opacity: 0.2; } aside #commentslist ol li .avatar { width: 2.6em; height: 2.6em; } aside #commentslist ol div[id*="comment_"] li figure { width: 2.6em; height: 2.6em; } aside #commentslist .commentCountHolder { display: inline-block; } aside #commentslist .reload { display: inline-block; margin: 0 0 0 10px; cursor: pointer; text-decoration: underline; } aside #commentslist .form-connect { margin: 15px 0 0 0; } aside #commentslist .form-connect .connect-loginactions,aside #commentslist .form-connect .connect-headline { text-align: center; } aside #commentslist .form-connect ul.messagelist{ margin: 0 0 10px 0; list-style: none; padding: 0 0 0 2em; } aside #commentslist .form-connect ul.messagelist li { padding: 5px 0; } aside #commentslist ul.messagelist li.error { color: #C00; } aside #commentslist .form-connect ul.messagelist li i { float: left; margin: -1px 0 0 -2em; } aside #commentslist .form-connect .registerform { margin: 10px 0; width: 335px; } aside #commentslist .form-connect .registerform .register_row { display: block; margin: 5px 0; text-align: left; } aside #commentslist .form-connect .registerform .register_row input[type="text"], aside #commentslist .form-connect .registerform .register_row input[type="password"] { display: inline-block; width: 100%; height: 28px; background-color: #FFF; border: solid 1px rgba(0, 0, 0, .2); color: #555; } aside #commentslist .form-connect .registerform .register_row *::-webkit-input-placeholder, aside #commentslist .form-connect .registerform .register_row *::-webkit-scrollbar-thumb, aside #commentslist .form-connect .registerform .register_row *::-webkit-scrollbar-button { color: #555; } aside #commentslist .form-connect .registerform .register_row *:-moz-placeholder { color: #555; } aside #commentslist .form-connect .registerform .register_row *::-moz-placeholder { color: #555; } aside #commentslist .form-connect .registerform .register_row *:-ms-input-placeholder { color: #555; } aside #commentslist .form-connect .registerform .register_row *.placeholder { color: #555; } aside #commentslist .form-connect .registerform .register_row .label:nth-child(2) { margin-right: 0; margin-left: 3%; } aside #commentslist .form-connect .registerform .privacy_row { margin: 5px 0; } aside #commentslist .form-connect .registerform input[type="checkbox"] { margin: 5px 5px 5px 13px; float: left; } aside #commentslist .form-connect .loginform { margin: 10px 0; } aside #commentslist .form-connect .loginform input[type="checkbox"] { margin: 5px 5px 5px 13px; float: left; } aside #commentslist .form-connect .loginform .login_row { display: block; margin: 5px 0; vertical-align: top; } aside #commentslist .form-connect .loginform .login_row .label.forgotpasswordlabel { width: 100%; margin-right: 0; line-height: 1; } aside #commentslist .form-connect .loginform .login_row .label .textlink { padding: 0 13px; font-size: 0.8em; } aside #commentslist .form-connect .loginform .login_row .label .submit,aside #commentslist .form-connect .loginform .login_row .label input { width: 100%; margin: 0; height: 28px; } aside #commentslist .form-connect .loginform .login_row .label:nth-child(3) { margin-right: 0; } aside #commentslist .form-connect .loginform .login_row .submit { line-height: 1; } aside #commentslist .form-connect .logoutform { } aside #commentslist .form-connect .logoutform .userhtml { margin-right: 10px; } aside #commentslist .comment-form { margin: 15px 0 0 0; } aside #commentslist .comment-form form { width: 100%; } aside #commentslist .comment-form textarea { height: 120px; padding: 0.8em 10px .2em; border: solid 1px rgba(0,0,0,.2); margin: 0 0 5px 0; color: #555; } aside #commentslist .messagelist { margin: 0 0 10px 0; list-style: none; padding: 0 0 0 2em; } aside #commentslist .messagelist li { padding: 5px 0; margin-left: -2em; } aside #commentslist .messagelist li.icon { margin-left: 0; } aside #commentslist .messagelist li.icon i { float: left; margin: -1px 0 0 -2em; } aside #commentslist ul.childrenList { margin-top: 20px; } aside #commentslist .comment-content { clear: both; padding: 5px 0; line-height: 1.33; overflow: auto; } aside #commentslist .comment-additional { display: none; clear: both; padding: 0.5em 0; line-height: 1.5; font-style: italic; font-size: 0.9em; } /* comments bb code things ----------------------------------------------- */ aside #commentslist .comment-content b,aside #commentslist .comment-content strong { font-weight: bold; } aside #commentslist .comment-content em { font-style: italic; } aside #commentslist .comment-content u { text-decoration: underline; } aside #commentslist .comment-content .code { padding: 10px 0; } aside #commentslist .comment-content .bbcode_code,aside #commentslist .comment-content .code code { overflow: scroll; display: block; background-color: #f2f6f8; font-family: monospace; padding: 5px 10px; border: solid 1px #ccc; } aside #commentslist .comment-content .font-size-1 { font-size: 0.63em; } aside #commentslist .comment-content .font-size-2 { font-size: 0.82em; } aside #commentslist .comment-content .font-size-3 { font-size: 1.0em; } aside #commentslist .comment-content .font-size-4 { font-size: 1.13em; } aside #commentslist .comment-content .font-size-5 { font-size: 1.5em; } aside #commentslist .comment-content .font-size-6 { font-size: 2em; } aside #commentslist .comment-content .font-size-7 { font-size: 3em; } aside #commentslist .comment-content ol li:before { content: '' !important; } aside #commentslist .comment-content ul { list-style: disc; margin: 0 0 0 25px; } aside #commentslist .comment-content ul.list-style- { list-style: none; margin: 0px; } aside #commentslist .comment-content ul.list-style-1 { list-style: decimal; } aside #commentslist .comment-content ul.list-style-01 { list-style: decimal-leading-zero; } aside #commentslist .comment-content ul.list-style-I { list-style: upper-roman; } aside #commentslist .comment-content ul.list-style-i { list-style: lower-roman; } aside #commentslist .comment-content ul.list-style-G { list-style: lower-greek; } aside #commentslist .comment-content ul.list-style-g { list-style: lower-greek; } aside #commentslist .comment-content ul.list-style-K { list-style: katakana; } aside #commentslist .comment-content ul.list-style-k { list-style: katakana-iroha; } aside #commentslist .comment-content ul.list-style-H { list-style: hiragana; } aside #commentslist .comment-content ul.list-style-h { list-style: hiragana-iroha; } aside #commentslist .comment-content ul.list-style-A { list-style: upper-alpha; } aside #commentslist .comment-content ul.list-style-a { list-style: lower-alpha; } aside #commentslist .comment-content .bbcode_quote,aside #commentslist .comment-content blockquote { padding: 5px 10px; border-style: dashed; border-width: 1px; margin: 0 0 10px 0; } aside #commentslist .comment-content blockquote cite { display: block; font-style: italic; margin-bottom: 10px; } aside #commentslist .comments-content .form-connect div.connect-loginactions > div { width: 250px; display: inline-block; margin-right: 0; } aside #commentslist .comments-content .form-connect div.connect-loginactions > div:nth-child(2) { width: 40px; font-style: italic; margin: 0; margin-left: 0; } aside #commentslist .comments-content .form-connect div.connect-loginactions > div:nth-child(3) { width: 250px; display: inline-block; text-align: right; } aside #commentslist .comments-content .form-connect div.login_row > div.label:nth-child(2) { margin-left: 0; } aside #commentslist .comments-content .form-connect div.login_row > div.label { display: block; margin: 5px 0; } aside #commentslist .form-connect .registerform .privacy_row label input { margin: 3px 3px 3px 0; } aside #commentslist .form-connect .registerform .privacy_row label span { display: inline-block; width: 224px; line-height: 17px; } aside #commentslist .comments-content .form-connect div > div.textlink.activated { color: #555; cursor: auto; } aside #commentslist .comments-content .form-connect div > div.textlink { text-align: left; font-weight: bold; font-size: 18px; } aside #commentslist .form-connect .registerform, aside #commentslist .form-connect .connected-div { padding-right: 5px; float: right; } aside #commentslist .form-connect .connected-div { display: none; } aside #commentslist .form-connect .loginform { padding-left: 5px; width: 265px; margin-left: 270px; } aside #commentslist .comment-form .commentFormLoginType ul { margin-left: 0; } aside #commentslist .comment-form .commentFormLoginType li { display: inline-block; float: left; width: 30px; height: 30px; margin-right: 5px; text-align: center; } aside #commentslist .comment-form .commentFormLoginType li [class^="icon-"] { color: #FFF; text-shadow: none; width: 30px; height: 30px; border-radius: 30px; line-height: 35px; text-align: center; cursor: pointer; display: block; } aside #commentslist .comment-form .commentFormLoginType li:hover [class^="icon-"], aside #commentslist .comment-form .commentFormLoginType li.current [class^="icon-"] { box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.4) inset, 0 0 10px 1px #585858; } aside #commentslist .comment-form .commentFormLoginType li .icon-giga { background-color: #2E782D; background-image: url(themes/giga/assets/img/login-ico-giga.png); } aside #commentslist .comment-form .commentFormLoginType li .icon-facebook { position: relative; background-color: #3A5B93; } aside #commentslist .comment-form .commentFormLoginType li .icon-facebook:before { position: absolute; top: 7px; left: 5px; } aside #commentslist .comment-form .commentFormLoginType li .icon-youtube { position: relative; background-color: #C1332E; text-align: right; } aside #commentslist .comment-form .commentFormLoginType li .icon-youtube:before { top: 6px; left: 5px; position: absolute; } aside #commentslist .comment-form .commentFormLoginType li .icon-twitter { position: relative; background-color: #45ABE7; font-size: 20px; } aside #commentslist .comment-form .commentFormLoginType li .icon-google-plus { position: relative; background-color: #C53100; } aside #commentslist .comment-form .commentFormLoginType li .icon-google-plus:before { position: absolute; left: 5px; top: 7px; } aside #commentslist .comment-form .commentFormLoginType li .icon-email { background-color: #C53100; font-size: 26px; line-height: 32px; } aside #commentslist .comment-form .commentFormLoginType span.guest-login { clear: both; position: relative; top: 9px; } aside #commentslist .comment-form .commentFormLoginType > div:not(.comment-headlines) { font-size: 13px; margin-top: 10px; } aside #commentslist .comment-form .comment-box { width: 205px; float: left; } aside #commentslist .comment-form .login-box { margin-left: 10px; width: 325px; float: right; } aside #commentslist .comment-form input[type="text"],aside #commentslist .comment-form input[type="password"] { display: inline-block; width: 100%; height: 28px; background-color: #FFF; border: solid 1px rgba(0, 0, 0, .2); color: #555; margin: 5px 0; } aside #commentslist .comment-form input::-webkit-input-placeholder, aside #commentslist .comment-form input::-webkit-scrollbar-thumb, aside #commentslist .comment-form input::-webkit-scrollbar-button { color: #555; } aside #commentslist .comment-form input:-moz-placeholder { color: #555; } aside #commentslist .comment-form input::-moz-placeholder { color: #555; } aside #commentslist .comment-form input:-ms-input-placeholder { color: #555; } aside #commentslist .comment-form input.placeholder { color: #555; } aside #commentslist .comment-form textarea::-webkit-input-placeholder, aside #commentslist .comment-form textarea::-webkit-scrollbar-thumb, aside #commentslist .comment-form textarea::-webkit-scrollbar-button { color: #555; } aside #commentslist .comment-form textarea:-moz-placeholder { color: #555; } aside #commentslist .comment-form textarea::-moz-placeholder { color: #555; } aside #commentslist .comment-form textarea:-ms-input-placeholder { color: #555; } aside #commentslist .comment-form textarea.placeholder { color: #555; } aside #commentslist .form-connect .registerform .email-field, aside #commentslist .form-connect .registerform .password-field, aside #commentslist .form-connect .registerform .register_button_row, aside #commentslist .form-connect .registerform .foren_account { display: none; } aside #commentslist .form-connect .registerform .register-row.submit-field { width: 85px; float: right; margin-left: 10px; } aside #commentslist .form-connect .registerform > *:not(.submit-field) { width: 240px; } aside #commentslist .form-connect .registerform div.submit-field .register-button { text-shadow: none; padding: 4px 36px; font-size: 16px; color: #fff; border-radius: 5px; margin-left: 4px; position: relative; top: 1px; } aside #commentslist .form-connect .registerform div.submit-field .register-button:hover { border: 1px solid #FFF; box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.4) inset, 0 0 10px 1px #585858; margin-left: 2px; } aside #commentslist .form-connect .registerform div.submit-field label { display: block; margin-bottom: 9px; } aside #commentslist .form-connect .registerform div.submit-field label.giga_login, aside #commentslist .form-connect .registerform div.submit-field label.giga_logout { display: none; } aside #commentslist ul.messagelist { display: none; } aside #commentslist ul.messagelist i[class^="icon-"] { font-size: 10px; margin-right: 5px; } aside #commentslist .comment-box > div > span.btn { position: relative; top: 7px; padding-left: 15px; padding-right: 15px; width: 205px; margin-bottom: 10px; font-size: 15px; } aside #commentslist .login-box .commentFormLoginType ul { position: relative; top: -3px; } aside #commentslist .login-box .commentFormLoginInfos { margin-top: 18px; } aside #commentslist .textlink.activeTextLink { color: #555; font-weight: 600; cursor: auto; } aside #commentslist .login-box .commentFormLoginButtons { margin-top: 5px; margin-bottom: 5px; } aside #commentslist .comment-list .childrenList .answerform ul.react { width: 141px; display: inline-block; } aside #commentslist .comment-list .childrenList .answerform .commentFormLoginInfos { margin-left: 10px; margin-top: 7px; display: inline-block; } aside #commentslist .comment-list .childrenList .answerform form.login-box { position: relative; top: -53px; } aside #commentslist .forum_discussion { float: right; } aside #commentslist .comment-form .login-box [class^="icon-"] { display: block; } aside #commentslist .comment-form .comment-box .btn[data-action="submit"] { padding: 10px 15px; } aside #commentslist .comment-form .login-box .btn[data-action="guest-submit"] { text-align: center; } aside #commentslist .childrenList .comment-form .react .btn[data-action="answerSubmit"] { width: 131px; padding: 12px 15px; text-align: center; } /* FUER FLOATING SHARES!! DAS KANN RAUS WENN ES NICHT MEHR BENOETIGT IST */ #outerbottom, #outermid, #outertop { margin-left: 100px; } #top { margin-left: -100px; } #bottom { margin-left: -100px; } #top2 { margin-left: -100px; } #outertop .innertop { padding-left: 100px; } #outerbottom .innerbottom { padding-left: 100px; } /* GAMESCOM nav link 100 px weiter von links, da padding-left: 100px; --------------------------------------------------------------------------- */ #gamescom-2014-nav-link { left: 925px !important; } .copy figure { position: relative; } .copy figure .media-creator { position: absolute; bottom: 3px; right: 3px; background: rgba(255, 255, 255, 0.7); height: 9px; padding: 3px; border-radius: 3px; color: #000; font-size: 10px; z-index: 1; text-align: right; border: solid 1px rgba(0,0,0, .1); line-height: 1; } .copy figure .media-creator a { color: #000; text-decoration: none; }div.ratingAdmin { width: 20px; height: 21px; float: left; margin-right: 2px; } div.StarOff { background-image: url('themes/giga/assets/css/images/starOff.png'); } div.StarOn { background-image: url('themes/giga/assets/css/images/starOn.png'); } div.ratingStarOn { width: 20px; height: 21px; float: left; margin-right: 2px; background-image: url('themes/giga/assets/css/images/starOff.png'); } div.ratingStarOff { width: 20px; height: 21px; float: left; margin-right: 2px; background-image: url('themes/giga/assets/css/images/starOn.png'); } div.ajaxSpinner { width: 16px; height: 16px; background-image: url('themes/giga/assets/css/images/wpspin_light.gif'); display: none; } .ajax_bubble_text { padding: 10px; } /* rating*/ i.icon-star-empty, i.icon-star-empty:before { color: #ccc !important; } i.icon-star, i.icon-star:before { color: #FFC600 !important; } .fivestars { display: block; } .fivestars i { font-size: 0; line-height: .5; width: 12px; } .fivestars i:before { font-size: 17px; } dl.starRating dt { width: 40%; padding: 0 5% 0 0; float: left; } dl.starRating dd { width: 50%; float: left; } dl.starRating span.fivestars i { padding: 0 7px 0 0; } dl.starRating span.fivestars i:before { font-size: 22px; } span.starRating { display: inline-block; margin-right: 10px; } span.starRating i { padding-right: 0 4px 0 0; } span.starRating i:before { font-size: 15px; } aside.secondary dl.starRating dt { width: 35%; margin: 0 0 2px 0; clear: both; } aside.secondary dl.starRating dd { margin: 0 0 2px 0; } aside.secondary dl.starRating span.fivestars i { padding: 0 4px 0 0; display: inline-block; } aside.secondary dl.starRating span.fivestars i:before { font-size: 16px; } aside.secondary .starRatingInfo { clear: both; font-size: 12px; } span.starRating { display: inline-block; margin-right: 10px; } span.starRating i { padding-right: 4px; color: #E4C70B; } span.starRating i:before { color: #E4C70B; font-size: 15px; } .starRatingInline b { font-weight: 600; } .starRatingInline span.fivestars i { padding-right: 4px; color: #E4C70B; padding-top: 4px; display: inline-block; } .starRatingInline span.fivestars i:last-child { padding-right: 0; } .starRatingInline span.fivestars i:before { font-size: 15px; color: #E4C70B; } .starRatingInline span { display: inline; } .starRatingInline:first-child span { margin-right: -1px; } .starRatingInline b { font-weight: normal; margin-left: 9px; } .starRatingInline b:first-child { margin-left: 0; } dl.starRating dt { width: 40%; padding-right: 5%; float: left; margin-bottom: 5px; } dl.starRating dd { width: 50%; float: left; margin-bottom: 5px; } dl.starRating span.fivestars i { padding-right: 7px; color: #E4C70B; } dl.starRating span.fivestars i:before { font-size: 22px; color: #E4C70B; } .starRatingInline { width: 580px; } aside.secondary section .starRatingInline { width: 100px; } .fivestars { display: block; } .fivestars i{ color: transparent; font-size: 0; line-height: .5; width: 12px; } .fivestars i:before { color: #14782B; font-size: 17px; } .articleoptions .fivestars { line-height: 1.7; } .fivestars i.icon-plus-sign:before { color: #191; } .fivestars i.icon-minus-sign:before { color: #911; } /* mobile devices on desktop page */ /* iphone renders text-shadow strangely if zoomed out, so remove it */ @media all and (orientation:portrait) { } @media all and (orientation:landscape) { } @media screen and (max-device-width: 480px) { html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { text-shadow: none !important; /* removing source sans pro because of double rendering bug: http://stackoverflow.com/questions/5069752/ios-4-2-webfont-ttf-s-bold-font-weight-rendering-bug */ font-family: "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif !important; } } @media screen and (max-width: 480px) { } @media screen and (max-device-width: 800px) { } @media screen and (max-width: 800px) { } /* http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile min-width: 320px // smartphones, iPhone, portrait 480x320 phones min-width: 481px // portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. min-width: 641px // portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 and 854x480 phones min-width: 961px // tablet, landscape iPad, lo-res laptops ands desktops min-width: 1025px // big landscape tablets, laptops, and desktops min-width: 1281px // hi-res laptops and desktops */@charset "UTF-8"; /* games rot -> ehemals: #9B1E1E -> jetzt : hsl(24, 90%, 40%) bzw: hsl(24, 90%, 45%) dunkler BG -> ehemals : #560E0E; -> jetzt: hsl(24, 90%, 35%) heller BG (zb fuer kommentare) -> ehemals: #FBF1F1; -> jetzt : hsl(24, 90%, 95%) Button Rot-T├Âne: Ehemals: #E65554 #BE2120 #9E1A1A #930000 #6B0606 #4B0606 #7e0000 #d14847 #a51c1b #871816 JETZT: hsl(24, 90%, 52%) hsl(24, 90%, 49%) hsl(24, 90%, 46%) hsl(24, 90%, 43%) hsl(24, 90%, 37%) hsl(24, 90%, 55%) hsl(24, 90%, 52%) hsl(24, 90%, 49%) hsl(24, 90%, 46%) hsl(24, 90%, 40%) */ /* BACKGROUNDS */ #top { background-color: #491f04; background-image: -moz-radial-gradient(7% 82%, closest-side, rgba(194, 84, 10, 0.75) 0%, rgba(194, 84, 10, 0) 580%), -moz-radial-gradient(85% 80%, closest-side, rgba(194, 84, 10, 0.4) 0%, rgba(194, 84, 10, 0) 320%); /* FF3.6+ */ background-image: -webkit-radial-gradient(7% 82%, closest-side, rgba(194, 84, 10, 0.75) 0%, rgba(194, 84, 10, 0) 580%), -webkit-radial-gradient(85% 80%, closest-side, rgba(194, 84, 10, 0.4) 0%, rgba(194, 84, 10, 0) 320%); background-image: -webkit-radial-gradient(at 7% 82%, closest-side, rgba(194, 84, 10, 0.75) 0%, rgba(194, 84, 10, 0) 580%), -webkit-radial-gradient(at 85% 80%, closest-side, rgba(194, 84, 10, 0.4) 0%, rgba(194, 84, 10, 0) 320%); background-image: -o-radial-gradient(7% 82%, closest-side, rgba(194, 84, 10, 0.75) 0%, rgba(194, 84, 10, 0) 580%), -o-radial-gradient(85% 80%, closest-side, rgba(194, 84, 10, 0.4) 0%, rgba(194, 84, 10, 0) 320%); /* Opera 12+ */ background-image: -ms-radial-gradient(7% 82%, closest-side, rgba(194, 84, 10, 0.75) 0%, rgba(194, 84, 10, 0) 580%), -ms-radial-gradient(85% 80%, closest-side, rgba(194, 84, 10, 0.4) 0%, rgba(194, 84, 10, 0) 320%); /* IE10+ */ background-image: radial-gradient(closest-side at 7% 82%, rgba(194, 84, 10, 0.75) 0%, rgba(194, 84, 10, 0) 580%), radial-gradient(closest-side at 85% 80%, rgba(194, 84, 10, 0.4) 0%, rgba(194, 84, 10, 0) 320%); /* W3C */ } #top header section.topic-switch ul { padding-left: 275px; background: rgba(48, 21, 3, 0.6); background: -moz-linear-gradient(left, rgba(48, 21, 3, 0.6) 0%, rgba(48, 21, 3, 0.9) 50%, #301503 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(48, 21, 3, 0.6)), color-stop(50%, rgba(48, 21, 3, 0.9)), color-stop(100%, #301503)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(48, 21, 3, 0.6) 0%, rgba(48, 21, 3, 0.9) 50%, #301503 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(48, 21, 3, 0.6) 0%, rgba(48, 21, 3, 0.9) 50%, #301503 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(48, 21, 3, 0.6) 0%, rgba(48, 21, 3, 0.9) 50%, #301503 100%); /* IE10+ */ background: linear-gradient(to right, rgba(48, 21, 3, 0.6) 0%, rgba(48, 21, 3, 0.9) 50%, #301503 100%); /* W3C */ } #outertop2 { background-color: rgba(48, 21, 3, 0.5); box-shadow: 0px -10px 10px rgba(194, 84, 10, 0.1), 0px -5px 5px rgba(194, 84, 10, 0.1); } nav .menu-item { border-right: rgba(194, 84, 10, 0.5) 1px solid; } /* LOGO */ h1#logo { background-image: url("/special/giga-2015/assets/images/sitelogos/logo-gigagames.png"); background-size: 330px 40px; width: 245px; height: 40px; margin: 21px 5px 0 6px; } /* Einfaerbung der Headline fuer Artikel und Produktseiten ==================================================================== */ body.single #content article.singles-product hgroup h1, body.single #content article.singles-article hgroup h1 { color: #c2540a; } a.btn, .buttons a, div.btn { color: #fff; } #styleswitch { top: 28px; } #marketplace.partner.products a { color: #c2540a; } .context li figure img { background-color: #777; } .morelist { background: #e8e8e8; } /* HEADER NAVIGATION */ nav#main a { color: white; } /* FONTS AND FONTCOLORS */ body, input, select, textarea, footer { font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif; } nav#main a, #socialweb, #query, input[type='submit'], nav.dossier { font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif; } input::-webkit-input-placeholder, input::-moz-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder { font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif; } hgroup h1, aside .heading, .transaction, aside .subhead, #marketplace .heading, .landing h1, .landing h2, #commentary h1, .article_list.fullimg figcaption, aside.secondary .linklist h1, aside h1, aside h2, aside h3, aside div.headline, b.headline, div.headline-2 { font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif; } /* larger for games */ h1, h2, h3 { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); color: #000; } .article_list h1 b { color: #222; } body, input, select, textarea, nav#main a:hover, aside .linklist li a, .partner li a, a > p { color: #555; } aside .heading, #marketplace .heading { color: #000; } form#search { border-color: #491f04; } #top, #top header a { color: #fff; } a, #query:focus, nav.dossier li a, .linklist li a:before, textarea, .spotlight > h2, section.s_fullsearch span, .textlink { color: #c2540a; } article hgroup .meta *:not(.author, .quickview) { color: #999; } /* FORMS */ #query, input { background-color: #e9640c; } #search .icon-search, #search input[type="submit"], #search input[type="search"] { background-color: #ffffff; } #search .icon-search { color: #c2540a; } #search ::-webkit-input-placeholder { color: #bbbbbb; } #search :-moz-placeholder { color: #bbbbbb; } #search ::-moz-placeholder { color: #bbbbbb; } #search :-ms-input-placeholder { color: #bbbbbb; } #query { background-color: rgba(255, 255, 255, 0.2); } /* ARTICLE */ article hgroup, #content p.intro { color: #555; } nav.dossier ul, .subscribe form, .spotlight ol, .spotlight > h2, .videooptions, .directory .filter .current, .directory .videos { background: #F4F2F1; } aside#commentary { background: #FAF1F1; } /* aside#commentary { background: #FAF1F1; border-color: rgba(155, 30, 30, .5); } aside #commentslist ol li.comment:hover { background-color: rgba(155, 30, 30, .1); } aside #commentslist ol li.comment-form, aside #commentslist ol li.comment { border-color: rgba(155, 30, 30, 0.3); } */ aside #commentslist .comment-content .bbcode_quote, aside #commentslist .comment-content blockquote { background: rgba(155, 30, 30, 0.05); border-color: rgba(155, 30, 30, 0.5); } aside #commentslist .form-connect .registerform div.submit-field .register-button { background-color: #e9640c; } nav.dossier, .subscribe, .spotlight { border: 1px solid #e9640c; } .spotlight { border-color: #fff; position: relative; z-index: 1; } nav.dossier i { color: #4F4F4F; } nav.dossier li:hover, nav.dossier h1, .transaction { background-color: #e9640c; } nav.dossier li.active { background-color: #e9640c; } nav.dossier li.active a { color: #FFF; } nav.dossier h1, nav.dossier h1 a, nav.dossier h1 i, nav.dossier li a:hover, .transaction a { color: #fff; text-shadow: none; } nav.dossier h1:hover, nav.dossier:hover h1, .transaction:hover { background-color: #000; color: #fff; } .transaction img { background: #fff; } /* PAGINATION */ .pagination { border: 1px solid #c2540a; } .pagination .pages div { background: #F4F2F1; } .pagination:hover .pages { border-color: #c2540a; } .pagination .flip { background: #F4F2F1; } .pagination .flip a { background: #c2540a; color: #fff; } .pagination .flip a:focus, .pagination .flip a:hover { color: #fff; } .copy a:hover, .copy a:focus, .copy article.singles-product a:hover, .copy article.singles-product a:focus, .copy article.singles-article a:hover, .copy article.singles-article a:focus { text-decoration: underline; color: #c2540a; } .copy p a:hover > i, .copy p a:focus > i { text-decoration: none; } .linklist.boxed li a { background: #d05a0b; } .linklist.boxed li:nth-child(2) a { background: #c7560a; } .linklist.boxed li:nth-child(3) a { background: #bd520a; } .linklist.boxed li:nth-child(4) a { background: #b34d09; } .linklist.boxed li:nth-child(5) a { background: #aa4909; } .linklist.boxed li:nth-child(6) a { background: #a04508; } .linklist.boxed li:nth-child(7) a { background: #964108; } .linklist.boxed li:nth-child(8) a { background: #8d3d07; } .linklist.boxed li:nth-child(9) a { background: #833807; } .linklist.boxed li:nth-child(10) a { background: #793406; } /** HOVER **/ .linklist.boxed li:nth-child(2) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(3) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(4) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(5) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(6) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(7) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(8) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(9) a:hover { background: #d05a0b; } .linklist.boxed li:nth-child(10) a:hover { background: #d05a0b; } .toplist.linklist.boxed li a { background: none repeat scroll 0 0 #FFF; color: #555; } .toplist.linklist.boxed li a i { color: #c2540a; } .toplist.linklist.boxed li a:hover { background-color: #fef0e7; } .toplist.linklist.boxed li a:hover time i { color: #FFF; } #authors li { background: #fef0e7; } #topic { border: 1px solid #F4F2F1; } #topic .handle { color: #c2540a; } .toplist.linklist a { color: #c2540a; } .toplist.linklist figure { width: 55px; height: 35px; float: left; margin-right: 1em; overflow: hidden; box-shadow: none; } .toplist.linklist figure img { width: 100%; } .toplist.linklist li { clear: both; } .glossy { border-radius: 5px 5px 5px 5px; overflow: hidden; padding-top: 400px; position: relative; } .glossy figure.product_header { height: 100%; max-height: none; position: absolute; top: 0; width: 100%; z-index: 0; } .glossy figure.product_header img { height: 100%; max-width: none; width: auto; } .glossy hgroup { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); box-shadow: 320px 0 100px -50px rgba(0, 0, 0, 0.4) inset; padding: 10px 2%; position: absolute; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); top: 220px; width: 96%; z-index: 1; } .glossy hgroup * { color: #FFFFFF; } .glossy .rating .fivestars { display: inline-block; margin-right: 1em; } .glossy .rating .fivestars i:before { color: #c2540a; } .glossy .rating .fivestars .interactive { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-radius: 5px 5px 5px 5px; padding: 5px; } .glossy .rating .fivestars.interactive i:hover:before { color: #333333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .glossy .rating .fivestars.interactive .starHover:before { color: #333333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .glossy .articleoptions .btn { background: none repeat scroll 0 0 #FFFFFF; color: #c2540a; text-shadow: none; } .glossy .expandable { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border: medium none; box-shadow: 320px 0 100px -50px rgba(0, 0, 0, 0.6) inset; color: #FFFFFF; padding: 5px 2%; position: relative; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); z-index: 2; } .glossy:hover .expandable { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); } .glossy .expandable .handle { color: #FFFFFF; display: block; } .glossy .expandable p { display: none; } #marketplace small { border-top: 1px solid #F4F2F1; } .linklist li b, .linklist li time { background-color: white; color: #aaa; } aside .linklist:hover li b, aside .linklist:hover li time { background-color: #fff; color: #4F4F4F; } aside .linklist li:hover b, aside .linklist li:hover time, section.news ul.timeline li:hover a time, section.news ul.timeline li:hover span time { color: #fff; background-color: #d05a0b; } .linklist.timeline li:hover a, .partner li:hover a, .partner li:hover { color: #000; text-decoration: none; } footer a:hover { text-decoration: underline; } footer, footer a, footer a:hover, footer ol.breadcrumb li, footer ol.breadcrumb li a, footer ol.breadcrumb li a:hover, footer #collateral li a, footer h1, footer h2, footer h3, footer div, footer ol.footerlink a, footer ol.footerlink a:hover, footer span.headline-2, footer .linklist li:hover a, footer .partner li:hover a, footer .partner li:hover, footer .linklist li:hover a:before, footer .linklist li a, footer .linklist li a:before { color: #fff; } .article_list article { border-bottom: 1px solid #bbb; } .timeline { border-left: 4px solid #fef0e7; } .timeline .meta:before { border: 4px solid #F4F2F1; } .timeline .meta:before, .timeline .milestone article { background: #F4F2F1; } .timeline .meta { border-top: 1px solid #F4F2F1; } .timeline .milestone .meta:before { box-shadow: 0 0 0 4px #c2540a inset, 0 0 8px 0 rgba(0, 0, 0, 0.5); } /* 10 points rating */ .rating { overflow: hidden; text-indent: -1000em; position: absolute; bottom: 5%; right: 5%; width: 90%; height: 20%; background-repeat: no-repeat; background-size: contain; background-position: 50% center; opacity: 1; -webkit-transition: 1s; } figure:hover .rating { opacity: .5; } .rating.r10 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/10.png"); } .rating.r9 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/9.png"); } .rating.r8 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/8.png"); } .rating.r7 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/7.png"); } .rating.r6 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/6.png"); } .rating.r5 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/5.png"); } .rating.r4 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/4.png"); } .rating.r3 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/3.png"); } .rating.r2 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/2.png"); } .rating.r1 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/1.png"); } .rating.r0 { background-image: url("themes/giga/subthemes/games/assets/img/rating/games/0.png"); } .copy figcaption, .copy figure.gallery:hover figcaption, .article_list li figcaption, .article_list figure:hover figcaption, .spotlight li figure figcaption, .copy figcaption a, .copy figure.gallery:hover figcaption a, .article_list li figcaption a, .article_list figure:hover figcaption a, .spotlight li figure figcaption a { background: #000; color: #fff; text-shadow: none; border-radius: 0; } .article_list li figcaption, .article_list figure:hover figcaption { top: 0px; left: -1px; background: #9a1d1d; text-shadow: 0 -1px 0 #000; box-shadow: none; font-style: normal; text-transform: uppercase; font-weight: 400; line-height: 1; padding: 4px 1em 2px 1.5em; } .article_list.fullimg li figcaption { background: #9A1D1D; background-image: url("themes/giga/subthemes/games/assets/img/label_tl.png"), url("themes/giga/subthemes/games/assets/img/label.png"); background-repeat: no-repeat, no-repeat; background-position: top left, right bottom; } .spotlight li figure figcaption { background: rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 0 #000; } .copy figure, .copy figure:hover, .copy figure img, .copy figure:hover img { border-radius: 0; } .tabbox figure:before, .spotlight figure:before, aside figure:before { display: none; } .article_list article:not(.videos) figure:not(.gallery):after { content: ''; position: absolute; height: 300px; max-height: 100%; width: 50px; bottom: 0; right: 0; background-image: url("themes/giga/subthemes/games/assets/img/cut_r.png"); background-repeat: no-repeat; background-position: bottom right; } .article_list li:nth-child(2n) article:not(.videos) figure:not(.gallery):after { height: 20px; width: 100%; background-image: url("themes/giga/subthemes/games/assets/img/edge_a.png"); } .article_list li:nth-child(4n) article:not(.videos) figure:not(.gallery):after { height: 20px; width: 100%; background-image: url("themes/giga/subthemes/games/assets/img/edge_f.png"); } li.partner article figure img { background-image: none !important; background: none !important; } li.partner article figure, li.partner:nth-child(4n) article figure:before, li.partner:nth-child(2n) article figure:before, li.partner article a figure:before { width: 33% !important; background-image: none !important; background: none !important; } li.partner article a figure, li.partner article a p { float: left !important; } li.partner article a p { width: 60% !important; } ul.articleoptions { padding-left: 197px !important; } .multiplechoice a { background: #fef0e7; } .partner .price { color: #c2540a; } ol.decimal li:before { border: 1px solid #fef0e7; color: #c2540a; } /* tabbox on games */ .tabbox * { border-radius: 0; border: none; } .tabbox figure { top: 0; left: 0; background: #000; } .tabbox nav ul li { text-align: center; } .tabbox ul { word-spacing: -3px; letter-spacing: -3px; } .tabbox nav li { background: rgba(0, 0, 0, 0.6); width: 18%; padding: 0 1%; border-radius: 0; -webkit-transition: 2s background ease-out; } .tabbox nav li.current { box-shadow: 0 2px 0 0px #c2540a inset; background: black; padding: 0 1%; } .tabbox nav a { color: #fff; -webkit-transition: 1s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tabbox article { background: #000; padding: 0; border-radius: 0; border: none; box-shadow: none; margin-top: 0; } .tabbox article:after { content: ''; display: block; height: 20px; background: url("themes/giga/subthemes/games/assets/img/edge_a.png") bottom right no-repeat; position: absolute; bottom: 0; left: 0; width: 100%; } .tabbox hgroup { width: 100%; padding: 5px 2% 50px; background: url("themes/giga/subthemes/games/assets/img/edge_d.png") bottom center no-repeat; color: #fff; } .tabbox hgroup *, .tabbox hgroup:hover *, .tabbox .meta *, .tabbox hgroup:hover .meta * { text-shadow: 0 -1px 0 black; color: #fff; } .tabbox .meta *, .tabbox hgroup:hover .meta * { background: #fef0e7; padding: .1em .2em; border-radius: 0 5px; } .tabbox .meta * { float: none; } #instantresults { background: #fef0e7; } .fivestars i:before { color: #c2540a; } /* Border below ======================== */ h1.bordered, h2.bordered, #content div.headline-2.bordered { border-bottom: 1px solid #bbb; padding: 0 0 7px 0; margin: 0 0 10px 0; color: #555; } /* Border behind element ======================== */ .home .videos.selection figure { margin-bottom: 0; } /* overwriting video play button*/ .icon-play-circle:before { width: 100%; height: 100%; background-size: contain; display: block; position: absolute; } /* Bubble Style */ .the-bubble { color: #3B4452; border: solid 1px #8E8E8E; background-color: #000000; } .the-bubble .ajax_bubble_text { color: #3B4452; } .timeline .author { background-color: #888; } .timeline .author.wordpress { color: #fff; background: #fef0e7; min-height: 35px; } .timeline li article hgroup h3 a.author:hover { color: #DFDFDF !important; } #query, input { background-color: #fef0e7; } #instantresults { background: #fef0e7; } .downloadbutton-holder { background-color: #fef0e7; font-family: "Source Sans Pro", "Tahoma", "Lucida Grande", "Calibri", "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif; } .downloadbutton-holder div.download-type div.inner { color: #FFF; } ul.linklist.toplist.link.top.boxed li a div { width: 219.5px; margin-left: 68.5px; } div.starRatingInline span { margin-right: -1px; } /** Alphabet pages **/ .alphabet-list .list-item { float: left; width: 25px; height: 25px; border: 1px solid #999; text-align: center; border-radius: 15px; margin-left: 5px; } .alphabet-list .list-item:hover { background: #fef0e7; } .alphabet-list .list-item:hover a { color: #fff; } .alphabet-list-clear { clear: both; width: 100%; } .alphabet-listing-products-list { margin-left: 20px; } .alphabet-listing-list > .list-item { width: 46%; } .alphabet-listing-list .list-item h2 a { color: #999; font-weight: bold; } .alphabet-listing-list .list-item h2 { color: #999; border-bottom: 1px solid #999; } .alphabet-listing-list .list-item.odd { float: left; display: inline; padding: 10px; clear: both; } .alphabet-listing-list .list-item.even { float: right; display: inline; padding: 10px; } /** END Alphabet pages **/ div.test-bottom { height: 26px; padding-top: 3px; padding-bottom: 10px; border: 1px solid #D9D9D9; border-radius: 0; } div.test-bottom a.transaction.btn.bestprice { padding-top: 1px; padding-right: 0px; } div.test-bottom a.transaction.btn.bestprice i { margin-right: 3px; height: 22px; } div.three ul.hlist li figure { width: auto; margin-bottom: 5px; } div.copy h2.bordered b, div.copy div.headline-2.bordered b { background: transparent; } .starRatingInline span.integerRating { color: #CCC; } .starRatingInline span.integerRating b { color: #9B1E1F; } section.videos.spotlight h2 { margin-bottom: 10px; } section.body.themes { border-color: #fef0e7; } section.tabbox a.slide { display: inline-block; width: 29px; height: 42px; border-radius: 8px 0 0 8px; background-color: #D8DADC; color: #8F919E; text-align: center; position: relative; top: 157px; } section.tabbox a.slide.slide-left { border-radius: 0 8px 8px 0; } section.tabbox a.slide.slide-right { float: right; } .copy .tabbox article { z-index: 0; display: none; } .copy .tabbox article.current { display: block; } div.three ul.hlist { border-bottom: 1px solid #F4F2F1; } div.three ul.hlist li article { border-bottom: 0; } div.three ul.hlist li article p { font-weight: normal; color: #555; line-height: 1.2em; cursor: pointer; } section.news ul.linklist.timeline { border-left: 4px solid #E1E9EB; } section.news ul.timeline li.current a time:before, section.news ul.timeline li.current span time:before { box-shadow: 0 0 0 4px #c2540a inset, 0 0 0 2px #FFF; border: 2px solid #fef0e7; background-color: #fef0e7; } section.news ul.timeline.release li:hover a time, section.news ul.timeline.release li:hover span time { background-color: #FFF; color: #4F4F4F; } section.news ul.timeline li a:hover time:before, section.news ul.timeline li span:hover time:before { border: 2px solid #fef0e7; } section.testlist ul li a h3, section.productlist ul li a h3 { color: #c2540a; } section.videos.spotlight h2 { text-align: left; } article.test { padding-bottom: 20px; } section.news ul.timeline li.current a { background-color: #FAF1F1; } section.product-infos h3 { color: #777; } section.product-infos ul { margin-top: 5px; } section.product-infos ul li strong { color: #777; } div.copy article section.videos.selection.three ul.hlist { margin-left: 0; } section.bigListing#newestArticle ul li h3 { color: #c2540a; } section.channels ul.hlist { margin-left: 0; } section.channels ul.hlist li a h3 { margin-top: 0; } section.channels ul.hlist li figure { margin-bottom: 4px; } section.directory ul.filter.hlist { margin-left: 0; } section.directory ul.videos.hlist.subset { margin-left: 0; padding-left: 0; } footer h1, footer h2, footer h3 { text-shadow: none; } section.videos.section.three ul.hlist li figure { margin-bottom: 4px; } section.spotlight h2.bordered, section.spotlight div.headline-2.bordered { color: #555; font-weight: normal; background-color: #FFF; padding: 0; } div.transaction.affiliate:hover { background-color: #fef0e7; } article.hardware_glossy div.hardware_glossy_header h1 b, section.price-comparison article.hardware_glossy h1 b, article.screenshots h1 b, article.software div.header h1 b { color: #c2540a; font-weight: normal; } article.hardware_glossy div.hardware_glossy_header h1, article.screenshots h1, article.software div.header h1 { color: #555; } ol.bestprice_list li article p span.bestprice_more, ol.bestprice_list li article p span.bestprice_fold { color: #c2540a; } /* Anpassungen der AD Farben */ article.games div.header b { color: #c2540a; } div.complete-pictures section.videos.selection.three li figure img { min-width: 100%; min-height: 100%; } div.appstore div b { color: #c2540a; } div.archiv-calendar div.month div.days { background-color: #fef0e7; color: #FFF; } div.archiv-calendar span.sunday { background-color: #FAF1F1; } section.news ul.linklist.boxed.toplist li a { background-color: #fef0e7; color: #777; } div.copy h2.bordered:first-child, div.copy div.headline-2.bordered:first-child { margin-top: 20px; } section.product-slider { height: auto; margin-bottom: 19px; width: 938px; } section.product-slider div.slider { width: 936px; height: 300px; } section.product-slider div.slider div { width: 3744px; } section.product-slider div.slider div figure { width: 936px; } section.product-slider div.slider div figure img { position: relative; top: -60px; } section.product-slider div.slider figure figcaption { top: 240px; background-color: rgba(0, 0, 0, 0.8); } section.product-slider ul { top: 0; width: 936px; height: 30px; } section.product-slider ul li, section.product-slider ul li.current + li { width: 224px; height: 20px; padding-top: 3px; } section.product-slider ul li:first-child { width: 224px; height: 20px; } section.product-slider ul li.current, section.product-slider ul li.current:first-child { background-image: url(themes/giga/assets/img/slider-selector-games-v2.png); width: 236px; z-index: 2; height: 19px; } section.product-slider ul li.current:first-child { width: 236px; } section.product-slider ul li:not(.current) span { padding-bottom: 5px; } section.product-slider ul li span { color: #c2540a; padding-top: 0; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url("themes/giga/subthemes/games/assets/css/bindings.xml#ellipsis"); } /** Alphabet pages **/ .alphabet-list .list-item { float: left; width: 25px; height: 25px; border: 1px solid #999; text-align: center; border-radius: 15px; margin-left: 5px; } .alphabet-list .list-item.no-entry { background-color: #888; color: #FFF; } .alphabet-list .list-item.no-entry a { color: #FFF; } .alphabet-list .list-item.no-entry:hover { background-color: #777; } .alphabet-list .list-item:hover { background: #fef0e7; } .alphabet-list .list-item:hover a { color: #fff; } .alphabet-list-clear { clear: both; width: 100%; } .alphabet-listing-products-list { margin-left: 20px; } .alphabet-listing-list > .list-item { width: 46%; } .alphabet-listing-list .list-item h2 a { color: #999; font-weight: bold; } .alphabet-listing-list .list-item h2 { color: #999; border-bottom: 1px solid #999; } .alphabet-listing-list .list-item.odd { float: left; display: inline; padding: 10px; clear: both; } .alphabet-listing-list .list-item.even { float: right; display: inline; padding: 10px; } /** END Alphabet pages **/ div.econa_ad_content_vertical:hover { background-color: #FAF1F1; } #top header section.themes ul li.has_sub ul { border-color: #e9640c; } #top header section.themes ul li.has_sub ul li a { display: block; padding: 5px 10px; text-decoration: none; color: #c2540a; } #top header section.themes ul li.has_sub ul li a:hover { background-color: #e9640c; color: #fff; } #top header section.themes ul li.has_sub:hover { background-color: #e9640c; color: #fff; } #top header section.themes ul li.click_show { background-color: #e9640c; color: #FFF; } #top header section.themes ul li.click_show a { color: #FFF; } section.body.themes ul li:hover { background-color: #fef0e7; } section.body.themes ul li:hover a { color: #FFF; } .specs { background-color: #fef0e7; } .econa-ad-GG-Teaser-Ad + li article { border-top: 1px solid #F4F2F1; } section.linklist ul li > a:hover, section.testlist ul.toplist li > div a:hover, section.productlist ul.toplist li > div a:hover { color: #c2540a; text-decoration: underline; } section.linklist ul li > a:hover figure { text-decoration: none; } .downloadbutton-holder { background-color: #fef0e7; } .three-boxes ul.hlist li div b.headline { color: #c2540a; } div.ratingBox span.author-rating b, div.ratingBox span.user-rating p b { color: #c2540a; } div.ratingBox span.user-rating ul li:hover, div.ratingBox span.user-rating ul li.current { background-color: #fef0e7; color: #555; } .copy article.tests { margin-bottom: 0; } div.copy article.tests + div.share-bar { margin-top: 0; } div.deal_rating { background-color: #FAF1F1; } .singles-article div.econa_ad_content_single span.econa_ad_link a, .singles-article div.econa_ad_content_multi span.econa_ad_link a { color: #c2540a; } /* Navigation ================================================= */ #world.hlist li ul.subsubnavigation li ul.subsubsubsubnavigation li a { color: #c2540a; } .btn a { color: #fff; } .copy article.singles-article .videooptions a.btn:hover { text-decoration: none; color: #fff; } body *.gig-comments-more, #commentslist *.gig-composebox-social-login, #commentslist *.gig-composebox-guest-login, #commentslist *.gig-composebox-site-login, body .gig-comments-dialog-button, #commentslist *.gig-comments-container *.gig-comments-composebox *.gig-composebox-post, #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-post, .btn { color: #fff; text-shadow: 0px -1px #a04508; border-color: #a04508 #a04508 #833807 #a04508; background: #cb580b; background: -moz-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb580b), color-stop(95%, #bd520a), color-stop(100%, #ae4b09)); background: -webkit-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: -o-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: -ms-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: linear-gradient(to bottom, #cb580b 0%, #bd520a 95%, #ae4b09 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_background_color1', endColorstr='$button_background_color3',GradientType=0 ); } body *.gig-comments-more:hover, #commentslist *.gig-composebox-social-login:hover, #commentslist *.gig-composebox-guest-login:hover, #commentslist *.gig-composebox-site-login:hover, body .gig-comments-dialog-button:hover, #commentslist *.gig-comments-container *.gig-comments-composebox *.gig-composebox-post:hover, #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-post:hover, .btn:hover { color: #fff; text-shadow: 0px -1px #ae4b09; border-color: #ae4b09 #ae4b09 #913f08 #ae4b09; background: #da5e0b; background: -moz-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da5e0b), color-stop(95%, #cb580b), color-stop(100%, #bd520a)); background: -webkit-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: -o-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: -ms-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: linear-gradient(to bottom, #da5e0b 0%, #cb580b 95%, #bd520a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_hover_background_color1', endColorstr='$button_hover_background_color3',GradientType=0 ); } .btn.icon a { color: #fff; } .btn.icon { color: #fff; text-shadow: 0px -1px #a04508; border-color: #a04508 #a04508 #833807 #a04508; background: #cb580b; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -moz-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb580b), color-stop(95%, #bd520a), color-stop(100%, #ae4b09)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -o-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -ms-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, linear-gradient(to bottom, #cb580b 0%, #bd520a 95%, #ae4b09 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_background_color1', endColorstr='$button_background_color3',GradientType=0 ); } .btn.icon:hover { color: #fff; text-shadow: 0px -1px #ae4b09; border-color: #ae4b09 #ae4b09 #913f08 #ae4b09; background: #da5e0b; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -moz-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da5e0b), color-stop(95%, #cb580b), color-stop(100%, #bd520a)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -webkit-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -o-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, -ms-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-produkt.png") no-repeat 7px center, linear-gradient(to bottom, #da5e0b 0%, #cb580b 95%, #bd520a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_hover_background_color1', endColorstr='$button_hover_background_color3',GradientType=0 ); } .multiple_transactions .panel .btn.icon a, ol.article_list .btn.icon a, aside.secondary .btn.icon a { color: #fff; } .multiple_transactions .panel .btn.icon, ol.article_list .btn.icon, aside.secondary .btn.icon { color: #fff; text-shadow: 0px -1px #a04508; border-color: #a04508 #a04508 #833807 #a04508; background: #cb580b; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -moz-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb580b), color-stop(95%, #bd520a), color-stop(100%, #ae4b09)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -o-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -ms-linear-gradient(top, #cb580b 0%, #bd520a 95%, #ae4b09 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, linear-gradient(to bottom, #cb580b 0%, #bd520a 95%, #ae4b09 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_background_color1', endColorstr='$button_background_color3',GradientType=0 ); } .multiple_transactions .panel .btn.icon:hover, ol.article_list .btn.icon:hover, aside.secondary .btn.icon:hover { color: #fff; text-shadow: 0px -1px #ae4b09; border-color: #ae4b09 #ae4b09 #913f08 #ae4b09; background: #da5e0b; background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -moz-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da5e0b), color-stop(95%, #cb580b), color-stop(100%, #bd520a)); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -webkit-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -o-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, -ms-linear-gradient(top, #da5e0b 0%, #cb580b 95%, #bd520a 100%); background: url("themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png") no-repeat 7px center, linear-gradient(to bottom, #da5e0b 0%, #cb580b 95%, #bd520a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$button_hover_background_color1', endColorstr='$button_hover_background_color3',GradientType=0 ); } /** DISABLED BUTTON */ .btn.disabled, .btn:disabled { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .btn.disabled a, .btn:disabled a { color: #424242; } .btn.disabled:hover, .btn:disabled:hover { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon.disabled, .multiple_transactions .panel .btn.icon:disabled, ol.article_list .btn.icon.disabled, ol.article_list .btn.icon:disabled, aside.secondary .btn.icon.disabled, aside.secondary .btn.icon:disabled { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon.disabled a, .multiple_transactions .panel .btn.icon:disabled a, ol.article_list .btn.icon.disabled a, aside.secondary .btn.icon.disabled a, ol.article_list .btn.icon:disabled a, aside.secondary .btn.icon:disabled a { color: #424242; } .multiple_transactions .panel .btn.icon.disabled:hover, .multiple_transactions .panel .btn.icon:disabled:hover, ol.article_list .btn.icon.disabled:hover, aside.secondary .btn.icon.disabled:hover, ol.article_list .btn.icon.disabled:hover, aside.secondary .btn.icon.disabled:hover { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon.disabled, .multiple_transactions .panel .btn.icon:disabled, ol.article_list .btn.icon.disabled, aside.secondary .btn.icon.disabled, ol.article_list .btn.icon:disabled, aside.secondary .btn.icon:disabled { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } .multiple_transactions .panel .btn.icon.disabled a, .multiple_transactions .panel .btn.icon:disabled a, ol.article_list .btn.icon.disabled a, aside.secondary .btn.icon.disabled a, ol.article_list .btn.icon:disabled a, aside.secondary .btn.icon:disabled a { color: #424242; } .multiple_transactions .panel .btn.icon.disabled:hover, .multiple_transactions .panel .btn.icon:disabled:hover, ol.article_list .btn.icon.disabled:hover, aside.secondary .btn.icon.disabled:hover, ol.article_list .btn.icon:disabled:hover, aside.secondary .btn.icon:disabled:hover { color: #424242; text-shadow: 0px 1px #D8D8D8; border-color: #7C7C7C #7C7C7C #494949 #7C7C7C; background: #CECECE; background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -moz-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CECECE), color-stop(95%, #A3A3A3), color-stop(100%, #828282)); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -webkit-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -o-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, -ms-linear-gradient(top, #CECECE 0%, #A3A3A3 95%, #828282 100%); background: url(themes/giga/assets/img/download_buttons/dlbtn-ico-listing.png) no-repeat 7px center, linear-gradient(to bottom, #CECECE 0%, #A3A3A3 95%, #828282 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CECECE', endColorstr='#828282',GradientType=0 ); } /* Software im Games Theme (wenn man ueber suche kommt zb =================================================================== */ article.software div.header figure img { height: auto; } /* games */ .dialog { border: solid 1px black; } .dialog .dialog_title { border-bottom: solid 1px black; background-color: #9b1e1e; color: white; } .sharing_container .newsletter .newsletter_inner .newsletter_headline { color: #c2540a; } .sharing_container .newsletter .newsletter_inner input[type="submit"] { color: #c2540a; } .reactions { border-color: #e9640c; } .multiple_transactions .toggle { text-shadow: 0px -1px #e9640c; } .multiple_transactions .toggle:hover { text-shadow: 0px -1px #e9640c; } /* GIGYA color overrides =================================================================== */ #commentslist *.gig-comments-container *.gig-comment *.gig-composebox-logout span, #commentslist *.gig-composebox-logout span, #commentslist *.gig-comments-container *.gig-comment .gig-comment-footer * { color: #c2540a; } .gig-share > table > tbody > tr:nth-child(2) > td:nth-child(2) table[id$="Canvas"] > tbody > tr:nth-child(1) > td { background-color: #e9640c !important; } body *.gig-comments-dialog { border: solid 1px black; } body *.gig-comments-dialog-caption-container { border-bottom: solid 1px black; background-color: #9b1e1e; color: white; } body *.gig-comments-dialog-caption { color: white; } body div.gig-simpleShareUI { border: solid 1px black; } body div.gig-simpleShareUI-caption { border-bottom: solid 1px black; background-color: #9b1e1e; color: white; } body div.gig-simpleShareUI-caption-text { color: white; background-color: transparent; } #gigyaconnectlayer { background-image: url(themes/giga/subthemes/games/assets/img/loginbkd.jpg); } #gigyaconnectlayer .icon-remove-sign:hover { color: #c2540a; } body div.gig-followbar-dialog-nub-bottom:before, body div.gig-followbar-dialog-nub-bottom:after { border-color: black transparent transparent transparent; } body div.gig-followbar-dialog-nub-bottom:after { border-color: white transparent transparent transparent; } body div.gig-followbar-dialog-title { background-color: #9b1e1e; border-bottom: solid 1px black; } .sharing_container .gigya-rating .gigya-rating-inner .gigya-rating-headline, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-myRating-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable.gig-comments-star-editable-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-comments-star-editable-empty.gig-comments-star-editable-full:before, .sharing_container .gigya-rating .gigya-rating-inner .gig-rating-star-full:before { color: #c2540a !important; } /* Bilderstrecken-Artikel - Einfaerbungen ================================================= */ .gallery-pagination .flip > a.next, .gallery-pagination .flip > a.prev { color: white; background: #e9640c; } .gallery-pagination .flip > a.next:hover, .gallery-pagination .flip > a.prev:hover { background: #4F4F4F; } /* Autor-Einbindung ueber/in den Kommentaren ==================================================== */ section.author a figure figcaption { background: rgba(233, 100, 12, 0.5); border-radius: 0; } /*# sourceMappingURL=theme.css.map */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(plugins/lightbox-plus/css/dark/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(plugins/lightbox-plus/css/dark/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(plugins/lightbox-plus/css/dark/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(plugins/lightbox-plus/css/dark/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;}