diff options
| author | Fuwn <[email protected]> | 2020-12-14 23:29:56 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2020-12-14 23:29:56 -0800 |
| commit | 002eb44eee98dc838bc854b945ab0cbf4884dd57 (patch) | |
| tree | 428ae460c79baf32fba8ecf16e6fe02a88c3b971 /semantic/src/definitions/views/ad.less | |
| parent | :star: (diff) | |
| download | me-rewrite-angular.tar.xz me-rewrite-angular.zip | |
:star:rewrite-angular
Diffstat (limited to 'semantic/src/definitions/views/ad.less')
| -rw-r--r-- | semantic/src/definitions/views/ad.less | 297 |
1 files changed, 0 insertions, 297 deletions
diff --git a/semantic/src/definitions/views/ad.less b/semantic/src/definitions/views/ad.less deleted file mode 100644 index 8d10cb1..0000000 --- a/semantic/src/definitions/views/ad.less +++ /dev/null @@ -1,297 +0,0 @@ -/*! - * # Fomantic-UI - Ad - * http://github.com/fomantic/Fomantic-UI/ - * - * - * Copyright 2013 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'view'; -@element : 'ad'; - -@import (multiple) '../../theme.config'; - -/******************************* - Advertisement -*******************************/ - -.ui.ad { - display: block; - overflow: @overflow; - margin: @margin; -} - -.ui.ad:first-child { - margin: 0; -} - -.ui.ad:last-child { - margin: 0; -} - -.ui.ad iframe { - margin: 0; - padding: 0; - border: none; - overflow: hidden; -} - -/*-------------- - Common ----------------*/ -& when (@variationAdLeaderboard) { - /* Leaderboard */ - .ui.leaderboard.ad { - width: 728px; - height: 90px; - } -} - -& when (@variationAdRectangle) { - /* Medium Rectangle */ - .ui[class*="medium rectangle"].ad { - width: 300px; - height: 250px; - } - - /* Large Rectangle */ - .ui[class*="large rectangle"].ad { - width: 336px; - height: 280px; - } - /* Half Page */ - .ui[class*="half page"].ad { - width: 300px; - height: 600px; - } -} - -& when (@variationAdSquare) { - /*-------------- - Square - ---------------*/ - - /* Square */ - .ui.square.ad { - width: 250px; - height: 250px; - } - - /* Small Square */ - .ui[class*="small square"].ad { - width: 200px; - height: 200px; - } -} - -& when (@variationAdRectangle) { - /*-------------- - Rectangle - ---------------*/ - - /* Small Rectangle */ - .ui[class*="small rectangle"].ad { - width: 180px; - height: 150px; - } - - /* Vertical Rectangle */ - .ui[class*="vertical rectangle"].ad { - width: 240px; - height: 400px; - } -} - -& when (@variationAdButton) { - /*-------------- - Button - ---------------*/ - - .ui.button.ad { - width: 120px; - height: 90px; - } - & when (@variationAdSquare) { - .ui[class*="square button"].ad { - width: 125px; - height: 125px; - } - } - .ui[class*="small button"].ad { - width: 120px; - height: 60px; - } -} - -& when (@variationAdSkyscraper) { - /*-------------- - Skyscrapers - ---------------*/ - - /* Skyscraper */ - .ui.skyscraper.ad { - width: 120px; - height: 600px; - } - - /* Wide Skyscraper */ - .ui[class*="wide skyscraper"].ad { - width: 160px; - } -} - -& when (@variationAdBanner) { - /*-------------- - Banners - ---------------*/ - - /* Banner */ - .ui.banner.ad { - width: 468px; - height: 60px; - } - - /* Vertical Banner */ - .ui[class*="vertical banner"].ad { - width: 120px; - height: 240px; - } - - /* Top Banner */ - .ui[class*="top banner"].ad { - width: 930px; - height: 180px; - } - - /* Half Banner */ - .ui[class*="half banner"].ad { - width: 234px; - height: 60px; - } -} - -/*-------------- - Boards ----------------*/ -& when (@variationAdLeaderboard) { - /* Leaderboard */ - .ui[class*="large leaderboard"].ad { - width: 970px; - height: 90px; - } -} - -& when (@variationAdBillboard) { - /* Billboard */ - .ui.billboard.ad { - width: 970px; - height: 250px; - } -} - -& when (@variationAdPanorama) { - /*-------------- - Panorama - ---------------*/ - - /* Panorama */ - .ui.panorama.ad { - width: 980px; - height: 120px; - } -} - -& when (@variationAdNetboard) { - /*-------------- - Netboard - ---------------*/ - - /* Netboard */ - .ui.netboard.ad { - width: 580px; - height: 400px; - } -} - -& when (@variationAdMobile) { - /*-------------- - Mobile - ---------------*/ - & when (@variationAdBanner) { - /* Large Mobile Banner */ - .ui[class*="large mobile banner"].ad { - width: 320px; - height: 100px; - } - } - & when (@variationAdLeaderboard) { - /* Mobile Leaderboard */ - .ui[class*="mobile leaderboard"].ad { - width: 320px; - height: 50px; - } - } - -/******************************* - Types -*******************************/ - - /* Mobile Sizes */ - .ui.mobile.ad { - display: none; - } - - @media only screen and (max-width : @largestMobileScreen) { - .ui.mobile.ad { - display: block; - } - } -} - - -/******************************* - Variations -*******************************/ - -& when (@variationAdCentered) { - .ui.centered.ad { - margin-left: auto; - margin-right: auto; - } -} -& when (@variationAdTest) { - .ui.test.ad { - position: relative; - background: @testBackground; - } - .ui.test.ad:after { - position: absolute; - top: 50%; - left: 50%; - width: 100%; - text-align: center; - transform: translateX(-50%) translateY(-50%); - - content: @testText; - color: @testColor; - font-size: @testFontSize; - font-weight: @testFontWeight; - } - & when (@variationAdMobile) { - .ui.mobile.test.ad:after { - font-size: @testMobileFontSize; - } - } - .ui.test.ad[data-text]:after { - content: attr(data-text); - } -} - -.loadUIOverrides(); |