carnival 0.0.10

data/app/assets/stylesheets/carnival/colorbox.css

@@ -0,0 +1,69 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/*
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:url(overlay.png) repeat 0 0;}
+#colorbox{outline:0;}
+    #cboxTopLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px 0;}
+    #cboxTopRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px 0;}
+    #cboxBottomLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px -29px;}
+    #cboxBottomRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px -29px;}
+    #cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
+    #cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
+    #cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
+    #cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
+    #cboxContent{background:#fff; overflow:hidden;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{margin-bottom:28px;}
+        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
+        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
+        #cboxLoadingOverlay{background:url(loading_background.png) no-repeat center center;}
+        #cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
+        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxPrevious:hover{background-position:-75px -25px;}
+        #cboxNext{position:absolute; bottom:0; left:27px; background:url(controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxNext:hover{background-position:-50px -25px;}
+        #cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxClose:hover{background-position:-25px -25px;}
+
+/*
+  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
+  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
+  See: http://jacklmoore.com/notes/ie-transparency-problems/
+*/
+.cboxIE #cboxTopLeft,
+.cboxIE #cboxTopCenter,
+.cboxIE #cboxTopRight,
+.cboxIE #cboxBottomLeft,
+.cboxIE #cboxBottomCenter,
+.cboxIE #cboxBottomRight,
+.cboxIE #cboxMiddleLeft,
+.cboxIE #cboxMiddleRight {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
+}

data/app/assets/stylesheets/carnival/datatable.css

@@ -0,0 +1,131 @@
+thead tr.filters{display: none;}
+.dataTables_wrapper{
+  float:left;
+  width:99%;
+  overflow-x:auto;
+  position: relative;
+  top:-37px;
+}
+.dataTables_empty{
+  display:none;
+}
+.dataTables_paginate{
+  margin-left:-3px;
+  margin-top:3px;
+  position:relative;
+  margin-top:20px;
+  float:right;
+}
+.dataTables_info{
+  margin-top:26px;
+  margin-left:20px;
+  float:right;
+}
+
+.dataTables_processing{
+  position: absolute;
+  top: 95px;
+  width: 250px;
+  height: 30px;
+  margin-top: -51px;
+  padding: 14px 0 2px 0;
+  border: 1px solid #e3e9ec;
+  text-align: center;
+  color: #000;
+  font-size: 14px;
+  background-color: #000;
+  opacity: 0.6;
+  z-index:999;
+}
+
+.dataTables_paginate a.paginate_active{
+    background: url('novo.png') left top;
+  border: 1px solid
+  #3079ED;
+  color: #fff !important;
+  font-size:13px;
+  color:#fff !important;
+  cursor:pointer !important;
+    border:1px solid #2A6198;
+}
+.dataTables_paginate a{
+  margin:3px;
+  padding:3px 8px 5px 8px;
+  cursor: default !important;
+  display: inline-block;
+  font-weight: bold;
+  text-align: center;
+  text-decoration: none !important;
+  background: url('novo.png') left bottom;
+  border: 1px solid
+  #ccc;
+  font-size:13px;
+  box-shadow: 0 -1px 0px 0 #fff;
+  cursor:pointer;
+  -webkit-border-radius: 1px;
+  border-radius: 1px;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+  color:#333 !important;
+  font-weight:normal;
+}
+.dataTables_paginate a:hover{
+  background: url('novo.png') left top;
+  color: #fff !important;
+  font-size:13px;
+  color:#fff !important;
+  cursor:pointer !important;
+    border:1px solid #2A6198;
+}
+.dataTables_filter{
+  float:left;
+  display: block;
+  position: relative;
+  z-index: 10;
+}
+
+.dataTables_filter label{
+  color:#fff;
+}
+
+.dataTables_filter input{
+  border:1px solid #dfe4e7;
+  padding:4px;
+  background:none;
+  -webkit-border-radius: 1px;
+  border-radius: 1px;
+  background:#fff;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+  padding:6px 6px 5px 30px;
+  width:208px;
+  border-top:1px solid #ccc;
+  background: #ededed; /* Old browsers */
+  background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%);
+  background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%);
+  background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%);
+  background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%);
+  background:url('search.png') repeat 2px -8px;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+}
+
+.dataTables_filter input:focus{
+  outline:none;
+}
+
+.dataTables_length{
+  float:left;
+  display:none;
+}
+
+.datatables-loading{
+  margin-top: 22px;
+  color: #fff;
+  font-size: 25px;
+  background-image: url(datatables-loading.gif);
+  background-size: 50px;
+  background-repeat: no-repeat;
+  background-position-x: 41%;
+  padding-top: 15px;
+  height: 50px;
+}

data/app/assets/stylesheets/carnival/formframe.css

