Adds advertising view, that includes common ad sizes and behaviors

src/_site/views/advertisement.overrides

@@ -0,0 +1,3 @@
+/*******************************
+    User Variable Overrides
+*******************************/

src/_site/views/advertisement.variables

@@ -0,0 +1,3 @@
+/*******************************
+    User Variable Overrides
+*******************************/

src/definitions/views/advertisement.less

@@ -0,0 +1,231 @@
+ /*
+ * # Semantic - Ad
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'view';
+@element : 'advertisement';
+
+@import '../../theme.config';
+
+/*******************************
+         Advertisement
+*******************************/
+
+.ui.advertisement {
+  overflow: hidden;
+}
+
+.ui.advertisement iframe {
+  margin: 0em;
+  padding: 0em;
+  border: none;
+  overflow: hidden;
+}
+
+/*--------------
+     Common
+---------------*/
+
+/* Leaderboard */
+.ui.leaderboard.advertisement {
+  width: 728px;
+  height: 90px;
+}
+
+/* Medium Rectangle */
+.ui[class*="medium rectangle"].advertisement {
+  width: 300px;
+  height: 250px;
+}
+
+/* Large Rectangle */
+.ui[class*="large rectangle"].advertisement {
+  width: 336px;
+  height: 280px;
+}
+/* Half Page */
+.ui[class*="half page"].advertisement {
+  width: 300px;
+  height: 600px;
+}
+
+/*--------------
+     Square
+---------------*/
+
+/* Square */
+.ui.square.advertisement {
+  width: 250px;
+  height: 250px;
+}
+
+/* Small Square */
+.ui[class*="small square"].advertisement {
+  width: 200px;
+  height: 200px;
+}
+
+/*--------------
+    Rectangle
+---------------*/
+
+/* Small Rectangle */
+.ui[class*="small rectangle"].advertisement {
+  width: 180px;
+  height: 150px;
+}
+
+/* Vertical Rectangle */
+.ui[class*="vertical rectangle"].advertisement {
+  width: 240px;
+  height: 400px;
+}
+
+/*--------------
+     Button
+---------------*/
+
+.ui.button.advertisement {
+  width: 120px;
+  height: 90px;
+}
+.ui[class*="square button"].advertisement {
+  width: 125px;
+  height: 125px;
+}
+.ui[class*="small button"].advertisement {
+  width: 120px;
+  height: 60px;
+}
+
+/*--------------
+    Panorama
+---------------*/
+
+/* Panorama */
+.ui.panorama.advertisement {
+  width: 980px;
+  height: 120px;
+}
+
+/*--------------
+     Netboard
+---------------*/
+
+/* Netboard */
+.ui.netboard.advertisement {
+  width: 580px;
+  height: 400px;
+}
+
+
+/*--------------
+   Skyscrapers
+---------------*/
+
+/* Skyscraper */
+.ui.skyscraper.advertisement {
+  width: 120px;
+  height: 600px;
+}
+
+/* Wide Skyscraper */
+.ui[class*="wide skyscraper"].advertisement {
+  width: 160px;
+}
+
+/*--------------
+     Banners
+---------------*/
+
+/* Banner */
+.ui.banner.advertisement {
+  width: 468px;
+  height: 60px;
+}
+
+/* Vertical Banner */
+.ui[class*="vertical banner"].advertisement {
+  width: 120px;
+  height: 240px;
+}
+
+/* Top Banner */
+.ui[class*="top banner"].advertisement {
+  width: 930px;
+  height: 180px;
+}
+
+/* Half Banner */
+.ui[class*="half banner"].advertisement {
+  width: 234px;
+  height: 60px;
+}
+
+/*--------------
+   Large Sizes
+---------------*/
+
+/* Leaderboard */
+.ui[class*="large leaderboard"].advertisement {
+  width: 970px;
+  height: 90px;
+}
+
+/* Billboard */
+.ui.billboard.advertisement {
+  width: 970px;
+  height: 250px;
+}
+
+/*--------------
+     Mobile
+---------------*/
+
+/* Large Mobile Banner */
+.ui[class*="large mobile banner"].advertisement {
+  width: 320px;
+  height: 100px;
+}
+
+/* Mobile Leaderboard */
+.ui[class*="mobile leaderboard"].advertisement {
+  width: 320px;
+  height: 50px;
+}
+
+/*******************************
+             Types
+*******************************/
+
+/* Mobile Sizes */
+.ui.mobile.advertisement {
+  display: none;
+}
+
+@media only screen and (max-width : (@tabletBreakpoint - 1)) {
+  .ui.mobile.advertisement {
+    display: block;
+  }
+}
+
+
+/*******************************
+           Variations
+*******************************/
+
+.ui.centered.advertisement {
+  margin-left: auto;
+  margin-right: auto;
+}

src/themes/default/views/advertisement.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

src/themes/default/views/advertisement.variables

@@ -0,0 +1,3 @@
+/*******************************
+          Advertisement
+*******************************/