aboutsummaryrefslogtreecommitdiff
path: root/semantic/src/definitions/views/ad.less
diff options
context:
space:
mode:
Diffstat (limited to 'semantic/src/definitions/views/ad.less')
-rw-r--r--semantic/src/definitions/views/ad.less297
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();