First commit.

assets/css/style.css

@@ -0,0 +1,304 @@
+/* Override some defaults */
+html, body {
+	background-color: #251F40;
+	background-image: url('../img/backgroundnoise.png');
+}
+body {
+padding-top: 20px; /* 40px to make the container go all the way to the bottom of the topbar */
+}
+.container {
+width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
+}
+h1, h2, h3, h4, h5, h6 {
+    text-shadow: 0 0px 2px #B3B3B3;
+}
+h1 small {
+    text-shadow: none;
+}
+footer {
+    background-color: white;
+    padding-top: 0px;
+    margin: 0 -20px;
+    -webkit-border-radius: 6px 6px 6px 6px;
+    -moz-border-radius: 6px 6px 6px 6px;
+    border-radius: 6px 6px 6px 6px;
+    -webkit-box-shadow: 0 0px 4px #000;
+    -moz-box-shadow: 0 0px 4px #000;
+    box-shadow: 0 0 4px #000;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+footer p{
+	text-align: right;
+	padding: 5px;
+}
+/* The white background content wrapper */
+.container > .content {
+background-color: #fff;
+padding: 20px;
+margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
+-webkit-border-radius: 0 0 6px 6px;
+-moz-border-radius: 0 0 6px 6px;
+border-radius: 0 0 6px 6px;
+-webkit-box-shadow: 0 0 5px 1px #000;
+-moz-box-shadow: 0 0 5px 1px #000;
+box-shadow: 0 0 5px 1px #000;
+}
+
+/* Page header tweaks */
+.page-header {
+background-color: #f5f5f5;
+padding: 20px 20px 10px;
+margin: -20px -20px 20px;
+}
+
+.topbar .btn {
+border: 0;
+}
+
+ul.menu_ul {
+    top: 65px; visibility: visible; left: 0px; width: 182px; display: none;
+}
+
+iframe.plugin_header {
+    vertical-align: middle;
+}
+#header {
+    padding:15px 0;
+    height:60px;
+    background: #1C1C1C;
+    border-top: solid 5px #776890;
+    -moz-box-shadow: 0 0 6px #000;
+    -webkit-box-shadow: 0 0 6px #000;
+    box-shadow: 0 0 6px #000;
+    text-align: left;
+    margin-bottom: 20px;
+    display: block;
+    width: 860px;
+}
+div.plugin {
+    margin-top: 10px;
+}
+div.plugin-img {
+    margin-left: 105px;
+    margin-top: 10px;
+}
+a#logo {
+    background:transparent url("../img/precipice.png") no-repeat;
+    display: block;
+    float: left;
+    background-size: 400px;
+    margin-left: 30px;
+    width: 400px;
+    height: 60px;
+    text-indent: -9999px;
+}
+a img {
+    border:none;
+}
+p,ul,ol,pre,code {
+    margin-bottom:10px;
+}
+.colored{color:#f26c4f;}
+ul {
+    list-style-type:none;
+}
+ol {
+    list-style-type:decimal;
+    list-style-position:inside;
+}
+/*-------------------------------------------------------------------------------------------------*/
+/*--------------------------------06 - MAIN NAVIGATION---------------------------------------------*/
+/*-------------------------------------------------------------------------------------------------*/
+#main_navigation {
+    top:0px;
+    font-size:11px;
+    height:65px;
+    float:right;
+    margin-right: 20px;
+}
+.main-menu {
+    position:relative;
+    z-index:22;
+    font-family:'Droid Sans', arial, serif;
+}
+.main-menu ul {
+    margin:0;
+    padding:0;
+    list-style-type:none;
+}
+.main-menu ul li {
+    position:relative;
+    display:inline;
+    float:left;
+    font-size:14px;
+}
+.main-menu ul li a,.main-menu ul li a:link,.main-menu ul li a:visited {
+    line-height:40px;
+    color:#FFF;
+    font-size:13px;
+    text-transform: uppercase;
+    text-shadow: 0px 1px #000;  
+}
+.main-menu ul li a span{
+    display:block;
+    color:#898989;
+    font-size:10px;
+    text-align:center;
+    margin-top:-15px;
+    text-transform: capitalize;
+}
+.main-menu ul li a:hover,.main-menu ul li:hover {
+    color: #776890;
+    background:#111111;
+    border-radius:4px 4px 0 0;
+    -moz-border-radius:4px 4px 0 0;
+    -webkit-border-radius:4px 4px 0 0;  
+}
+
+.main-menu ul li a {
+    display:block;
+    text-decoration:none;
+    overflow:hidden;
+    padding:0px 15px;
+}
+* html .main-menu ul li a {
+    display:inline-block;
+}
+.main-menu ul li ul {
+    position:absolute;
+    left:0px;
+    display:block;
+    visibility:hidden;
+    width:180px;
+}
+.main-menu ul li ul li {
+    display:list-item;
+    float:none;
+}
+.main-menu ul li ul li a {
+    width:160px;
+
+    padding:5px 10px;
+}
+.main-menu ul ul {
+    background:#111111;
+    z-index:101;
+    border-radius: 0px 4px 4px 4px;
+    -moz-border-radius:0 4px 4px 4px;
+    -webkit-border-radius:0 4px 4px 4px;
+    border-bottom:1px solid #111111;
+    border-right:1px solid #111111;
+    border-left:1px solid #111111;
+}
+
+.main-menu ul ul li:last-child{
+    border-radius: 0px 0px 4px 4px;
+    -moz-border-radius:0 0px 4px 4px;
+    -webkit-border-radius:0 0px 4px 4px;
+}
+
+.main-menu ul ul li.zebra-nav  {
+        background:#1b1b1b;
+}
+.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
+    height:100%;
+    text-transform: capitalize;
+    line-height:20px;
+    margin-right:0px!important;
+    padding:8px 11px!important;
+    font-size:11px;
+
+
+}
+.main-menuz ul li ul li a:hover,.main-menu ul ul li a:hover {
+    text-decoration:none!important;
+    background: #776890;
+    color:#000;
+    text-shadow:none;
+    border-radius:0;
+    -moz-border-radius:0;
+    -webkit-border-radius:0;
+
+}
+.main-menuz ul li ul li:last:child:hover,.main-menu ul ul li:last:child:hover{
+    border-radius: 0px 0px 4px 4px;
+    -moz-border-radius:0 0px 4px 4px;
+    -webkit-border-radius:0 0px 4px 4px;
+}
+.main-menuz ul ul li ul li a:hover,.main-menu ul ul ul li a:hover {
+    text-decoration:none!important;
+    background:#776890;
+    color:#000;
+    text-shadow:none;
+    border-radius:0;
+    -moz-border-radius:0;
+    -webkit-border-radius:0;
+}
+.main-menu ul li.no-link span.title{
+    line-height: 40px;
+    color: white;
+    font-size: 13px;
+    text-transform: uppercase;
+    text-shadow: 0px 1px black;
+    display: block;
+    text-decoration: none;
+    overflow: hidden;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+.main-menu ul li.no-link span.form{
+    display: block;
+    color: #898989;
+    font-size: 10px;
+    text-align: center;
+    margin-top: -5px;
+    text-transform: capitalize;
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-bottom: 10px;
+}
+
+.topbar {
+    height: 40px;
+    position: relative;
+    z-index: 1;
+    overflow: visible;
+    width: 860px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 20px;
+    -webkit-box-shadow: 0 0 6px #000;
+}
+
+.topbar-fixed {
+    height: 40px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    z-index: 10000;
+    display:block;
+    overflow: visible;
+}
+.topbar-absolute {
+    position:absolute;
+    display:none;
+}
+
+table#creative_blockslist td {
+    text-align: left;
+    vertical-align: middle;
+}
+.collapse {
+  -webkit-transition: height 0.35s ease;
+  -moz-transition: height 0.35s ease;
+  -ms-transition: height 0.35s ease;
+  -o-transition: height 0.35s ease;
+  transition: height 0.35s ease;
+  position: relative;
+  overflow: hidden;
+  height: 0;
+}

