rad_common_interface 0.0.6 → 0.0.7

data/app/static/themes/default/style/items.less

@@ -0,0 +1,43 @@
+.the_attachments_t () {
+  .l_item             {float: left;
+    > a, div          {float: left;}}}
+.the_attachments      {.the_attachments_t;
+  .l_item             {
+    > a, div          {margin-right: @normal;}}
+  .l_item_style       {.s_box; .s_round; .s_border; margin-left: 0; margin-right: @normal * 2;}
+  .l_empty_item_style {.s_box; margin-left: 0; margin-right: @normal * 2;}}
+
+  
+.the_comment_t ()     {
+  > table.css_table   {
+    > tbody           {
+      > tr            {
+        > td.css_td1  {width: @icon_size1;}
+        > td.css_td2  {}}}}}  
+.the_comment {.the_comment_t; .s_box; .s_round;
+  .l_image   {margin-right: @normal;}
+  .l_text    {}
+  .m_details {}}
+  
+    
+.the_thumb_t () {float: left; .s_box; .s_round;
+  .l_title      {display: block;}}  
+.the_thumb          {.the_thumb_t; min-width: @icon_size2; min-height: @icon_size2; margin: 0px;
+  .m_hover_controls {.s_small_text;}
+  .l_title          {.s_small_text; max-width: @icon_size2;}}
+
+
+.the_line_t ()        {
+  > table.css_table   {
+    > tbody           {
+      > tr            {
+        > td.css_td1  {width: @icon_size1;}
+        > td.css_td2  {}}}}}
+.the_line     {.the_line_t; .s_box; .s_round;
+  .l_image    {width: @icon_size1; margin-right: @normal;}    
+  .l_title    {.s_normal_text; color: @select_color;    
+    &:visited {color: @select_color;}}}
+    
+    
+.the_item {.s_box; .s_round;
+  .l_text {}}

data/app/static/themes/default/style/markup.less

@@ -0,0 +1,16 @@
+.m_markup {.s_link;  
+	.left   {float: left; margin-top: @normal / 2; margin-right: @normal;} // margin: @normal; margin-left: 0; margin-right: @big;}	
+	.right  {float: right; margin-top: @normal / 2; margin-left: @normal;} // margin: @normal; margin-right: 0; margin-left: @big;}	
+	.clear  {clear: both;}	
+	.space  {height: @big; clear: both;}
+	.tiny   {.m_tiny;}
+	
+	table tr td            {vertical-align: top;}
+  p                      {margin-bottom: @big;}
+  h1, h2, h3, h4, h5, h6 {clear: both;}  
+  object                 {clear: both; display: block; margin-bottom: @normal;}
+  
+  // .hl_code, code {margin-left: @big;}
+  pre {padding: @normal; margin-bottom: @normal; .s_round; background-color: @very_light_color; max-width: @max_width - @max_width * 0.2 - 2 * @normal - 2 * @small;}
+  .left pre, .right pre {width: @half_markup; margin-left: @normal;}
+}

data/app/static/themes/default/style/micelaneous.less

@@ -0,0 +1,10 @@
+.the_dialog {.s_box(); border-width: @normal; .s_border; .s_round; width: 60%;}
+
+
+.the_image_dialog {.s_box; .s_border; .s_round;}
+
+
+.the_context_menu {.s_box; .s_border; .s_round(@small_radius); .s_link; max-width: @context_menu_width;}
+
+
+.the_inplace_editor {.s_box; .s_border; .s_round;}

data/app/static/themes/default/style/mixins.less

@@ -0,0 +1,72 @@
+.t_tabs ()  {
+  .l_item {float: left;}}
+  
+.s_tabs (@w: @normal, @h: @small) {padding-left: @w; padding-right: @w; background: @background_color;
+  .l_item {padding-left: @w; padding-right: @w; padding-top: @h; padding-bottom: @h;}  
+  .l_active {background: @light_color; font-weight: bold}}
+
+
+.m_title {.s_big_text; margin-top: 0px; padding-top: 0px}
+
+
+.m_details_t () {float: right;
+  > *, > a      {float: left;}}
+.m_details {.m_details_t; .s_link; color: @light_color;
+  > *      {padding-right: @normal;}
+  a        {color: @light_color !important;}}
+
+
+.t_tags () {float: left;
+  > *, > a {float: left;}}  
+.m_tags    {.t_tags; margin-top: @normal; margin-bottom: @normal;
+  > *, > a {.s_round(@small_radius); .s_small_text; padding-left: @normal; padding-right: @normal; background: @very_light_color; margin-right: @normal;}
+  
+  .m_owner_visibility, .m_member_visibility, .m_custom_visibility, .m_item_type {background: @background_color;}
+  .m_owner_visibility                                                           {color: @red_color;}
+  .m_member_visibility, .m_custom_visibility                                    {color: @yellow_color;}
+  .m_item_type                                                                  {.m_tiny;}}
+  
+
+.t_attachments () {float: left;
+  > *, > a        {float: left;}}  
+.m_attachments    {.t_attachments; .s_link; margin-top: @normal; margin-bottom: @normal;
+  > *, > a        {padding-right: @normal;}}
+  
+
+.t_hover_controls () {position: absolute; right: 0px; top: 0px; z-index: 1; display: none;}
+
+.m_hover_controls {.t_hover_controls; .s_controls; text-align: right;}
+
+
+.m_selectable         {
+  > .m_hover_controls {.s_box; .s_border; .s_round_bl(@small_radius); border-right: 0px; border-top: 0px; margin: 0px;}}
+  
+.m_selectable_hover   {border-color: @light_color !important;}
+
+
+.t_toolbar ()    {
+  .l_left        {float: left;    
+    .l_item      {float: left;}}	
+	.l_right       {float: right;	  
+	  .l_item      {float: right;}}}
+	  
+.s_toolbar (@w: @normal, @h: @small) {  
+  .l_left                            {padding-left: @w;    
+    .l_item                          {padding-left: @w; padding-right: @w; padding-top: @h; padding-bottom: @h;}}	
+	.l_right                           {padding-right: @w;	  
+	  .l_item                          {padding-left: @w; padding-right: @w; padding-top: @h; padding-bottom: @h;}}}
+
+
+.t_list ()       {
+  .l_item        {
+    .l_check_box {display: inline;}
+    .l_content   {display: inline;
+  		> div      {display: inline;}}}}
+  		
+.s_list ()       {
+  .l_item        {}}
+
+
+/*.t_left ()  {float: left;}
+.t_right () {float: right;}
+*/

