crystal-ext 0.0.1

data/lib/common_interface/public/common_interface/themes/default/_components.scss

@@ -0,0 +1,151 @@
+/* Basic List */
+
+/* List Item */
+.dlist_item {
+  .dcheck_box {display: inline;}
+  .dcontent {
+    display: inline;
+		> div {display: inline;}
+    a {@include as_link;}		
+	}
+}
+
+/* Tabs */
+.dtabs {
+  background: $inverse_color;
+
+  .dtab_item {
+    float: left;
+    margin-left: $step;
+    margin-right: $step;
+	}
+
+  .dactive {
+    padding-left: $step;
+    padding-right: $step;
+    background: $light_color;
+    font-weight: bold
+	}
+}
+
+/* Table */
+.dtable {
+  a {@include as_link;}
+
+  table {width: 100%;}
+ 
+	thead {
+    tr {
+      color: $inverse_color;
+      background: $light_color;
+
+      th {
+        text-align: left;
+
+        .dheadcell {
+          @include medium_text;
+          padding-left: $step;
+          padding-right: $step;
+          padding-top: $step;
+				}
+			}
+		}
+	}
+
+  tbody {
+    .dcell {padding: $step;}
+    .dodd {background: $very_light_color;}
+	}
+}
+
+/* Left Right */
+.dleft_right {
+  .dleft {float: left;}
+  .dright {float: right;}
+  .dlr_item {display: inline;}
+}
+
+/* Controls and Hower Controls */
+.dcontrols_container {
+  .dcontrols {
+    @include controls;
+    float: right;
+    background: $inverse_color;
+    padding: $small_step;
+	}
+}
+
+.dhover_controls_container {
+  position: relative;
+
+  .dhover_controls {
+    @include controls;
+    padding: $small_step;
+    padding-left: $big_step;
+    padding-right: $big_step;
+    text-align: right;
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    background: $inverse_color;
+    z-index: 1;
+    display: none;
+	}
+}
+
+/* Item Tags */
+.ditem_tags {
+  margin-top: $step;
+  float: left;
+
+  a {
+    @include small_text;
+    padding-left: $step;
+    padding-right: $step;
+    background: $light_color;
+	}
+
+  .__owner_visibility, .__member_visibility, .__custom_visibility {
+    @include small_text;
+    padding-left: $step;
+    padding-right: $step;
+    background: $inverse_color;
+    display: inline;
+	}
+
+  .__owner_visibility {color: $red_color;}
+
+  .__member_visibility, .__custom_visibility {color: $yellow_color;}
+
+  .__item_type {
+    color: $light_color;
+    display: inline;
+	}
+}
+
+/* Item Details */
+.ditem_details {
+  float: right;
+  color: $light_color;
+
+  a {
+    @include as_link;
+    color: $light_color;
+	}
+}
+
+/* Preview Title */
+.dpreview_title {
+  @include medium_text;
+
+  color: $select_color;
+  margin: 0px;
+
+  a {
+    @include medium_text;
+
+    color: $select_color;
+
+    &:visited {color: $select_color;}
+	}
+}

data/lib/common_interface/public/common_interface/themes/default/_custom_reset.scss

@@ -0,0 +1,12 @@
+/* Custom Reset */
+h1 {@include h1;}
+h2 {@include h2;}
+a {
+  color: $color;
+  text-decoration: none;
+  &:visited {color: $color;}
+}
+.as_link {@include as_link;}
+
+/* Reset Elastic */
+p, fieldset, table, pre {margin-bottom: 0px;}

data/lib/common_interface/public/common_interface/themes/default/_elastic.scss

