common-interface 0.0.3

data/lib/common_interface/public/common_interface/themes/default/style.js

@@ -0,0 +1,84 @@
+// 
+// Discussion
+// 
+$.callAfterUpdate('discussion', function(){
+	var discussion = $('.ddiscussion');
+	if(!discussion.blank() && !discussion.find('.dcomment').blank()) discussion.find('.ddivider').show();
+});
+
+// 
+// JS for CSS
+// 
+$.refresh_js_css = function(){
+	try{
+		Elastic.refresh();
+	}catch(e){
+		log("Elastic not defined!");
+	};
+}
+
+
+// 
+// Border around nested Items
+// 
+$.callOnceForEvery('selectable_item', '.dselectable_item', function(){
+	var item = $(this);
+	if(!item.parents('._item').blank()){
+		$(this).addClass('dselectable_item_padding');
+		$(this).hoverIntent(
+			function(){$(this).addClass('dselectable_item_hover')},
+			function(){$(this).removeClass('dselectable_item_hover')}
+		);
+	}
+});
+
+
+// 
+// Hover Controls
+// 
+$.callOnceForEvery('dhover_controls_container', '.dhover_controls_container', function(){
+	$(this).hoverIntent(
+		function(){$(this).find('> .dhover_controls').show()},
+		function(){$(this).find('> .dhover_controls').hide()}
+	);
+});
+
+
+// 
+// Folder
+//
+// Empty title
+$.callOnceForEvery('empty_folder_title', '.folder', function(){
+	$(this).hover(
+		function(){
+			$(this).find('> .empty_title').show()
+		},
+		function(){
+			$(this).find('> .empty_title').hide()
+		}
+	);
+});
+
+
+// 
+// Table
+// 
+$.callOnceForEvery('oddlines', '._table ._row:odd', function(){
+	$(this).removeClass('deven').addClass('dodd');
+});
+$.callOnceForEvery('even_lines', '._table ._row:even', function(){
+	$(this).removeClass('dodd').addClass('deven');
+});
+
+
+// 
+// Elastic
+// 
+$.callAfterUpdate('elastic', function(){$.refresh_js_css();}, 1);
+
+
+// 
+// Flex TextArea
+// 
+// callOnceForEvery doesn't works, becouse flex textarea doesn't works for hidden textareas that are resides inside 'more' button.
+$.callAfterUpdate('autoresize_textarea', function(){$('textarea').elastic();});

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

@@ -0,0 +1,11 @@
+@import "variables";
+@import "mixins";
+
+@import "elastic";
+/*@import "custom_reset";*/
+
+@import "basic";
+@import "special";
+@import "components";
+@import "items";
+@import "aspects";

data/lib/common_interface/public/common_interface/themes/simple_organization/_fixes.scss