assets/js/application.js

@@ -0,0 +1,70 @@
+/***************************************************
+          MAIN NAVIGATION JQURY
+***************************************************/
+/*********************
+//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/
+//* Last update: Nov 7th, 08': Limit # of queued animations to minmize animation stuttering
+//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
+*********************/
+
+var arrowimages={down:['', ''], right:['', '']}
+var jqueryslidemenu={
+
+animateduration: {over: 200, out: 200}, //duration of slide in/ out animation, in milliseconds
+
+buildmenu:function(menuid, arrowsvar){
+     jQuery(document).ready(function($){
+          $(" #main_navigation a").removeAttr("title");
+          var $mainmenu=$("#"+menuid+">ul")/*Custom JavaScript - TrendyWebStar*/
+          var $headers=$mainmenu.find("ul").parent()
+          $headers.each(function(i){
+                var $curobj=$(this)
+                var $subul=$(this).find('ul:eq(0)')
+                this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
+                this.istopheader=$curobj.parents("ul").length==1? true : false
+                $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
+
+                var $targetul=$(this).children("ul:eq(0)")
+                this._offsets={left:$(this).offset().left, top:$(this).offset().top}
+                var menuleft=this.istopheader? 0 : this._dimensions.w
+                menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) + 12 : menuleft
+                if ($targetul.queue().length<=1) //if 1 or less queued animations/*Custom JavaScript - TrendyWebStar*/
+                     if(menuleft==0){
+                          $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip")
+                     }
+                     if(menuleft!=0 && this.istopheader){
+                          $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).addClass("menu_flip")
+                     }else{
+                          $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip")
+                     }
+
+                $curobj.hover(
+                     function(e){
+                          var $targetul=$(this).children("ul:eq(0)")
+                          this._offsets={left:$(this).offset().left, top:$(this).offset().top}
+                          var menuleft=this.istopheader? 0 : this._dimensions.w
+                          menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) + 12 : menuleft
+                          if ($targetul.queue().length<=1) //if 1 or less queued animations
+                                if(menuleft==0){
+                                     $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip").slideDown(jqueryslidemenu.animateduration.over)
+                                }
+                                if(menuleft!=0 && this.istopheader){
+                                     $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).addClass("menu_flip").slideDown(jqueryslidemenu.animateduration.over)
+                                }else{
+                                     $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip").slideDown(jqueryslidemenu.animateduration.over)
+                                }
+                     },
+                     function(e){
+                          var $targetul=$(this).children("ul:eq(0)")
+                          $targetul.slideUp(jqueryslidemenu.animateduration.out)
+                     }
+                ) //end hover
+          }) //end $headers.each()
+          $mainmenu.find("ul").css({display:'none', visibility:'visible'})/*Custom JavaScript - TrendyWebStar*/
+     }) //end document.ready
+}
+}
+
+
+//build menu with ID="main_navigation" on page:
+jqueryslidemenu.buildmenu("main_navigation", arrowimages)