data/app/static/themes/default/style/styles.less

@@ -0,0 +1,57 @@
+.m_tiny {color: @light_color !important;
+  a     {color: @light_color !important;}}
+.m_bold {font-weight: bold;}
+  
+.m_hidden {display: none !important;}
+
+
+.s_small_text ()  {font-size: 90%;}
+.s_normal_text () {font-size: 110%; font-weight: bold;}
+.s_big_text ()    {font-size: 180%; font-weight: bold; padding-top: @normal; padding-bottom: @normal; margin-top: 0px; margin-bottom: 0px;}
+
+
+.s_a_link () {color: @select_color; text-decoration: underline; 
+  &:visited  {color: @select_color;}}
+.s_link () {
+  a        {.s_a_link;}}
+
+
+.s_round_tl (@r: @normal_radius) {-moz-border-radius-topleft: @r; -webkit-border-top-left-radius: @r; border-top-left-radius: @r;}
+.s_round_tr (@r: @normal_radius) {-moz-border-radius-topright: @r; -webkit-border-top-right-radius: @r; border-top-right-radius: @r;}
+.s_round_bl (@r: @normal_radius) {-moz-border-radius-bottomleft: @r; -webkit-border-bottom-left-radius: @r; border-bottom-left-radius: @r;}
+.s_round_br (@r: @normal_radius) {-moz-border-radius-bottomright: @r; -webkit-border-bottom-right-radius: @r; border-bottom-right-radius: @r;}
+.s_round (@r: @normal_radius)    {-moz-border-radius: @r; -webkit-border-radius: @r; border-radius: @r;}
+
+
+.s_narrow () {margin-left: 20%; margin-right: 20%;}
+
+
+.s_controls () {.s_link; font-size: 100%;}
+
+
+/*.s_width () {max-width: @max_width; margin-left: auto; margin-right: auto;}*/
+
+
+.s_box (@size: @normal)  {background: @background_color; border: solid @small @background_color; padding: @size; margin: @size;}
+.s_vbox (@size: @normal) {background: @background_color; border: solid @small @background_color; padding-top: @size; padding-bottom: @size; margin-top: @size; margin-bottom: @size;}
+
+
+.s_border (@color: @light_color) {border-color: @color;}
+
+
+//
+// Global
+//
+a           {color: @color; text-decoration: none;
+  &:visited {color: @color;}}
+
+
+//
+// Special
+//
+.css_clear {display: block !important; clear: both !important; width: 0px !important; height: 0px !important; min-width: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important;}
+
+table.css_table {margin: 0; padding: 0; border: 0; width: 100%;
+  > tbody       {margin: 0; padding: 0; border: 0; 
+    > tr        {margin: 0; padding: 0; border: 0; 
+      > td      {margin: 0; padding: 0; border: 0;  vertical-align: top;}}}}

data/app/static/themes/default/style/tools.less

@@ -0,0 +1,15 @@
+.the_tool    {padding-bottom: @big;
+  > .l_title {color: @light_color; font-weight: bold;}}
+
+
+.the_tag_selector_t () {
+  .l_tag            {display: inline-block;}}
+.the_tag_selector {.the_tag_selector_t; text-align: center;
+  .l_selected     {.s_round(@small_radius); color: @background_color; padding-left: @normal; padding-right: @normal; background: @select_color; 
+  a               {color: @background_color;}}
+  .l_tag          {margin: @small;}
+
+  .l_size_1       {font-size: 90%;}
+  .l_size_2       {font-size: 120%;}
+  .l_size_3       {font-size: 130%;}
+  .l_size_4       {font-size: 140%;}}

data/app/static/themes/default/style/variables.less

@@ -0,0 +1,38 @@
+// Sizes
+@small: 1px;
+@normal: 5px;
+@big: 10px;
+
+/*@small: 5px;
+@normal: 10px;
+@big: 20px;*/
+
+@small_radius: 3px;
+@normal_radius: 5px;
+
+@max_width: 1024px;
+@min_height: 300px;
+
+@icon_size1: 50px;
+@icon_size2: 150px;
+
+@tools_width: 20%; // 180px;
+@half_markup: 450px;
+@form_label_width: 150px;
+@textarea_height: 60px;
+@context_menu_width: 100px;
+
+// Colors
+@color: black;
+@light_color: #cccccc;
+@very_light_color: #efefef;
+
+@background_color: white;
+
+@select_color: #2a5db0;
+
+@red_color: #dd0000;
+@light_red_color: #eebbbb;
+
+@yellow_color: #dddd00;
+@light_yellow_color: #eeeebb;