@@ -0,0 +1,130 @@
+/* 
+Hardcoded changes:
+
+.label => .decoration
+delete input from reset styles section
+#main-nav => .main-nav
+*/
+
+/* User menu */
+.user_menu {
+	float: right;
+	
+	.um_item > a {color: #445566;}
+	
+	.delimiter {
+		margin-right: 1px;
+		border-right: 1px solid #DDDDDD;
+	}
+}
+
+/* Top panel */
+.main-nav {
+	float: right;
+	
+	li {
+		margin-top: 0px;
+		margin-bottom: 0px;
+		margin-right: 0px;
+		margin-left: 1.5em;
+	}
+}
+
+#logo-rem {border-right: none;}
+
+/* Users are loading logo different sises, we resize it by CSS */
+#logo img {
+	height: 100px;
+	width: 235px;
+}
+
+/* Style for Search Tool */
+input[type=text] {
+	background: #FCFCFC;
+  border: 1px inset #AAA;
+  margin: 0.5em 0;
+  padding: 4px 5px;	
+}
+
+/* Tags */
+.tags {
+	text-align: center;
+
+	span{margin: 5px;}
+	
+	.size-1{font-size: 120%;}
+	.size-2{font-size: 150%;}
+	.size-3{font-size: 180%;}
+	.size-4{font-size: 220%;}
+	
+	.selected_tag a {
+		background: #557799;
+		color: white;
+		padding: 2px 5px 0;
+	}
+}
+
+/* Tags on page */
+.item_tags a {
+	color:#999999 !important;
+	font-size:11px;
+}
+
+/* Hidding item tags and controls on homepage */
+.home {
+	.item_tags, .item_details {display: none};
+	> .more {float: right;}
+}
+
+/* Item controls */
+.item_controls a {
+	margin-left: 5px;
+	float: right;
+	color: #557799;
+	text-decoration: underline;
+}
+
+/* Theme Placeholder */
+._theme_wrapper {
+	border:1px solid #7A7A7A;
+	margin:2px;
+	padding:2px;
+}
+
+/* More */
+.more a {
+	color: #999999;
+}
+
+/* Comment */
+.comment-gravatar img {
+	width: 40px;
+	height: 40px;
+}
+
+/* Styles */
+.so_markup {
+	.left {
+		float: left;
+		margin: 5px;
+    margin-left: 0;
+    margin-right: 5px;
+	}
+	
+	.right {
+		float: right;
+		margin: 5px;
+    margin-right: 0;
+    margin-left: 5px;
+	}
+	
+	a {text-decoration:underline;}
+	h1, h2, h3, h4, h5, h6 {clear: both;}
+  object {
+    clear: both;
+    display: block;
+    margin-bottom: 5px;
+	}
+
+	.space {height: 1em;}
+}

data/lib/common_interface/public/common_interface/themes/simple_organization/_original.scss