@@ -0,0 +1,72 @@
+/*
+Elastic CSS Framework
+Released under the MIT, BSD, and GPL Licenses.
+More information http://delasticss.com
+
+@author     Fernando Trasviña (@azendal)
+@core team  Sergio de la Garza (@sgarza), Javier Ayala (@javi_ayala)
+*/
+.dunit:after, .dcontainer:after, .dcolumns:after, .dcolumn:after, .dclearfix:after {
+  content: " ";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden; }
+
+.dunit, .dcontainer, .dcolumns, .dcolumn, .dclearfix {
+  display: block;
+  *zoom: 1;
+  *display: inline-block; }
+
+.dfull-height {
+  display: block; }
+
+.dsame-height {
+  display: block; }
+
+.ddelastic-height {
+  height: 0; }
+
+.dhorizontal-center {
+  margin: 0 auto; }
+
+.dvertical-center {
+  /* margin:auto 0; */
+  display: block; }
+
+.dcenter {
+  /* margin:auto */
+  margin: 0 auto; }
+
+.dcolumn {
+  float: left; }
+
+.dcolumn.dfinal {
+  display: block; }
+
+.dcolumn.dfixed {
+  width: auto; }
+
+.dcolumn.delastic {
+  display: block; }
+
+.dinverted > .dcolumn, .dinverted > .dcontainer > .dcolumn {
+  float: right; }
+
+.don-2.dcolumns > .dcolumn:not(.dfixed), .don-2.dcolumns > .dcontainer > .dcolumn:not(.dfixed) {
+  width: 50%; }
+
+.don-3.dcolumns > .dcolumn:not(.dfixed), .don-3.dcolumns > .dcontainer > .dcolumn:not(.dfixed) {
+  width: 33.33%; }
+
+.don-3.dcolumns > .dcolumn.dspan-2, .don-3.dcolumns > .dcontainer > .dcolumn.dspan-2 {
+  width: 66.66%; }
+
+.don-4.dcolumns > .dcolumn:not(.dfixed), .don-4.dcolumns > .dcontainer > .dcolumn:not(.dfixed) {
+  width: 25%; }
+
+.don-4.dcolumns > .dcolumn.dspan-2, .don-4.dcolumns > .dcontainer > .dcolumn.dspan-2 {
+  width: 50%; }
+
+.don-4.dcolumns > .dcolumn.dspan-3, .don-4.dcolumns > .dcontainer > .dcolumn.dspan-2 {
+  width: 75%; }

data/lib/common_interface/public/common_interface/themes/default/_items.scss

@@ -0,0 +1,88 @@
+/* selector */
+.dselector {
+  .dtext a {@include as_link}
+}
+
+/* list */
+.dlist {
+  .dcontrols {
+		@include small_text;
+    margin-left: $big_step;
+   
+    a {@include as_link;}
+	}
+}
+
+/* file */
+.dfile_item {
+  .ddetails {
+    margin-left: $step;
+
+    .dtitle {font-weight: bold;}
+    a {@include as_link}
+	}
+}
+
+/* thumb */
+.dthumb_item {
+  float: left;
+  min-width: 150px;
+  min-height: 150px;
+  padding-right: $step;
+
+  .dhover_controls {@include small_text}
+  .dtitle {
+    @include small_text;
+    max-width: 150px;
+	}
+}
+
+/* line */
+.dline_item {
+  .dicon {margin-right: $step;}
+  .ditem_tags {margin: 0px;}
+  .dsingle_line {
+    .ditem_tags {
+      margin-right: $step;
+      float: left;
+		}
+	}
+}
+
+/* user */
+.duser {
+  .dproperties {margin-top: $step;}
+}
+
+/* item */
+.dselectable_item {  
+  padding-top: $step;
+  padding-bottom: $step;
+	border: #{$small_step} solid #{$inverse_color};
+}
+
+.dselectable_item_padding {
+  padding-left: $step;
+  padding-right: $step;
+}
+
+.dselectable_item_hover {border-color: $very_light_color;}
+
+/* page */
+.dpage {
+  ._container h1.item_title{@include h2}
+}
+
+/* folder */
+
+/* note */
+
+/* list */
+
+/* list item */
+.dtask_list_item {padding: $small_step;}
+
+.dfinishedlist_item {
+  div, a {@include small_text}
+  .dcontent {text-decoration: line-through;}
+}

data/lib/common_interface/public/common_interface/themes/default/_mixins.scss

