user_interface 0.0.2

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,3 @@
+= UserInterface
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,39 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'UserInterface'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/stylesheets/user_interface.css

@@ -0,0 +1,7 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require_tree .  
+*/

data/app/assets/stylesheets/user_interface/_layout.scss

@@ -0,0 +1,330 @@
+html {color:#000;}
+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,b,i,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;}
+a { text-decoration: none; color: #000 }
+
+@mixin content_to_clear {
+    content: " ";  
+    display: block; 
+    height: 0; 
+    clear: both;
+    visibility: hidden;
+}
+
+@mixin after_div_for_object {
+    @include content_to_clear;
+}
+
+/* Red theme */
+$header_background: #900 !default;
+$header_color: white !default;
+$tabs_background: #C00 !default;
+$tabs_color: white !default;
+$text_color: #222 !default;
+
+body {
+    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
+    color: $text_color;
+    font-size: 14px;
+    background: #E5E5E5;
+}
+
+a, a:visited {
+    color: $text_color;
+}
+
+#header {
+    height: 116px;
+    background: $header_background url(image-path('header.png')) no-repeat;
+
+    .tabs {
+        margin: 0 30px 0 30px;
+
+        li {
+            margin: 0px;
+            padding: 0px;
+            height: 26px;
+            float: left;
+
+            a:link, a:visited {
+                font-size: 12px;
+                line-height: 26px;
+                display: inline-block;
+                padding: 0 9px 0 9px;
+                margin-right: 3px;
+                background-color: $tabs_background;
+                color: $tabs_color;
+            }
+
+            a.current {
+                color: $text_color;
+                font-weight: bold;
+                background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#E5E5E5));
+                background: -moz-linear-gradient(top, #FDFDFD, #E5E5E5);
+            }           
+        }
+
+        li.admin {
+            float: right;
+        }
+    }
+
+    .infos{
+        height: 90px;
+
+        div.title{
+            float: left;
+            padding: 15px 0 0 30px;
+            
+            h1 {        
+                font-family: "Comic Sans", "Comic Sans MS", cursive;    
+                font-size: 32px;      
+                font-weight: bold;
+                color: $header_color;
+            }
+            
+        }
+
+        div.logo {
+            float: left;
+            padding: 15px 0 0 30px;
+        }
+
+        div.interaction{
+            text-align: right;
+        }
+    
+
+        a.back_to_upper_menu { 
+	 	        color: $tabs_color; 
+	 	        text-decoration: underline; 
+	 	        padding: 10px 0 0 30px; 
+	 	        font-size: 0.8em; 
+            display: block;
+        } 
+        
+        ul.user {
+            color: $tabs_color;
+            margin: 0 30px 0 0;
+            
+            li {
+                font-size: 13px;
+                display: inline;
+                margin: 0 3px;
+            }
+            
+            a {
+                color: $tabs_color;
+                text-decoration: underline;
+                line-height: 55px;              
+            }         
+
+            li.language, li.home {
+                margin: 0 1px;
+                text-decoration: none;           
+            }
+            
+            span.help {
+                color: $header_background;
+                font-size: 11px;
+                border-radius:6px;
+                -moz-border-radius: 6px;
+                background-color: white;
+                padding: 3px 5px;
+            }    
+        }
+    }
+}
+
+.actions {
+    a {
+        padding-left: 20px;
+        text-decoration: underline;
+    }
+
+    a.visit_site{
+        background: url(image-path('user_interface/ui/site.png')) no-repeat;
+    }
+
+    a.visit_event{
+        background: url(image-path('user_interface/ui/event.png')) no-repeat;
+    }
+
+    a.visit_page{
+        background: url(image-path('user_interface/ui/page.png')) no-repeat;
+    }
+    
+    a.add {
+        background: url(image-path('user_interface/ui/add.png')) no-repeat;
+    }
+    a.edit {
+        background: url(image-path('user_interface/ui/edit.png')) no-repeat;
+    }
+    a.remove {
+        background: url(image-path('user_interface/ui/remove.png')) no-repeat;
+    }
+    a.export {
+        background: url(image-path('user_interface/ui/export.png')) no-repeat;
+    }
+    li {
+        margin: 10px 0;
+    }
+}
+
+#body {
+    min-width: 1000px;
+    
+    a{ text-decoration: underline;}
+
+    #workspace, #sidebar {
+        float: left;
+    }
+}
+
+#body:after { 
+    @include after_div_for_object;  
+}
+
+#body #workspace {
+    width: 70%;
+    background: white;
+    margin: 15px 30px;
+    padding: 0 15px 10px 15px;
+    
+    -moz-box-shadow: 3px 3px 4px #BBB;
+    -webkit-box-shadow: 3px 3px 4px #BBB;
+    box-shadow: 3px 3px 4px #BBB;
+    border-right: 1px solid #BBB;
+    border-bottom: 1px solid #BBB;
+
+    h2,h3 {
+        background: white;
+        padding: 15px 0;
+        font-weight: bold;
+    }
+
+    h3 {
+        padding: 5px 0;
+        padding-left: 10px;
+        margin-top: 15px;
+        margin-bottom: 15px;
+        background-color: #E5E5E5;
+    }
+
+    h2{font-size: 16px;}
+    h3{font-size: 14px;}
+
+    li span.author {
+        float: right;
+        font-size: 12px;
+    }
+
+    .site_summary {
+      float: left;
+      margin-bottom: 20px;
+      width: 100%;
+     
+      img {
+          float: left;
+          margin-right: 20px;
+      }
+      a {
+          display: block;
+          margin: 25px 0 0;
+      }
+    }
+    .site_summary:after {
+        content: " ";  
+        display: block; 
+        height: 0; 
+        clear: both;
+        visibility: hidden;
+    }
+
+    p { margin: 7px 0; }
+
+    fieldset.buttons{
+        margin: 10px;
+    }
+        
+}
+
+#body #flash {
+    width: 72%;
+    margin: 15px 0 0 30px;
+
+    div {
+        padding: 10px 10px 10px 50px;
+    }
+    .alert {
+        color: #c01100; 
+        background: #ffbdbd url(image-path('user_interface/ui/alert.png')) no-repeat 15px;
+    }
+    .notice {
+        background: #EDF3FE url(image-path('user_interface/ui/notice.png')) no-repeat 15px;
+    }
+}
+
+#body #sidebar {
+    width: 20%;
+    padding-top: 20px;
+    
+    a {
+        color: #666;
+    }
+    
+    .actions {
+        margin-bottom: 20px;
+    }
+    
+    h3 {
+        padding: 6px 8px;
+        font-weight: bold;
+        background: #F0F0F0;
+        border-bottom: 1px solid gainsboro;
+        margin-bottom: 10px;
+    }
+
+    h4 {
+        font-weight: bold;
+        padding: 6px 8px;
+        font-size: 0.9em;
+    }
+
+    p {
+        font-size: 12px;
+    }
+
+    fieldset
+    {
+        background-color: #ECECEC;
+        padding: 10px;
+        border: 1px solid black;
+
+        legend{
+            font-weight: bold;
+            padding: 0 5px;
+        }
+        
+        p{
+            margin-top: 5px;            
+            label{ font-size: 12px;} 
+            span{
+                font-style: oblique;
+                font-size:12px;
+            }
+        }
+    }
+}