@@ -0,0 +1,852 @@
+/*  
+Template name: Simple Organization
+Template URI: http://templates.arcsin.se/simple-organization-website-template/
+Release date: 2009-09-20
+Last updated: 2009-09-24
+Description: A simple and elegant template suitable for organizations.
+Author: Viktor Persson
+Author URI: http://arcsin.se/
+
+This template is licensed under a Creative Commons Attribution 2.5 License:
+http://templates.arcsin.se/license/
+*/
+/* 
+   Reset
+------------------------------------------------------------------- */
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal; }
+
+table, td, th {
+  vertical-align: middle; }
+
+blockquote:before, blockquote:after, q:before, q:after {
+  content: ""; }
+
+blockquote, q {
+  quotes: "" ""; }
+
+a img {
+  border: none; }
+
+:focus {
+  outline: 0; }
+
+/* 
+   General 
+------------------------------------------------------------------- */
+html {
+  height: 100%;
+  padding-bottom: 1px;
+  /* force scrollbars */ }
+
+body {
+  background: #FFF;
+  color: #444;
+  font: normal 75% sans-serif;
+  line-height: 1.5; }
+
+/* 
+   Typography 
+------------------------------------------------------------------- */
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+  color: #444;
+  font-weight: normal;
+  line-height: 1;
+  margin-bottom: 0.3em; }
+
+h4, h5, h6 {
+  font-weight: bold; }
+
+h1 {
+  font-size: 2.6em; }
+
+h2 {
+  font-size: 2em; }
+
+h3 {
+  font-size: 1.5em; }
+
+h4 {
+  font-size: 1.25em; }
+
+h5 {
+  font-size: 1.1em; }
+
+h6 {
+  font-size: 1em; }
+
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
+  margin: 0; }
+
+/* Links */
+a:focus, a:hover {
+  color: #039; }
+
+a {
+  color: #456;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+a.feed {
+  background: url("img/icon-feed.gif") no-repeat left center;
+  padding-left: 18px; }
+
+a.more {
+  color: #579;
+  font-weight: bold; }
+
+a.more:hover {
+  color: #234; }
+
+/* Text elements */
+p {
+  margin-bottom: 1em; }
+
+abbr, acronym {
+  border-bottom: 1px dotted #666; }
+
+address {
+  margin-bottom: 1.5em; }
+
+blockquote {
+  margin: 1.5em; }
+
+del, blockquote {
+  color: #666; }
+
+em, dfn, blockquote, address {
+  font-style: italic; }
+
+strong, dfn {
+  font-weight: bold; }
+
+sup, sub {
+  line-height: 0; }
+
+pre {
+  margin: 1.5em 0;
+  white-space: pre; }
+
+pre, code, tt {
+  font: 1em monospace;
+  line-height: 1.5; }
+
+/* Lists */
+li ul, li ol {
+  margin-left: 1.5em; }
+
+ul, ol {
+  margin: 0 0 1.5em 1.5em; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal;
+  margin-left: 1.9em; }
+
+dl {
+  margin: 0 0 1.5em 0; }
+
+dl dt {
+  font-weight: bold; }
+
+dd {
+  margin-left: 1.5em; }
+
+/* Special lists */
+ul.plain-list li, ul.nice-list li, ul.tabbed li {
+  list-style: none;
+  margin-top: 0; }
+
+ul.tabbed {
+  display: inline;
+  margin: 0; }
+
+ul.tabbed li {
+  float: left; }
+
+ul.plain-list {
+  margin: 0; }
+
+ul.nice-list {
+  margin-left: 0; }
+
+ul.nice-list li {
+  border-top: 1px solid #EEE;
+  list-style: none;
+  padding: 4px 0; }
+
+ul.nice-list li:first-child {
+  border-top: none; }
+
+ul.nice-list li .right {
+  color: #999; }
+
+/* Tables */
+table {
+  margin-bottom: 1.4em;
+  width: 100%; }
+
+th {
+  font-weight: bold; }
+
+thead th {
+  background: #C3D9FF; }
+
+th, td, caption {
+  padding: 4px 10px 4px 5px; }
+
+tr.even td {
+  background: #F2F6FA; }
+
+tfoot {
+  font-style: italic; }
+
+caption {
+  background: #EEE; }
+
+table.data-table {
+  border: 1px solid #CCB;
+  margin-bottom: 2em;
+  width: 100%; }
+
+table.data-table th {
+  background: #F0F0F0;
+  border: 1px solid #DDD;
+  color: #555;
+  text-align: left; }
+
+table.data-table tr {
+  border-bottom: 1px solid #DDD; }
+
+table.data-table td, table th {
+  padding: 10px; }
+
+table.data-table td {
+  background: #F6F6F6;
+  border: 1px solid #DDD; }
+
+table.data-table tr.even td {
+  background: #FCFCFC; }
+
+/* Misc classes */
+.small {
+  font-size: 0.9em; }
+
+.smaller {
+  font-size: 0.8em; }
+
+.smallest {
+  font-size: 0.7em; }
+
+.large {
+  font-size: 1.15em; }
+
+.larger {
+  font-size: 1.25em; }
+
+.largest {
+  font-size: 1.35em; }
+
+.hidden {
+  display: none; }
+
+.quiet, .quiet a {
+  color: #999; }
+
+.loud, .loud a {
+  color: #000; }
+
+.highlight, .highlight a {
+  background: #ff0; }
+
+.text-left {
+  text-align: left; }
+
+.text-right {
+  text-align: right; }
+
+.text-center {
+  text-align: center; }
+
+.text-separator {
+  padding: 0 5px; }
+
+.error, .notice, .success {
+  border: 1px solid #DDD;
+  margin-bottom: 1em;
+  padding: 0.6em 0.8em; }
+
+.error {
+  background: #FBE3E4;
+  color: #8A1F11;
+  border-color: #FBC2C4; }
+
+.error a {
+  color: #8A1F11; }
+
+.notice {
+  background: #FFF6BF;
+  color: #514721;
+  border-color: #FFD324; }
+
+.notice a {
+  color: #514721; }
+
+.success {
+  background: #E6EFC2;
+  color: #264409;
+  border-color: #C6D880; }
+
+.success a {
+  color: #264409; }
+
+/* Labels */
+.decoration {
+  border-left-style: solid;
+  border-left-width: 4px;
+  margin-bottom: 0.2em;
+  padding-left: 10px; }
+
+.decoration-blue {
+  border-left-color: #55AADA; }
+
+.decoration-green {
+  border-left-color: #B7D897; }
+
+.decoration-orange {
+  border-left-color: #FA8F6F; }
+
+/* 
+   Forms 
+------------------------------------------------------------------- */
+label {
+  cursor: pointer;
+  font-weight: bold; }
+
+label.checkbox, label.radio {
+  font-weight: normal; }
+
+legend {
+  font-weight: bold;
+  font-size: 1.2em; }
+
+textarea {
+  overflow: auto; }
+
+input.text, textarea, select {
+  background: #FCFCFC;
+  border: 1px inset #AAA;
+  margin: 0.5em 0;
+  padding: 4px 5px; }
+
+input.text:focus, textarea:focus, select:focus {
+  background: #FFFFF5; }
+
+input.button {
+  background: #DDD;
+  border: 1px outset #AAA;
+  padding: 4px 5px; }
+
+input.button:active {
+  border-style: inset; }
+
+/* Specific */
+form .required {
+  font-weight: bold; }
+
+.form-error {
+  border-color: #F00; }
+
+.form-row {
+  padding: 5px 0; }
+
+.form-row-submit {
+  border-top: 1px solid #DDD;
+  padding: 8px 0 10px 76px;
+  margin-top: 10px; }
+
+.legend {
+  background: #F0FAF0;
+  border: 1px solid #D6DFD6;
+  font-size: 1.5em;
+  margin: 0;
+  padding: 8px 14px; }
+
+.form-property, .form-value {
+  float: left; }
+
+.form-property {
+  padding-top: 8px;
+  text-align: right;
+  width: 60px; }
+
+.form-value {
+  padding-left: 16px; }
+
+.form-error {
+  border-color: #F00; }
+
+/* 
+   Alignment 
+------------------------------------------------------------------- */
+/* General */
+.center, .aligncenter {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+/* Images */
+img.bordered, img.alignleft, img.alignright, img.aligncenter {
+  background-color: #FFF;
+  border: 1px solid #DDD;
+  padding: 3px; }
+
+img.alignleft, img.left {
+  margin: 0 1.5em 1em 0; }
+
+img.alignright, img.right {
+  margin: 0 0 1em 1.5em; }
+
+/* Floats */
+.left, .alignleft {
+  float: left; }
+
+.right, .alignright {
+  float: right; }
+
+.clear, .clearer {
+  clear: both; }
+
+.clearer {
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  height: 0; }
+
+/* 
+   Separators 
+------------------------------------------------------------------- */
+.content-separator, .archive-separator {
+  background: #E5E5E5;
+  clear: both;
+  color: #FFE;
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  height: 1px; }
+
+.content-separator {
+  margin: 32px 0; }
+
+.archive-separator {
+  margin-bottom: 20px; }
+
+/* 
+   Posts 
+------------------------------------------------------------------- */
+.post {
+  margin-bottom: 20px; }
+
+.post img.left, .post img.right {
+  margin-bottom: 0; }
+
+.post-date {
+  color: #777;
+  margin: 2px 0 10px; }
+
+.post-date a {
+  color: #444; }
+
+.post-meta a {
+  color: #345; }
+
+.post-meta a:hover {
+  color: #001; }
+
+.post-body {
+  font-size: 1.1em; }
+
+.post-body a {
+  color: #039; }
+
+.post-body a:hover {
+  color: #039; }
+
+.post-body img.left, .post-body img.right {
+  margin-bottom: 1em; }
+
+/* Archives */
+.archive-pagination {
+  color: #777;
+  padding: 10px 0; }
+
+.archive-pagination-top {
+  border-bottom: 2px solid #DDD;
+  margin-bottom: 24px; }
+
+.archive-pagination-bottom {
+  border-top: 2px solid #DDD;
+  margin-top: 24px; }
+
+.archive-post-date {
+  background: #F5F5F5;
+  border-bottom: 1px solid #C5C5C5;
+  border-right: 1px solid #CFCFCF;
+  float: left;
+  margin-right: 12px;
+  padding: 2px 0 5px;
+  text-align: center;
+  width: 46px; }
+
+.archive-post-title .post-date {
+  margin: 0; }
+
+.archive-post-title {
+  padding-top: 4px; }
+
+.archive-post-day {
+  font: normal 1.6em Georgia,serif; }
+
+/* 
+   Comments 
+------------------------------------------------------------------- */
+.comment-input-text textarea {
+  width: 80%; }
+
+/* Comment list */
+.comment-list-wrapper {
+  background: #F6F6F6;
+  margin: 10px 0 0;
+  padding: 5px 12px 10px 7px; }
+
+.comment-list {
+  margin: 0;
+  padding: 0; }
+
+.comment-list li {
+  list-style: none; }
+
+.comment-list ul {
+  margin-bottom: 0; }
+
+.comment-profile-wrapper {
+  text-align: center;
+  width: 105px; }
+
+.comment-gravatar {
+  margin-bottom: 3px; }
+
+.comment-content-wrapper {
+  float: right;
+  width: 481px; }
+
+.comment-parent, .comment-single {
+  margin-top: 15px; }
+
+.comment-list ul.children, #comments #respond ul {
+  border-left: 1px solid #CCC;
+  margin: 0 0 0 130px; }
+
+.comment-list ul.children ul.children {
+  margin-left: 15px; }
+
+.comment-list ul.children li {
+  background: url("img/comment-reply.gif") no-repeat left top;
+  margin: 0;
+  padding: 10px 0 0 15px; }
+
+.comment-body {
+  background: #FFF;
+  border: 1px solid #DDD;
+  padding: 10px 12px 0; }
+
+.comment-list ul.children .comment-body {
+  background: #FCFCFC; }
+
+.comment-author {
+  padding-top: 2px; }
+
+.comment-text p {
+  margin-bottom: 0.8em; }
+
+.comment .post-date, .comment-author {
+  font-size: 0.9em; }
+
+.comment .post-date .right a {
+  color: #BBB; }
+
+.comment .post-date .right a:hover {
+  color: #234; }
+
+.comment-arrow {
+  background: url("img/comment-arrow.gif") no-repeat left top;
+  display: block;
+  float: left;
+  height: 45px;
+  margin: 3px 0 -45px -41px;
+  position: absolute;
+  width: 29px; }
+
+/* Respond */
+#respond li {
+  list-style: none; }
+
+#respond {
+  background: #F6F6F6;
+  padding: 10px 12px; }
+
+#respond ul {
+  margin: 0; }
+
+#respond .legend {
+  margin-bottom: 10px; }
+
+#comments #respond {
+  padding: 0; }
+
+#comments #respond .legend {
+  border-bottom: 0;
+  margin-bottom: 0; }
+
+#comments #respond ul {
+  background: url("img/comment-reply.gif") no-repeat left top;
+  padding: 10px 0 0 15px; }
+
+#comments ul.children #respond ul {
+  margin-left: 30px;
+  padding: 0; }
+
+#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {
+  display: none; }
+
+#comments #respond .comment-body {
+  background: #FFF; }
+
+#comments #respond .comment-content-wrapper {
+  float: none;
+  width: 100%; }
+
+/* 
+   Layout 
+------------------------------------------------------------------- */
+/* Common */
+#top, #sub-nav {
+  border-bottom: 1px solid #DDD; }
+
+/* Wrapper */
+#site-wrapper {
+  margin: 0 auto;
+  width: 920px; }
+
+/* Header */
+#header {
+  padding-top: 24px; }
+
+/* Top */
+#top {
+  padding-bottom: 32px; }
+
+/* Logo */
+#logo {
+  border-right: 1px solid #DDD;
+  padding: 10px 40px 10px 0;
+  margin-right: 40px; }
+
+/* Splash */
+#splash {
+  padding-top: 32px; }
+
+/* Navigation */
+.navigation a {
+  color: #888;
+  text-decoration: none; }
+
+.navigation a:hover {
+  color: #002; }
+
+.navigation li.current-tab a {
+  color: #222; }
+
+.main-nav li:first-child, #sub-nav li:first-child {
+  margin-left: 0; }
+
+/* Main navigation */
+.main-nav {
+  padding-top: 72px; }
+
+.main-nav li {
+  margin: 0 1.5em; }
+
+.main-nav a {
+  font-size: 1.8em;
+  line-height: 2em;
+  padding-bottom: 2px; }
+
+.main-nav li.current-tab a {
+  color: #333; }
+
+.main-nav a:hover {
+  color: #002; }
+
+.main-nav li.current-tab a {
+  border-bottom: 2px solid #94CC5F; }
+
+/* Subnav */
+#sub-nav {
+  border-bottom: 1px solid #DDD;
+  padding: 12px 0; }
+
+#sub-nav a {
+  font-size: 1.2em;
+  text-decoration: none; }
+
+#sub-nav li {
+  margin: 0 1em; }
+
+#sub-nav li.current-tab a {
+  font-weight: bold; }
+
+/* Main */
+.main {
+  margin: 24px 0; }
+
+.main#main-two-columns {
+  background: url("img/main-two-columns.gif") repeat-y right top; }
+
+.main#main-two-columns-left {
+  background: url("img/main-two-columns-left.gif") repeat-y left top; }
+
+.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {
+  width: 620px; }
+
+/* Sidebar */
+#sidebar {
+  width: 255px; }
+
+/* Columns */
+.col3, .col3-mid {
+  width: 31%; }
+
+.col3-mid {
+  margin-left: 3%; }
+
+/* Sections */
+.section {
+  margin-bottom: 24px; }
+
+.section-title {
+  background-color: #F9F9F9;
+  border-top: 2px solid #DDD;
+  color: #7A7A7A;
+  font: bold 1.2em sans-serif;
+  margin-bottom: 16px;
+  padding: 7px 10px 6px; }
+
+#sidebar .section-title {
+  margin-bottom: 8px; }
+
+/* Footer */
+#footer {
+  border-top: 1px solid #DDD;
+  color: #777;
+  padding: 16px 0 4px; }
+
+#footer-left {
+  width: 459px; }
+
+#footer-right {
+  width: 459px;
+  text-align: right; }
+
+#footer p {
+  margin-bottom: 0.4em; }
+
+#footer .text-separator {
+  padding: 0 3px;
+  color: #BBB; }
+
+#footer a:hover {
+  color: #000; }
+
+/* 
+   Misc overriding classes
+------------------------------------------------------------------- */
+/* Border */
+.noborder {
+  border: 0; }
+
+.notborder {
+  border-top: 0; }
+
+.norborder {
+  border-right: 0; }
+
+.nobborder {
+  border-bottom: 0; }
+
+.nolborder {
+  border-left: 0; }
+
+/* Margin */
+.nomargin {
+  margin: 0; }
+
+.notmargin {
+  margin-top: 0; }
+
+.normargin {
+  margin-right: 0; }
+
+.nobmargin {
+  margin-bottom: 0; }
+
+.nolmargin {
+  margin-left: 0; }
+
+/* Padding */
+.nopadding {
+  padding: 0; }
+
+.notpadding {
+  padding-top: 0; }
+
+.norpadding {
+  padding-right: 0; }
+
+.nobpadding {
+  padding-bottom: 0; }
+
+.nolpadding {
+  padding-left: 0; }
+
+/* 
+   IE Fixes (zzz)
+------------------------------------------------------------------- */
+* html .navigation, * html #footer, * html #splash, * html .comment ul {
+  height: 0.01%; }
+
+* html #footer-left {
+  width: 500px; }
+
+.navigation, #splash, .comment ul {
+  min-height: 0.01%; }