semantic_ui_rails 0.0.2

data/app/assets/stylesheets/semantic/sidebar.css

@@ -0,0 +1,100 @@
+/*******************************
+  Semantic Module: Sidebar
+  Author: Jack Lukic
+  Notes: First Commit March 25, 2013
+  Sidebar Menu System
+*******************************/
+/*******************************
+            Sidebar
+*******************************/
+body {
+  -webkit-transition: margin 0.3s ease, -webkit-transform 0.3s ease;
+  -moz-transition: margin 0.3s ease, -moz-transform 0.3s ease;
+  -o-transition: margin 0.3s ease,
+    transform 0.3s ease
+  ;
+  -ms-transition: margin 0.3s ease,
+    transform 0.3s ease
+  ;
+  transition: margin 0.3s ease,
+    transform 0.3s ease
+  ;
+}
+.ui.sidebar {
+  position: fixed;
+  margin: 0 !important;
+  width: 275px !important;
+  height: 100% !important;
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+  -ms-overflow-y: auto;
+  overflow-y: auto;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  -webkit-transition: margin-left 0.3s ease, margin-top 0.3s ease;
+  -moz-transition: margin-left 0.3s ease, margin-top 0.3s ease;
+  -o-transition: margin-left 0.3s ease, margin-top 0.3s ease;
+  -ms-transition: margin-left 0.3s ease, margin-top 0.3s ease;
+  transition: margin-left 0.3s ease, margin-top 0.3s ease;
+}
+/*******************************
+            Types
+*******************************/
+.ui.sidebar {
+  margin-left: -275px !important;
+}
+.ui.right.sidebar {
+  left: 100%;
+  margin: 0px !important;
+}
+.ui.top.sidebar {
+  margin: -40px 0px 0px 0px !important;
+  width: 100% !important;
+  height: 40px !important;
+}
+.ui.bottom.sidebar {
+  width: 100% !important;
+  height: 40px !important;
+  top: 100%;
+  margin: 0px !important;
+}
+/*******************************
+            States
+*******************************/
+.ui.active.sidebar {
+  margin-left: 0px !important;
+}
+.ui.active.right.sidebar {
+  margin-left: -275px !important;
+}
+.ui.active.top.sidebar {
+  margin-top: 0px !important;
+}
+.ui.active.bottom.sidebar {
+  margin-top: -40px !important;
+}
+/*******************************
+           Variations
+*******************************/
+.ui.floating.sidebar {
+  -webkit-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
+  box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
+}
+.ui.right.floating.sidebar {
+  -webkit-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
+  box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
+}
+.ui.top.floating.sidebar {
+  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
+}
+.ui.bottom.floating.sidebar {
+  -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
+}

data/app/assets/stylesheets/semantic/step.css