@@ -0,0 +1,39 @@
+/* Styles */
+@mixin small_text {font-size: 90%;}
+@mixin medium_text {
+  font-size: 110%;
+  font-weight: bold;
+}
+@mixin big_text {
+  font-size: 180%;
+  font-weight: bold;
+}
+@mixin h1 {
+  @include big_text;
+  margin-top: 0px;
+  margin-bottom: $big_step;
+}
+
+@mixin h2 {
+  font-size: 120%;
+  font-weight: bold;
+  margin-top: 0px;
+  margin-bottom: $step;
+}
+
+@mixin overflow {
+  position: absolute;
+  z-index: 1;
+}
+
+@mixin controls {
+  font-size: 100%;
+
+  a {@include as_link;}
+}
+
+@mixin as_link {
+  color: $select_color;
+  text-decoration: underline;
+  &:visited {color: $select_color;}
+}

data/lib/common_interface/public/common_interface/themes/default/_special.scss

@@ -0,0 +1,34 @@
+._inline {display: inline;}
+
+._space {margin-bottom: $step;}
+
+._highlight {
+  background: $light_yellow_color;
+  padding-left: $step;
+  padding-right: $step;
+}
+
+._tiny {
+  color: $light_color !important;
+  a {color: $light_color !important;}
+}
+
+._hidden {display: none;}
+
+/* Styles */
+._markup {
+  object {
+    clear: both;
+    display: block;
+    margin-bottom: $step;
+	}
+
+	.clear {clear: both;}
+	.space {clear: both;}
+	
+	table tr td {
+		vertical-align: top;
+	}
+}
+
+._clear {clear: both;}

data/lib/common_interface/public/common_interface/themes/default/_variables.scss

@@ -0,0 +1,15 @@
+/* Distance */
+$small_step: 1px;
+$step: 5px;
+$big_step: 10px;
+
+/* Colors */
+$color: black;
+$select_color: #2a5db0;
+$inverse_color: white;
+$light_color: #cccccc;
+$very_light_color: #efefef;
+$red_color: #dd0000;
+$light_red_color: #eebbbb;
+$yellow_color: #dddd00;
+$light_yellow_color: #eeeebb;

data/lib/common_interface/public/common_interface/themes/default/_yui_reset.scss

@@ -0,0 +1,127 @@
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 3.0.0pr1
+*/
+
+/*html {
+  color: #000;
+  background: #FFF; }*/
+
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
+  margin: 0;
+  padding: 0; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+fieldset, img {
+  border: 0; }
+
+address, caption, cite, code, dfn, em, strong, th, var {
+  font-style: normal;
+  font-weight: normal; }
+
+li {
+  list-style: none; }
+
+caption, th {
+  text-align: left; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 100%;
+  font-weight: normal; }
+
+q:before, q:after {
+  content: ''; }
+
+abbr, acronym {
+  border: 0;
+  font-variant: normal; }
+
+sup {
+  vertical-align: text-top; }
+
+sub {
+  vertical-align: text-bottom; }
+
+input, textarea, select {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit; }
+
+input, textarea, select {
+  *font-size: 100%; }
+
+legend {
+  color: #000; }
+
+h1 {
+  font-size: 138.5%; }
+
+h2 {
+  font-size: 123.1%; }
+
+h3 {
+  font-size: 108%; }
+
+h1, h2, h3 {
+  margin: 1em 0; }
+
+h1, h2, h3, h4, h5, h6, strong {
+  font-weight: bold; }
+
+abbr, acronym {
+  border-bottom: 1px dotted #000;
+  cursor: help; }
+
+em {
+  font-style: italic; }
+
+blockquote, ul, ol, dl {
+  margin: 1em; }
+
+ol, ul, dl {
+  margin-left: 2em; }
+
+ol li {
+  list-style: decimal outside; }
+
+ul li {
+  list-style: disc outside; }
+
+dl dd {
+  margin-left: 1em; }
+
+th {
+  font-weight: bold;
+  text-align: center; }
+
+caption {
+  margin-bottom: .5em;
+  text-align: center; }
+
+p, fieldset, table, pre {
+  margin-bottom: 1em; }
+
+input[type=text], input[type=password], textarea {
+  width: 12.25em;
+  *width: 11.9em; }
+
+body {
+  font: 13px/1.231 arial,helvetica,clean,sans-serif;
+  *font-size: small;
+  *font: x-small; }
+
+select, input, button, textarea {
+  font: 99% arial,helvetica,clean,sans-serif; }
+
+table {
+  font-size: inherit;
+  font: 100%; }
+
+pre, code, kbd, samp, tt {
+  font-family: monospace;
+  *font-size: 108%; }