@@ -0,0 +1,407 @@
+body{
+  font-family:Arial, Helvetica, sans-serif;
+  font-size:12px;
+}
+
+@font-face {
+    font-family: 'OpenSansRegular';
+    src: url('fonts/opensans-regular-webfont.eot');
+    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/opensans-regular-webfont.woff') format('woff'),
+         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
+         url('fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'OpenSansSemibold';
+    src: url('fonts/opensans-semibold-webfont.eot');
+    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/opensans-semibold-webfont.woff') format('woff'),
+         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
+         url('fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    /* display: none; <- Crashes Chrome on hover */
+    -webkit-appearance: none;
+    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
+}
+
+.formframe, .formframe label{
+  width: 100%;
+  float: left;
+}
+
+.formframe input{
+  width: 100%;
+  outline:none;
+  height:21px;
+  border: 1px solid #c8c8c8;
+  font-family: 'OpenSansRegular';
+  padding:2px 6px 2px 6px;
+  color:#555;
+  -webkit-box-shadow: 0px 1px 0px 0px #fff;
+    -moz-box-shadow: 0px 1px 0px 0px #fff;
+    box-shadow: 0px 1px 0px 0px #fff;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+  background:#fff;
+}
+
+.formframe input[type='file']{
+  padding:0px 6px 0px 0px;
+  border-left:none;
+}
+
+.formframe input:focus{
+  border: 1px solid #2c6fec;
+}
+
+.formframe input.submit{
+  width: auto !important;
+  cursor: pointer !important;
+  display: inline-block;
+  text-align: center;
+  font-size:14px;
+  padding: 7px 12px 6px 12px !important;
+  border: 1px solid
+  #C8C8C8;
+  background: url(bg_button.png);
+  color: #333;
+  -webkit-box-shadow: 0px 1px 0px 0px white;
+  -moz-box-shadow: 0px 1px 0px 0px #fff;
+  -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
+  margin-right: 0px;
+  box-shadow:none;
+  font-weight: 300;
+  border-radius: 2px;
+  height: auto;
+  margin-top: 0px;
+}
+
+.formframe input.submit:hover, #profile_submit:hover{
+  color:#3079ed;
+  cursor:pointer;
+  background:#efefef;
+}
+
+.formframe input.submit:active, #profile_submit:active{
+  background-position:0px -30px ;
+  border: 1px solid #173988;
+  color:#fff;
+  text-shadow: 0px 1px 0px #173988;
+  cursor:pointer;
+}
+
+.formframe textarea{
+  width: 100%;
+  outline:none;
+  line-height:18px;
+  border: 1px solid #c8c8c8;
+  font-family: 'OpenSansRegular';
+  padding:7px 7px 7px 7px;
+  min-height:100px;
+  margin:0;
+  color:#555;
+  -webkit-box-shadow: 0px 1px 0px 0px #fff;
+    -moz-box-shadow: 0px 1px 0px 0px #fff;
+    box-shadow: 0px 1px 0px 0px #fff;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+  font-size:13px;
+}
+
+.formframe textarea:focus{
+  border: 1px solid #2c6fec;
+}
+
+.formframe button{
+  border: 1px solid #c8c8c8;
+  padding:7px 15px 6px 15px;
+  background:url(bg_button.png);
+  font-family: 'OpenSansSemibold';
+  color:#333;
+
+
+  -webkit-box-shadow: 0px 1px 0px 0px #fff;
+    -moz-box-shadow: 0px 1px 0px 0px #fff;
+    box-shadow: 0px 1px 0px 0px #fff;
+
+  -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.formframe button:hover{
+  color:#3079ed;
+  cursor:pointer;
+}
+
+.formframe button:active{
+  background-position:0px -30px ;
+  border: 1px solid #173988;
+  color:#fff;
+  text-shadow: 0px 1px 0px #173988;
+  cursor:pointer;
+}
+
+.formframe fieldset{
+  width:97%;
+  margin: 15px 0px;
+  padding: 8px 5px;
+  border: 1px solid #ccc;
+}
+
+.submit_button{
+  float: left;
+  margin-top: 15px;
+  margin-left: -15px;
+  margin-right: -15px;
+  padding-top:10px;
+  bottom:15px;
+  border-top: 1px solid #C7C7C7;
+  width:100%;
+}
+
+.submit_button input{
+  float: right;
+  margin-top: 10px;
+  margin-right: 20px;
+}
+
+
+/******************************************************************************************/
+
+
+.formframe .tzSelect{
+  display:inline-block;
+  position:relative;
+}
+
+.formframe .tzSelect .selectBox{
+  position:absolute;
+
+  width:100%;
+  height:100%;
+  text-shadow:1px 1px 0 #EEEEEE;
+  height:16px;
+  cursor:pointer;
+  position:relative;
+  background:url(bg_button.png);
+  font-family: 'OpenSansSemibold';
+  color:#333;
+  padding:6px 16px 6px 8px;
+  border: 1px solid #c8c8c8;
+  -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+}
+
+.formframe .tzSelect .selectBoxDisable{
+  position:absolute;
+
+  width:100%;
+  height:100%;
+  text-shadow:1px 1px 0 #EEEEEE;
+  height:16px;
+  cursor:pointer;
+  position:relative;
+  background:url(bg_button.png);
+  font-family: 'OpenSansSemibold';
+  color:#333;
+  padding:8px 16px 6px 8px;
+  border: 1px solid #c8c8c8;
+  -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+}
+
+.formframe .tzSelect .selectBox:hover{}
+
+.formframe .tzSelect .selectBoxArrow{
+  cursor:pointer;
+  position:absolute;
+  display:block;
+  width:32px;
+  height:30px;
+  background:#ccc;
+  background: url(bg_button.png) -3px -60px no-repeat;
+  top:0px;
+  right:-25px;
+  border:none;
+}
+
+.formframe .tzSelect .selectBoxArrowDisable{
+  cursor:pointer;
+  position:absolute;
+  display:block;
+  width:32px;
+  height:30px;
+  background:#ccc;
+  background: url(bg_button.png) -3px -60px no-repeat;
+  top:0px;
+  right:-25px;
+  border:none;
+}
+
+.formframe .tzSelect .selectBoxArrow.expanded,  .tzSelect .selectBoxArrow:hover{
+  background: url(bg_button.png) -37px -60px no-repeat;
+}
+
+.formframe .tzSelect .dropDown{
+  position:absolute;
+  top:30px;
+  left:0;
+  width:100%;
+  padding:0px 26px 0px 0px;
+  list-style:none;
+  margin:0px;
+}
+
+
+.formframe .tzSelect li{
+  width:100%;
+  cursor:pointer;
+  position:relative;
+  background:url(bg_button.png);
+  font-family: 'OpenSansSemibold';
+  color:#333;
+  padding:7px 16px 6px 8px;
+  border: 1px solid #c8c8c8;
+  border-top:none;
+  -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+    z-index:10;
+}
+
+.formframe .tzSelect li:hover{
+  background: #FFF url() 0 0 no-repeat;
+  color:#3079ed;
+}
+
+/********************************************************************************/
+
+.formframe .styleCheck, .styleRadio{
+  padding:5px 0px 0px 26px;
+  font-family: 'OpenSansSemibold';
+  color:#333;
+}
+
+.formframe .styleCheck.floatLeft, .formframe .styleRadio.floatLeft{
+  float:left;
+  margin-right:15px;
+}
+
+.formframe .styleRadio{
+  height: 20px;
+  margin:0;
+  display:block;
+  background: url(bg_button.png) 0px -205px no-repeat;
+}
+
+.formframe .styleCheck{
+  height: 20px;
+  margin:0;
+  display:block;
+  background: url(bg_button.png) 0px -153px no-repeat;
+}
+
+.formframe label.c_on{
+  background: url(bg_button.png) 0px -179px no-repeat;
+}
+
+.formframe label.r_on{
+  background: url(bg_button.png) 0px -231px no-repeat;
+}
+
+.formframe .styleCheck input, .styleRadio input{
+  position: absolute; left: -9999px;
+}
+
+
+/***********************************************************************************/
+
+#pagination{
+  list-style:none;
+}
+
+#pagination li{
+  display:block;
+  background: #eee;
+  border: 1px solid #ccc;
+  float:left;
+  border: 1px solid #c8c8c8;
+  padding:6px 8px 4px 8px;
+  background:url(bg_button.png);
+  font-family: 'OpenSansSemibold';
+  color:#333;
+  -webkit-box-shadow: 0px 1px 0px 0px #fff;
+    -moz-box-shadow: 0px 1px 0px 0px #fff;
+    box-shadow: 0px 1px 0px 0px #fff;
+  -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    margin:0px 2px 0px 2px;
+}
+
+#pagination li:hover{
+  color:#3079ed;
+  cursor:pointer;
+}
+
+#pagination li:active{
+  color:#fff;
+  background-position:0px -30px ;
+  border: 1px solid #173988;
+  cursor:pointer;
+}
+
+.pagPrev{
+  text-indent:-9999px;
+  background:url(bg_button.png) 3px -122px !important;
+  width:7px;
+}
+
+.pagPrev:hover{
+  background:url(bg_button.png) -15px -122px !important;
+}
+
+.pagPrev:active{
+  text-indent:-9999px;
+  background:url(bg_button.png) 3px -122px !important;
+  width:7px;
+}
+
+.pagItem{
+
+}
+
+.pagNext{
+  text-indent:-9999px;
+  background:url(bg_button.png) 38px -122px !important;
+  width:7px;
+}
+
+.pagNext:hover{
+  background: #fff url(bg_button.png) 20px -122px !important;
+}
+
+.pagNext:active{
+  color:#fff;
+  background-position:0px -30px ;
+  border: 1px solid #173988;
+  cursor:pointer;
+}