@@ -0,0 +1,240 @@
+/*
+ * # Semantic Steps
+ * http://github.com/quirkyinc/semantic
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ * Released: April 17 2013
+ */
+/*******************************
+            Step
+*******************************/
+.ui.step,
+.ui.steps .step {
+  display: inline-block;
+  position: relative;
+  padding: 1em 2em 1em 3em;
+  vertical-align: top;
+  background-color: #FFFFFF;
+  color: #888888;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.ui.step:after,
+.ui.steps .step:after {
+  position: absolute;
+  z-index: 2;
+  content: '';
+  top: 0em;
+  right: -1.45em;
+  border-bottom: 1.5em solid transparent;
+  border-left: 1.5em solid #FFFFFF;
+  border-top: 1.5em solid transparent;
+  width: 0em;
+  height: 0em;
+}
+.ui.step,
+.ui.steps .step,
+.ui.steps .step:after {
+  -webkit-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+  -moz-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+  -o-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+  -ms-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+  transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+}
+/*******************************
+            Group
+*******************************/
+.ui.steps {
+  cursor: pointer;
+  display: inline-block;
+  font-size: 0em;
+  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+  line-height: 1;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-border-radius: 0.3125rem;
+  -webkit-border-radius: 0.3125rem;
+  border-radius: 0.3125rem;
+}
+.ui.steps .step:first-child {
+  padding-left: 1.35em;
+  -webkit-border-radius: 0.3125em 0em 0em 0.3125em;
+  -moz-border-radius: 0.3125em 0em 0em 0.3125em;
+  border-radius: 0.3125em 0em 0em 0.3125em;
+}
+.ui.steps .step:last-child {
+  -webkit-border-radius: 0em 0.3125em 0.3125em 0em;
+  -moz-border-radius: 0em 0.3125em 0.3125em 0em;
+  border-radius: 0em 0.3125em 0.3125em 0em;
+}
+.ui.steps .step:only-child {
+  -webkit-border-radius: 0.3125em;
+  -moz-border-radius: 0.3125em;
+  border-radius: 0.3125em;
+}
+.ui.steps .step:last-child {
+  margin-right: 0em;
+}
+.ui.steps .step:last-child:after {
+  display: none;
+}
+/*******************************
+             States
+*******************************/
+/* Hover */
+.ui.step:hover,
+.ui.step.hover {
+  background-color: #F7F7F7;
+  color: rgba(0, 0, 0, 0.8);
+}
+.ui.steps .step.hover:after,
+.ui.steps .step:hover:after,
+.ui.step:hover,
+.ui.step.hover::after {
+  border-left-color: #F7F7F7;
+}
+/* Hover */
+.ui.steps .step.down,
+.ui.steps .step:active,
+.ui.step.down,
+.ui.step:active {
+  background-color: #F0F0F0;
+}
+.ui.steps .step.down:after,
+.ui.steps .step:active:after,
+.ui.steps.down::after,
+.ui.steps:active::after {
+  border-left-color: #F0F0F0;
+}
+/* Active */
+.ui.steps .step.active,
+.ui.active.step {
+  cursor: auto;
+  background-color: #555555;
+  color: #FFFFFF;
+  font-weight: bold;
+}
+.ui.steps .step.active:after,
+.ui.active.steps:after {
+  border-left-color: #555555;
+}
+/* Disabled */
+.ui.steps .disabled.step,
+.ui.disabled.step {
+  cursor: auto;
+  background-color: #FFFFFF;
+  color: #CBCBCB;
+}
+.ui.disabled.step:after {
+  border: none;
+  background-color: #FFFFFF;
+  top: 0.42em;
+  right: -1em;
+  width: 2.15em;
+  height: 2.15em;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
+  box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
+}
+/*******************************
+           Variations
+*******************************/
+/* Attached */
+.attached.ui.steps {
+  margin: 0em;
+  -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
+  -moz-border-radius: 0.3125em 0.3125em 0em 0em;
+  border-radius: 0.3125em 0.3125em 0em 0em;
+}
+.attached.ui.steps .step:first-child {
+  -webkit-border-radius: 0.3125em 0em 0em 0em;
+  -moz-border-radius: 0.3125em 0em 0em 0em;
+  border-radius: 0.3125em 0em 0em 0em;
+}
+.attached.ui.steps .step:last-child {
+  -webkit-border-radius: 0em 0.3125em 0em 0em;
+  -moz-border-radius: 0em 0.3125em 0em 0em;
+  border-radius: 0em 0.3125em 0em 0em;
+}
+/* Bottom Side */
+.bottom.attached.ui.steps {
+  margin-top: -1px;
+  -webkit-border-radius: 0em 0em 0.3125em 0.3125em;
+  -moz-border-radius: 0em 0em 0.3125em 0.3125em;
+  border-radius: 0em 0em 0.3125em 0.3125em;
+}
+.bottom.attached.ui.steps .step:first-child {
+  -webkit-border-radius: 0em 0em 0em 0.3125em;
+  -moz-border-radius: 0em 0em 0em 0.3125em;
+  border-radius: 0em 0em 0em 0.3125em;
+}
+.bottom.attached.ui.steps .step:last-child {
+  -webkit-border-radius: 0em 0em 0.3125em 0em;
+  -moz-border-radius: 0em 0em 0.3125em 0em;
+  border-radius: 0em 0em 0.3125em 0em;
+}
+/* Evenly divided  */
+.ui.one.steps,
+.ui.two.steps,
+.ui.three.steps,
+.ui.four.steps,
+.ui.five.steps,
+.ui.six.steps,
+.ui.seven.steps,
+.ui.eight.steps {
+  display: block;
+}
+.ui.one.steps > .step {
+  width: 100%;
+}
+.ui.two.steps > .step {
+  width: 50%;
+}
+.ui.three.steps > .step {
+  width: 33.333%;
+}
+.ui.four.steps > .step {
+  width: 25%;
+}
+.ui.five.steps > .step {
+  width: 20%;
+}
+.ui.six.steps > .step {
+  width: 16.666%;
+}
+.ui.seven.steps > .step {
+  width: 14.285%;
+}
+.ui.eight.steps > .step {
+  width: 12.500%;
+}
+/*******************************
+             Sizes
+*******************************/
+.ui.small.step,
+.ui.small.steps .step {
+  font-size: 0.8rem;
+}
+.ui.step,
+.ui.steps .step {
+  font-size: 1rem;
+}
+.ui.large.step,
+.ui.large.steps .step {
+  font-size: 1.25rem;
+}

data/app/assets/stylesheets/semantic/tab.css

@@ -0,0 +1,52 @@
+/*
+ * # Semantic Button
+ * http://github.com/quirkyinc/semantic
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ * Released: April 17 2013
+ */
+/*******************************
+           UI Tabs 
+*******************************/
+.ui.tab {
+  display: none;
+}
+.ui.tab.active,
+.ui.tab.open {
+  display: block;
+}
+/*******************************
+             States
+*******************************/
+/*--------------------
+       Loading
+---------------------*/
+.ui.tab.loading {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  min-height: 250px;
+  text-indent: -10000px;
+}
+.ui.tab.loading * {
+  position: relative !important;
+  left: -10000px !important;
+}
+.ui.tab.loading:after {
+  position: absolute;
+  top: 50px;
+  left: 50%;
+  content: 'Loading...';
+  margin-left: -32px;
+  text-indent: 5px;
+  color: rgba(0, 0, 0, 0.4);
+  width: 100%;
+  height: 100%;
+  padding-top: 75px;
+  background: url(../images/loader-large.gif) no-repeat 0px 0px;
+  visibility: visible;
+}