Add new adcode

server/documents/hotfix.html.eco

@@ -9,9 +9,12 @@ type       : 'Library'
 <!-- TEST JS HERE !-->
 <script type="text/javascript">
 $(document).ready(function() {
-$('.ui.dropdown')
-    .dropdown()
-;
+  $('.ui.button')
+      .popup({
+        debug: true,
+        transition: 'slide down'
+      })
+  ;
 });
 </script>
 
@@ -20,22 +23,27 @@ $('.ui.dropdown')
 </style>
 
 <div style="max-width: 1000px;margin:2em auto;">
-  <div class="ui floating dropdown button">
-    <div class="text">Go to</div>
-    <i class="dropdown icon"></i>
-    <div class="menu">
-        <a class="item" href="http://www.google.com"><i class="home icon"></i> Home</a>
-        <a class="item" href="http://www.google.com"><i class="users icon"></i> Browse</a>
-        <a class="item" href="http://www.google.com"><i class="search icon"></i> Search</a>
-        <div class="item">
-          <i class="dropdown icon"></i>
-          Menu
-          <div class="menu">
-              <a class="item" href="http://www.google.com"><i class="home icon"></i> Home</a>
-              <a class="item" href="http://www.google.com"><i class="users icon"></i> Browse</a>
-              <a class="item" href="http://www.google.com"><i class="search icon"></i> Search</a>
-          </div>
+
+    <div class="ui button">Show flowing popup</div>
+
+    <div class="ui flowing popup">
+      <div class="ui three column divided equal height center aligned grid">
+        <div class="column">
+          <h4 class="ui header">Basic Plan</h4>
+          <p><b>2</b> projects, $10 a month</p>
+          <div class="ui button">Choose</div>
+        </div>
+        <div class="column">
+          <h4 class="ui header">Business Plan</h4>
+          <p><b>5</b> projects, $20 a month</p>
+          <div class="ui button">Choose</div>
+        </div>
+        <div class="column">
+          <h4 class="ui header">Premium Plan</h4>
+          <p><b>8</b> projects, $25 a month</p>
+          <div class="ui button">Choose</div>
         </div>
+      </div>
     </div>
-</div>
+  </div>
 </div>

server/files/stylesheets/docs.css

@@ -261,38 +261,68 @@ a:hover {
 #example #carbonads-container {
   float: right;
 }
-#example .advertisement .carbonad {
+#example .advertisement #carbonads {
+  display: block;
+  width: 300px;
+  height: 118px;
+  background-color: #F7F7F7;
+  padding: 8px;
+  font-size: 12px;
+  font-family: Helvetica Neue, Arial, sans-serif;
+  overflow: hidden;
+  float: right;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
-  border: 1px solid rgba(0, 0, 0, 0.1);
+  border: 1px solid #CCCCCC;
+}
+#example .advertisement .carbon-img {
+  float: left;
+  margin-right: 10px;
+  width: 130px;
 }
-#example .advertisement .carbonad-text {
+#example .advertisement .carbon-text {
+  width: 140px;
+  float: left;
   height: auto;
-  font-size: 12px;
+  color: #000000;
   line-height: 1.3;
 }
-#example .carbonad-tag {
+#example .advertisement .carbon-text:hover {
+  color: #666666;
+}
+#example .carbon-poweredby {
   text-align: left;
+  color: #BBB;
+  float: left;
+  font-size: 11px;
+  margin-top: 9px;
+  text-align: left;
+  width: 140px;
 }
-#example .inverted.advertisement .carbonad {
+
+/* Inverted Ad */
+#example .inverted.advertisement #carbonads {
   background-color: rgba(0, 0, 0, 0.25);
   border: none;
   overflow: hidden;
   height: auto;
   padding: 6px 0px 13px;
 }
-#example .inverted.advertisement .carbonad-text {
+#example .inverted.advertisement .carbon-text {
   color: rgba(255, 255, 255, 0.6);
 }
-#example .inverted.advertisement .carbonad-tag {
+#example .inverted.advertisement .carbon-text:hover {
+  color: rgba(255, 255, 255, 1);
+}
+#example .inverted.advertisement .carbon-poweredby {
   margin-top: 10px;
   color: rgba(255, 255, 255, 0.4);
 }
-#example .inverted.advertisement .carbonad-tag a {
+#example .inverted.advertisement .carbon-poweredby a {
   color: rgba(255, 255, 255, 0.8);
 }
-#example .inverted.advertisement .carbonad-tag a:hover {
+#example .inverted.advertisement .carbon-poweredby a:hover {
   color: #FFFFFF;
 }
 
@@ -1674,11 +1704,11 @@ body.progress.animated .ui.progress .bar {
   #example #carbonads-container {
     float: none;
   }
-  #example .carbonad {
+  #example #carbonads {
     width: auto;
   }
-  #example .carbonad-text,
-  #example .carbonad-tag {
+  #example .carbon-text,
+  #example .carbon-poweredby {
     float: none;
     display: block;
     text-align: left;
@@ -1719,10 +1749,10 @@ body.progress.animated .ui.progress .bar {
   #example .main.menu .github.item:before {
     display: none;
   }
-  #example .carbonad {
+  #example #carbonads {
     height: 135px;
   }
-  #example .carbonad .carbonad-text {
+  #example #carbonads .carbon-text {
     width: 90px;
   }
 }

server/partials/header.html.eco

@@ -129,7 +129,7 @@
     </div>
     <div class="advertisement">
       <% unless 'development' in @getEnvironments(): %>
-      <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/51619/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=semanticuicom" id="_carbonads_js"></script>
       <% end %>
     </div>
     <% if @tabs?: %>

server/partials/transifex.html.eco

@@ -1,4 +1,5 @@
-
+<% if ('development' in @getEnvironments()) or (@document.title? and @document.title is 'Page Not Found'): %>
+<% else: %>
 <script type="text/javascript">
   window.liveSettings = {
     api_key    : '9ede3015b9f84c1aabc81ab839c55d74',
@@ -14,3 +15,4 @@
   };
 </script>
 <script type="text/javascript" src="http://cdn.transifex.com/live.js"></script>
+<% end %>