semantic-ui-sass 0.0.1

data/app/assets/stylesheets/semantic-ui/collections/_message.scss

@@ -0,0 +1,347 @@
+/*
+ * # Semantic - Message
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Message
+*******************************/
+
+.ui.message {
+  position: relative;
+  min-height: 18px;
+  margin: 1em 0em;
+
+  height: auto;
+  background-color: #EFEFEF;
+  padding: 1em;
+
+  line-height: 1.33;
+  color: rgba(0, 0, 0, 0.6);
+
+  -webkit-transition:
+    opacity 0.1s ease,
+    color 0.1s ease,
+    background 0.1s ease,
+    box-shadow 0.1s ease
+  ;
+  -moz-transition:
+    opacity 0.1s ease,
+    color 0.1s ease,
+    background 0.1s ease,
+    box-shadow 0.1s ease
+  ;
+  -o-transition:
+    opacity 0.1s ease,
+    color 0.1s ease,
+    background 0.1s ease,
+    box-shadow 0.1s ease
+  ;
+  -ms-transition:
+    opacity 0.1s ease,
+    color 0.1s ease,
+    background 0.1s ease,
+    box-shadow 0.1s ease
+  ;
+  transition:
+    opacity 0.1s ease,
+    color 0.1s ease,
+    background 0.1s ease,
+    box-shadow 0.1s ease
+  ;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-border-radius: 0.325em 0.325em 0.325em 0.325em;
+  -moz-border-radius: 0.325em 0.325em 0.325em 0.325em;
+  border-radius: 0.325em 0.325em 0.325em 0.325em;
+}
+
+.ui.message:first-child {
+  margin-top: 0em;
+}
+.ui.message:last-child {
+  margin-bottom: 0em;
+}
+
+
+/*--------------
+     Content
+---------------*/
+
+/* block with headers */
+.ui.message .header {
+  margin: 0em;
+  font-size: 1.33em;
+  font-weight: bold;
+}
+
+/* block with paragraphs */
+.ui.message p {
+  opacity: 0.85;
+  margin: 1em 0em;
+}
+.ui.message p:first-child {
+  margin-top: 0em;
+}
+.ui.message p:last-child {
+  margin-bottom: 0em;
+}
+.ui.message .header + p {
+  margin-top: 0.3em;
+}
+.ui.message > :first-child {
+  margin-top: 0em;
+}
+.ui.message > :last-child {
+  margin-bottom: 0em;
+}
+
+/* block with child list */
+.ui.message ul.list {
+  opacity: 0.85;
+  list-style-position: inside;
+  margin: 0.2em 0em;
+  padding: 0em;
+}
+.ui.message ul.list li {
+  position: relative;
+  list-style-type: none;
+  margin: 0em 0em 0em 1em;
+  padding: 0em;
+}
+.ui.message ul.list li:before {
+  position: absolute;
+  content: '\2022';
+  top: -0.05em;
+  left: -0.8em;
+
+  height: 100%;
+  vertical-align: baseline;
+  opacity: 0.5;
+}
+.ui.message ul.list li:first-child {
+  margin-top: 0em;
+}
+
+/* dismissable block */
+.ui.message > .close.icon {
+  cursor: pointer;
+  position: absolute;
+  top: 1em;
+  right: 0.5em;
+  opacity: 0.7;
+
+  -webkit-transition:
+    opacity 0.1s linear
+  ;
+  -moz-transition:
+    opacity 0.1s linear
+  ;
+  -o-transition:
+    opacity 0.1s linear
+  ;
+  -ms-transition:
+    opacity 0.1s linear
+  ;
+  transition:
+    opacity 0.1s linear
+  ;
+}
+.ui.message > .close.icon:hover {
+  opacity: 1;
+}
+
+
+
+/*******************************
+            States
+*******************************/
+
+.ui.message.visible,
+.ui.header.visible {
+  display: block !important;
+}
+.ui.message.hidden,
+.ui.header.hidden {
+  display: none;
+}
+
+/*******************************
+            Variations
+*******************************/
+
+/*--------------
+    Compact
+---------------*/
+
+.ui.compact.message {
+  display: inline-block;
+}
+
+
+/*--------------
+    Attached
+---------------*/
+
+.ui.attached.message {
+  margin-left: -1px;
+  margin-right: -1px;
+  margin-bottom: -1px;
+
+  -webkit-border-radius: 0.325em 0.325em 0em 0em;
+  -moz-border-radius: 0.325em 0.325em 0em 0em;
+  border-radius: 0.325em 0.325em 0em 0em;
+
+  -webkit-box-shadow:
+    0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
+  ;
+  -moz-box-shadow:
+    0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
+  ;
+  box-shadow:
+    0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
+  ;
+}
+.ui.bottom.attached.message {
+  margin-top: -1px;
+
+  -webkit-border-radius: 0em 0em 0.325em 0.325em;
+  -moz-border-radius: 0em 0em 0.325em 0.325em;
+  border-radius: 0em 0em 0.325em 0.325em;
+}
+
+
+/*--------------
+      Icon
+---------------*/
+
+.ui.icon.message {
+  display: table;
+  width: 100%;
+}
+.ui.icon.message > .icon {
+  display: table-cell;
+  vertical-align: middle;
+  font-size: 3.8em;
+  opacity: 0.2;
+}
+.ui.icon.message > .icon + .content {
+  padding-left: 1em;
+}
+.ui.icon.message > .content {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+/*--------------
+    Inverted
+---------------*/
+
+.ui.inverted.message {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: rgba(255, 255, 255, 0.95);
+}
+
+
+/*--------------
+    Floating
+---------------*/
+
+.ui.floating.message {
+  -webkit-box-shadow:
+    0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
+  ;
+  -moz-box-shadow:
+    0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
+  ;
+  box-shadow:
+    0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
+  ;
+}
+
+
+/*--------------
+     Colors
+---------------*/
+
+.ui.black.message {
+  background-color: #333333;
+  color: rgba(255, 255, 255, 0.95);
+}
+
+
+
+/*--------------
+     Types
+---------------*/
+.ui.blue.message,
+.ui.info.message {
+  background-color: #E6F4F9;
+  color: #4D8796;
+}
+
+/* Green Text Block */
+.ui.green.message {
+  background-color: #DEFCD5;
+  color: #52A954;
+}
+
+/* Yellow Text Block */
+.ui.yellow.message,
+.ui.warning.message {
+  background-color: #F6F3D5;
+  color: #96904D;
+}
+/* Red Text Block */
+.ui.red.message {
+  background-color: #F1D7D7;
+
+  color: #A95252;
+}
+
+/* Success Text Block */
+.ui.success.message,
+.ui.positive.message {
+  background-color: #5BBD72;
+  color: #FFFFFF;
+}
+/* Error Text Block */
+.ui.error.message,
+.ui.negative.message {
+  background-color: #D95C5C;
+  color: #FFFFFF;
+}
+
+
+/*--------------
+     Sizes
+---------------*/
+
+.ui.small.message {
+  font-size: 0.875em;
+}
+.ui.message {
+  font-size: 1em;
+}
+.ui.large.message {
+  font-size: 1.125em;
+}
+.ui.huge.message {
+  font-size: 1.5em;
+}
+.ui.massive.message {
+  font-size: 2em;
+}

data/app/assets/stylesheets/semantic-ui/collections/_table.scss

@@ -0,0 +1,524 @@
+/*
+ * # Semantic - Table
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+             Table
+*******************************/
+
+/* Prototype */
+.ui.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+/* Table Content */
+.ui.table th,
+.ui.table tr,
+.ui.table td {
+  border-collapse: collapse;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: all 0.1s ease-out;
+  -moz-transition: all 0.1s ease-out;
+  -o-transition: all 0.1s ease-out;
+  -ms-transition: all 0.1s ease-out;
+  transition: all 0.1s ease-out;
+}
+
+/* Headers */
+.ui.table thead {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
+}
+.ui.table th {
+  cursor: auto;
+
+  background-color: rgba(0, 0, 0, 0.03);
+
+  text-align: left;
+  color: rgba(0, 0, 0, 0.8);
+  padding: 0.5em 0.7em;
+  vertical-align: middle;
+}
+.ui.table thead th:first-child {
+  border-radius: 5px 0px 0px 0px;
+}
+.ui.table thead th:last-child {
+  border-radius: 0px 5px 0px 0px;
+}
+.ui.table tfoot th:first-child {
+  border-radius: 0px 0px 0px 5px;
+}
+.ui.table tfoot th:last-child {
+  border-radius: 0px 0px 5px 0px;
+}
+
+/* Table Cells */
+.ui.table td {
+  padding: 0.40em 0.7em;
+  vertical-align: middle;
+}
+
+/* Footer */
+.ui.table tfoot {
+  border-top: 1px solid rgba(0, 0, 0, 0.03);
+}
+.ui.table tfoot th {
+  font-weight: normal;
+  font-style: italic;
+}
+
+/* Table Striping */
+.ui.table tbody tr:nth-child(2n) {
+  background-color: rgba(0, 0, 50, 0.02);
+}
+
+/* Icons */
+.ui.table > .icon {
+  vertical-align: baseline;
+}
+.ui.table > .icon:only-child {
+  margin: 0em;
+}
+
+/* Table Segment */
+.ui.table.segment:after {
+  display: none;
+}
+.ui.table.segment.stacked:after {
+  display: block;
+}
+
+/*******************************
+             States
+*******************************/
+
+/*--------------
+      Hover
+---------------*/
+
+/* Sortable */
+.ui.sortable.table thead th:hover {
+  background-image: none;
+  color: rgba(0, 0, 0, 0.8);
+}
+.ui.sortable.table th.disabled:hover {
+  cursor: auto;
+  background-color: rgba(0, 0, 0, 0.1);
+
+  text-align: left;
+  font-weight: bold;
+  color: #333333;
+  color: rgba(0, 0, 0, 0.8);
+}
+
+
+/*--------------
+    Positive
+---------------*/
+
+.ui.table tr.positive,
+.ui.table td.positive {
+  -webkit-box-shadow: 2px 0px 0px #119000 inset;
+  -moz-box-shadow: 2px 0px 0px #119000 inset;
+  box-shadow: 2px 0px 0px #119000 inset;
+}
+.ui.table tr.positive td,
+.ui.table td.positive {
+  background-color: #F2F8F0 !important;
+  color: #119000 !important;
+}
+.ui.celled.table tr.positive:hover td,
+.ui.celled.table tr:hover td.positive,
+.ui.table tr.positive:hover td,
+.ui.table td:hover.positive,
+.ui.table th:hover.positive {
+  background-color: #ECF5E9 !important;
+  color: #119000 !important;
+}
+
+/*--------------
+     Negative
+---------------*/
+
+.ui.table tr.negative,
+.ui.table td.negative {
+  -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
+  -moz-box-shadow: 2px 0px 0px #CD2929 inset;
+  box-shadow: 2px 0px 0px #CD2929 inset;
+}
+.ui.table tr.negative td,
+.ui.table td.negative {
+  background-color: #F9F4F4;
+  color: #CD2929 !important;
+}
+.ui.celled.table tr.negative:hover td,
+.ui.celled.table tr:hover td.negative,
+.ui.table tr.negative:hover td,
+.ui.table td:hover.negative,
+.ui.table th:hover.negative {
+  background-color: #F2E8E8 !important;
+  color: #CD2929 !important;
+}
+
+/*--------------
+      Error
+---------------*/
+
+.ui.table tr.error,
+.ui.table td.error {
+  -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
+  -moz-box-shadow: 2px 0px 0px #CD2929 inset;
+  box-shadow: 2px 0px 0px #CD2929 inset;
+}
+.ui.table tr.error td,
+.ui.table td.error,
+.ui.table th.error {
+  background-color: #F9F4F4 !important;
+  color: #CD2929 !important;
+}
+.ui.celled.table tr.error:hover td,
+.ui.celled.table tr:hover td.error,
+.ui.table tr.error:hover td,
+.ui.table td:hover.error,
+.ui.table th:hover.error {
+  background-color: #F2E8E8 !important;
+  color: #CD2929 !important;
+}
+
+/*--------------
+     Warning
+---------------*/
+
+.ui.table tr.warning,
+.ui.table td.warning {
+  -webkit-box-shadow: 2px 0px 0px #7D6C00 inset;
+  -moz-box-shadow: 2px 0px 0px #7D6C00 inset;
+  box-shadow: 2px 0px 0px #7D6C00 inset;
+}
+.ui.table tr.warning td,
+.ui.table td.warning,
+.ui.table th.warning {
+  background-color: #FBF6E9;
+  color: #7D6C00 !important;
+}
+.ui.celled.table tr.warning:hover td,
+.ui.celled.table tr:hover td.warning,
+.ui.table tr.warning:hover td,
+.ui.table td:hover.warning,
+.ui.table th:hover.warning {
+  background-color: #F3EDDC !important;
+  color: #7D6C00 !important;
+}
+
+
+/*--------------
+     Active
+---------------*/
+
+.ui.table tr.active,
+.ui.table td.active {
+  -webkit-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
+  -moz-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
+  box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
+}
+
+.ui.table tr.active td,
+.ui.table tr td.active {
+  background-color: #E0E0E0 !important;
+  color: rgba(50, 50, 50, 0.9);
+  /* border-color: rgba(0, 0, 0, 0.15) !important; */
+}
+
+/*--------------
+     Disabled
+---------------*/
+
+.ui.table tr.disabled td,
+.ui.table tr td.disabled,
+.ui.table tr.disabled:hover td,
+.ui.table tr:hover td.disabled {
+  color: rgba(150, 150, 150, 0.3);
+}
+
+/*******************************
+          Variations
+*******************************/
+
+/*--------------
+  Column Count
+---------------*/
+
+.ui.two.column.table td {
+  width: 50%;
+}
+.ui.three.column.table td {
+  width: 33.3333%;
+}
+.ui.four.column.table td {
+  width: 25%;
+}
+.ui.five.column.table td {
+  width: 20%;
+}
+.ui.six.column.table td {
+  width: 16.66667%;
+}
+.ui.seven.column.table td {
+  width: 14.2857%;
+}
+.ui.eight.column.table td {
+  width: 12.5%;
+}
+.ui.nine.column.table td {
+  width: 11.1111%;
+}
+.ui.ten.column.table td {
+  width: 10%;
+}
+.ui.eleven.column.table td {
+  width: 9.0909%;
+}
+.ui.twelve.column.table td {
+  width: 8.3333%;
+}
+.ui.thirteen.column.table td {
+  width: 7.6923%;
+}
+.ui.fourteen.column.table td {
+  width: 7.1428%;
+}
+.ui.fifteen.column.table td {
+  width: 6.6666%;
+}
+.ui.sixteen.column.table td {
+  width: 6.25%;
+}
+
+/* Column Width */
+.ui.table th.one.wide,
+.ui.table td.one.wide {
+  width: 6.25%;
+}
+.ui.table th.two.wide,
+.ui.table td.two.wide {
+  width: 12.5%;
+}
+.ui.table th.three.wide,
+.ui.table td.three.wide {
+  width: 18.75%;
+}
+.ui.table th.four.wide,
+.ui.table td.four.wide {
+  width: 25%;
+}
+.ui.table th.five.wide,
+.ui.table td.five.wide {
+  width: 31.25%;
+}
+.ui.table th.six.wide,
+.ui.table td.six.wide {
+  width: 37.5%;
+}
+.ui.table th.seven.wide,
+.ui.table td.seven.wide {
+  width: 43.75%;
+}
+.ui.table th.eight.wide,
+.ui.table td.eight.wide {
+  width: 50%;
+}
+.ui.table th.nine.wide,
+.ui.table td.nine.wide {
+  width: 56.25%;
+}
+.ui.table th.ten.wide,
+.ui.table td.ten.wide {
+  width: 62.5%;
+}
+.ui.table th.eleven.wide,
+.ui.table td.eleven.wide {
+  width: 68.75%;
+}
+.ui.table th.twelve.wide,
+.ui.table td.twelve.wide {
+  width: 75%;
+}
+.ui.table th.thirteen.wide,
+.ui.table td.thirteen.wide {
+  width: 81.25%;
+}
+.ui.table th.fourteen.wide,
+.ui.table td.fourteen.wide {
+  width: 87.5%;
+}
+.ui.table th.fifteen.wide,
+.ui.table td.fifteen.wide {
+  width: 93.75%;
+}
+.ui.table th.sixteen.wide,
+.ui.table td.sixteen.wide {
+  width: 100%;
+}
+
+
+/*--------------
+     Celled
+---------------*/
+
+.ui.celled.table {
+  color: rgba(0, 0, 0, 0.8);
+}
+.ui.celled.table tbody tr,
+.ui.celled.table tfoot tr {
+  border: none;
+}
+.ui.celled.table th,
+.ui.celled.table tbody td {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/* Coupling with segment */
+.ui.celled.table.segment th {
+  border: none;
+}
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
+
+/*--------------
+    Sortable
+---------------*/
+
+.ui.sortable.table thead th {
+  cursor: pointer;
+  white-space: nowrap;
+}
+.ui.sortable.table thead th.sorted,
+.ui.sortable.table thead th.sorted:hover {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.ui.sortable.table thead th:after {
+  display: inline-block;
+  content: '';
+  width: 1em;
+  opacity: 0.8;
+
+  margin: 0em 0em 0em 0.5em;
+
+  font-family: 'Icons';
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: inherit;
+}
+.ui.sortable.table thead th.ascending:after {
+  content: '\25b4';
+}
+.ui.sortable.table thead th.descending:after {
+  content: '\25be';
+}
+
+/*--------------
+    Inverted
+---------------*/
+
+/* Text Color */
+.ui.inverted.table td {
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.table th {
+  background-color: rgba(0, 0, 0, 0.15);
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Stripes */
+.ui.inverted.table tbody tr:nth-child(2n) {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+
+/*--------------
+   Definition
+---------------*/
+
+.ui.definition.table td:first-child {
+  font-weight: bold;
+}
+
+
+/*--------------
+   Collapsing
+---------------*/
+
+.ui.collapsing.table {
+  width: auto;
+}
+
+/*--------------
+      Basic
+---------------*/
+
+.ui.basic.table th {
+  background-color: transparent;
+  padding: 0.5em;
+}
+.ui.basic.table tbody tr {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
+}
+.ui.basic.table td {
+  padding: 0.8em 0.5em;
+}
+
+
+/*--------------
+     Padded
+---------------*/
+
+.ui.padded.table th,
+.ui.padded.table td {
+  padding: 0.8em 1em;
+}
+
+.ui.compact.table th {
+  padding: 0.3em 0.5em;
+}
+.ui.compact.table td {
+  padding: 0.2em 0.5em;
+}
+
+/*--------------
+      Sizes
+---------------*/
+
+/* Small */
+.ui.small.table {
+  font-size: 0.875em;
+}
+
+/* Standard */
+.ui.table {
+  font-size: 1em;
+}
+
+/* Large */
+.ui.large.table {
+  font-size: 1.1em;
+}