ActionItem0: Bar TMP version

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@387 3f533792-8f58-4932-b0fe-aaf55b0a4547

ActionItem0: Bar TMP version
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@387 3f533792-8f58-4932-b0fe-aaf55b0a4547
ValessioBrito
1 parent 7c019a71
Showing 9 changed files with 551 additions and 0 deletions Show diff stats
public/artwork/tmp/bar.html
public/artwork/tmp/css/blue_bar.css
public/artwork/tmp/css/box.css.old
public/artwork/tmp/css/comatose_admin.css
public/artwork/tmp/css/common.css
public/artwork/tmp/css/q
public/artwork/tmp/img/bg_blue_bar.png
public/artwork/tmp/img/bg_blue_logo.png
public/artwork/tmp/img/black_white_12px.png
@@ -0,0 +1,67 @@
+<html>
+  <head>
+    <script src="./javascripts/prototype.js" type="text/javascript"></script>
+<script src="./javascripts/effects.js" type="text/javascript"></script>
+<script src="./javascripts/dragdrop.js" type="text/javascript"></script>
+<script src="./javascripts/controls.js" type="text/javascript"></script>
+<script src="./javascripts/application.js" type="text/javascript"></script>
+    <link href="./stylesheets/common.css" media="screen" rel="Stylesheet" type="text/css" />
+    <link href="./stylesheets/blue_bar.css" media="screen" rel="Stylesheet" type="text/css" />
+    <script src="./javascripts/comatose_admin.js?1187714957" type="text/javascript"></script>
+  </head>
+
+  <body>
+    <img alt="Loading" id="spinner" src="/images/loading.gif" style="display:none; float:right;" />
+    <div id="wrap">
+      
+      <div id="frame">
+        <div id="menu_accessibility">
+          Skip to:
+          <a href="#main_content">Content</a> | 
+          <a href="#sidebar">Navigation</a> | 
+          <a href="#footer">Footer</a>
+        </div>
+
+        <div id="header">
+          <div id="virtual_community_identification">Default Virtual Community</div>
+<span id="user_links"><a href="/account">My account</a>
+<a href="/ze">My home page</a>
+<a href="/cms/ze">Manage content</a>
+<a href="/customize/ze/edit_template">Manage layout</a>
+<a href="/admin/enterprise">My enterprises</a></span> <span id="logout_box"><a href="/account/logout" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;">Logout</a></span>
+        </div>
+
+        <div id='content'>
+	  <!-- <a name='main_content'/></a> -->
+          <div id='header_content'>
+            <!-- Aqui entra um conteudo tipo o titulo da pagina do usuário e os botoes do comatose? -->
+          </div>
+          
+            <div id="boxes"><h2>Change template</h2>
+
+<div>
+
+    <a href="/customize/ze/edit_template/design_editor?template=old_default" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="Old Blue Style 3 columns" src="./designs/templates/old_default/thumbnail.png?1187387270" title="Old Blue Style 3 columns" /></a>
+
+    <a href="/customize/ze/edit_template/design_editor?template=leftbar" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="LeftBar 2 columns" src="./designs/templates/leftbar/thumbnail.png?1187387782" title="LeftBar 2 columns" /></a>
+
+    <a href="/customize/ze/edit_template/design_editor?template=raw" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="No template at all" src="./designs/templates/raw/thumbnail.png?1187232083" title="No template at all" /></a>
+
+    <a href="/customize/ze/edit_template/design_editor?template=default.old" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="Blue Style 3 columns" src="./designs/templates/default.old/thumbnail.png?1187387270" title="Blue Style 3 columns" /></a>
+
+</div>
+</div>
+          
+        </div>
+
+        <div id="footer">
+          <!-- <a name='footer'/></a> -->
+          nothing in the footer yet
+          <img action="list" alt="back" src="./designs/icons/default/none.png" />
+        </div>
+      </div>
+    </div>
+
+  </body>
+
+</html>
@@ -0,0 +1,74 @@
+/* Bar Blue Default */
+
+#virtual_community_identification {
+position: absolute;
+background: url("../images/bg_blue_logo.png") no-repeat;
+vertical-align: bottom;
+width: 230px;
+height: 34px;
+line-height: 34px;
+padding-left: 60px;
+}
+
+#virtual_community_identification:hover {
+color: #dfdfdf;
+}
+
+#header {
+  background: #fff url("../images/bg_blue_bar.png") repeat-x;
+  color: #ffffff;
+}
+
+
+#header a {
+display: table-cell;
+height: 35px;
+color: #ffffff;
+font-size: 10px;
+font-family: Sans-serif;
+font-weight: bold;
+vertical-align: middle;
+padding: 0px 5px 0px 5px;
+text-decoration: underline;
+}
+
+#user_links {
+margin-left: 290px;
+}
+
+#user_links a:hover, #user_links a:focus {
+color: #dfdfdf;
+text-decoration: none;
+}
+
+#logout_box a:hover, #logout_box a:focus {
+color: red;
+text-decoration: none;
+}
+
+#frame {
+  background: #fff url("../images/black_white_12px.png") repeat-x;
+}
+
+#menu_accessibility {
+  font-size: 10px;
+  color: black;
+  font-family: Sans-serif;
+  color: #545454;
+}
+
+#menu_accessibility a {
+  color: #545454;
+  text-decoration: none;
+}
+
+#menu_accessibility a:hover {
+  color: #000000;
+  text-decoration: underline;
+}
+
+#menu_accessibility a:focus {
+  color: red;
+  text-decoration: underline;
+}
+
@@ -0,0 +1,78 @@
+#leftcontent div.block span
+{
+display: none;
+}
+
+#leftcontent div.block
+{
+	background: #FFFFFF url("../img/box_bottom_v1_190px.jpg") no-repeat bottom left;
+	padding-bottom: 10px;
+	margin-bottom: 10px;
+}
+
+div.block ul
+{
+	margin-left: 25px;
+}
+
+#leftcontent div.block h3
+{
+	color: #FFFFFF;
+	font-size: 12px;
+	font-weight: normal;
+	background: #474747 url("../img/box_top_v1_190px.jpg") no-repeat;
+	height: 27px;
+	line-height: 27px;
+	padding-left: 10px;
+}
+
+
+#rightcontent div.block span
+{
+display: none;
+}
+
+#rightcontent div.block
+{
+	background: #FFFFFF url("../img/box_bottom_v1_190px.jpg") no-repeat bottom left;
+	padding-bottom: 10px;
+	margin-bottom: 20px;
+}
+
+#rightcontent div.block h3
+{
+	color: #FFFFFF;
+	font-size: 12px;
+	font-weight: normal;
+	background: #474747 url("../img/box_top_v1_190px.jpg") no-repeat;
+	height: 27px;
+	line-height: 27px;
+	padding-left: 10px;
+        margin: 0px;
+}
+
+	
+
+div.block .block_content
+{
+	background-image: url("../img/box_content_v1.png");
+	background-repeat: repeat-x;
+	background-position: 0 1px;
+	padding: 5px;
+}
+
+
+
+/* Inicio personalizacao individual */
+
+div#links {
+background: blue;
+}
+
+div#comment {
+background: green;
+}
+
+div#about {
+background: red;
+}
@@ -0,0 +1,329 @@
+
+/* Page Listing */
+#content .tree-controller {
+  border: 0px;
+  cursor: pointer;
+}
+#content .page-list.root {
+  clear: both;
+  list-style: none;
+  margin: 0px;
+  padding: 0px;
+  margin-top: 10px;
+}
+#content .page-list.collapsed {
+  display: none;
+}
+#content .page-list {
+  /* background: white; */
+  clear: both;
+  list-style: none;
+  border-left: none;
+  margin: 0px;
+  padding: 0px;
+  padding-left: 15px;
+  margin-top: 2px;
+}
+#content .page-list LI {
+  clear: both;
+  padding: 0px;
+  margin: 5px 0px;
+  padding-top: 2px;
+  padding-right: 0px;
+  padding-left: 2px;
+}
+#content .page-list .commands {
+  font-size: 90%;
+  padding-left: 5px;
+}
+#content .page-list .commands A {
+  /* color: gray; */
+}
+#content .page-list .commands A.add-page:hover {
+  /* color: blue; */
+}
+#content .page-list .commands A.reorder-children:hover {
+/*   color: black; */
+}
+#content .page-list .commands A.delete-page:hover {
+/*   color: white; */
+}
+#content .page-list .commands A.reordering {
+/*   background: navy; */
+/*   color: white; */
+}
+#content .page-list .commands A.reordering:hover {
+/*   color: white; */
+}
+#content .page-list A.page {
+  text-decoration: none;
+/*   color: black; */
+  margin-left: 3px;
+  display: block;
+}
+#content .page-list A.page:hover {
+  /*color: blue;*/
+  background: white url(../images/comatose/title-hover-bg.gif) top left repeat-y;
+}
+#content .handle, #content .do-reorder UL LI .handle {
+  display: none;
+}
+
+#content .page-list .hover {
+/*   background: #F1F0DB; */
+}
+#content .page-list .hover-delete {
+  background: red;
+/*   color: #FF8E90; */
+}
+#content .page-list .hover-delete A,
+#content .page-list .hover-delete .commands A {
+/*   color: #FF8E90; */
+}
+#content .page-list .hover-delete A.page {
+/*   color: white; */
+  border-bottom: 0px;
+}
+#content .page-list .hover-delete UL LI A.page {
+/*   color: red; */
+  border-bottom: 0px;
+}
+
+#content .do-reorder LI .handle {
+  display: inline;
+/*   background: gray; */
+/*   color: white; */
+  padding: 1px 3px;
+  cursor: move;
+}
+
+#content .page-list .do-reorder .commands A {
+  display: none;
+}
+
+/* Page Form */
+#content .page-form {
+  margin-top: 10px;
+}
+#content .page-form LABEL {
+  font-weight: bold;
+/*   color: #555; */
+}
+#content .page-form .meta-info LABEL {
+/*   color: #999 !important; */
+}
+#content .page-form .label { 
+  padding-top: 5px;
+  width: 75px;
+  text-align: right;
+  padding-right: 10px;
+}
+#content .page-form .label.body {
+  vertical-align: top;
+  padding-top: 10px;
+} 
+#content .page-form .field { 
+  padding-top: 5px;  
+}
+#content .page-form .field-help { 
+/*   color: gray; */
+}
+#content .page-form #page_title {
+  font-weight: bold;
+}
+#content .page-form #page_slug {
+/*   color: gray; */
+}
+#content .page-form #page_body {
+  font-family: monospace;
+}
+
+#content #button-group {
+  padding: 10px;
+  text-align: right;
+/*   background-color: #EAEAEA; */
+  margin-top: 10px;
+}
+#content #button-group .last-update {
+  float: left;
+/*   color: gray; */
+  padding-top: 4px;
+  font-weight: bold;
+}
+#content #button-group .last-update LABEL {
+  font-weight: normal;
+}
+#content #button-group .last-update A {
+/*   color: gray; */
+}
+#content #button-group A {
+/*   color: maroon; */
+}
+#content #button-group A:hover {
+/*   color: red; */
+}
+
+#content #preview-area {
+  margin-top: 10px;
+}
+#content #preview-area FIELDSET {
+/*   border: 1px solid silver; */
+}
+#content #preview-area LEGEND {
+  font-size: 125%;
+}
+#content #preview-area .preview-body {
+  padding: 10px;
+}
+#content #preview-area .preview-note {
+/*   background: #FFFFD9; */
+  padding: 15px;
+}
+#content #preview-area .commands {
+  text-align: right;
+/*   color: gray; */
+}
+#content #preview-area .commands A {
+/*   color: gray; */
+}
+#content #preview-area .commands A:hover {
+/*   color: black; */
+}
+#content .revisions {
+  padding: 10px;
+  width: 49%; 
+}
+#content .current-content {
+}
+#content .older-content {
+/*   background: #E9E9E9; */
+  float: right;
+}
+
+#content .revisions label {
+  display: block;
+/*   color: #000; */
+}
+#content .revisions label span {
+/*   color: #999; */
+  font-weight: normal !important;
+}
+#content .revisions .title {
+  font-weight: bold;
+  margin-top: 5px;
+}
+#content .revisions .header {
+  font-size: 110%;
+  vertical-align: middle;
+  font-weight: bold;
+}
+#content .revisions .header-actions {
+  float: right;
+  font-size: 90%;
+  font-weight: normal;
+/*   color: #999; */
+}
+#content .revisions .meta {
+  margin-bottom: 15px;
+}
+#content .revisions .footer {
+  margin-top: 25px !important;
+  text-align: center !important;
+}
+#content #go-btn {
+  display: none;
+}
+/* Errors */
+#errorExplanation {
+  border: 1px solid red;
+/*   background: #FFEAEB; */
+  padding: 10px;
+  margin-top: 10px;
+}
+#errorExplanation h2 {
+  margin: 0px;
+  padding: 0px;
+/*   color: maroon; */
+}
+#errorExplanation p {
+  margin: 0px;
+  padding: 0px;
+  padding-top: 5px;
+  padding-left: 15px;
+}
+#errorExplanation ul {  
+  margin: 0px;
+  padding: 0px;
+  padding-left: 35px;
+}
+#errorExplanation li {
+  margin: 0px;
+  padding: 0px;  
+  padding-top: 5px;
+}
+
+/* Footer Area*/
+/*
+#footer {
+  border-top: 4px solid #AAA;
+  text-align: center;
+  font-size: 90%;
+  color: #AAA;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+#footer A {
+  color: #AAA;
+  text-decoration: none;
+  font-weight: bold;
+}
+#footer A:hover {
+  color: #333;
+  text-decoration: underline;
+}
+*/
+
+/* Modifiers */
+
+/* When JavaScript is Turned Off... We need to adjust some things... */
+.noscript #more-options,
+.noscript #preview-area,
+.noscript #preview-btn,
+.noscript .tree-controller {
+  display: none;
+}
+.noscript .page-list.collapsed {
+  display: block !important;
+}
+.noscript .delete-page:hover {
+  color: red !important;
+}
+.noscript #content .page-form #page_title,
+.noscript #content .page-form #page_slug,
+.noscript #content .page-form #page_parent,
+.noscript #content .page-form #page_keywords,
+.noscript #content .page-form #page_body {
+  width: 100% !important;
+}
+.noscript #content .revisions #go-btn {
+  display: inline;
+}
+
+ul.page-list li table,
+ul.page-list li td {
+  border: none;
+}
+
+div.comatose_field label {
+  display: block;
+  font-weight: bold;
+}
+
+div.comatose_field textarea {
+  width: 100%;
+}
+div.comatose_field textarea, 
+div.comatose_field input, 
+div.comatose_field select {
+  border: 1px solid gray;
+}
@@ -0,0 +1,3 @@
+a img {
+  border: none;
+}
...	...	@@ -0,0 +1,67 @@
	1	+<html>
	2	+ <head>
	3	+ <script src="./javascripts/prototype.js" type="text/javascript"></script>
	4	+<script src="./javascripts/effects.js" type="text/javascript"></script>
	5	+<script src="./javascripts/dragdrop.js" type="text/javascript"></script>
	6	+<script src="./javascripts/controls.js" type="text/javascript"></script>
	7	+<script src="./javascripts/application.js" type="text/javascript"></script>
	8	+ <link href="./stylesheets/common.css" media="screen" rel="Stylesheet" type="text/css" />
	9	+ <link href="./stylesheets/blue_bar.css" media="screen" rel="Stylesheet" type="text/css" />
	10	+ <script src="./javascripts/comatose_admin.js?1187714957" type="text/javascript"></script>
	11	+ </head>
	12	+
	13	+ <body>
	14	+ <img alt="Loading" id="spinner" src="/images/loading.gif" style="display:none; float:right;" />
	15	+ <div id="wrap">
	16	+
	17	+ <div id="frame">
	18	+ <div id="menu_accessibility">
	19	+ Skip to:
	20	+ <a href="#main_content">Content</a> \|
	21	+ <a href="#sidebar">Navigation</a> \|
	22	+ <a href="#footer">Footer</a>
	23	+ </div>
	24	+
	25	+ <div id="header">
	26	+ <div id="virtual_community_identification">Default Virtual Community</div>
	27	+<span id="user_links"><a href="/account">My account</a>
	28	+<a href="/ze">My home page</a>
	29	+<a href="/cms/ze">Manage content</a>
	30	+<a href="/customize/ze/edit_template">Manage layout</a>
	31	+<a href="/admin/enterprise">My enterprises</a></span> <span id="logout_box"><a href="/account/logout" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;">Logout</a></span>
	32	+ </div>
	33	+
	34	+ <div id='content'>
	35	+ <!-- <a name='main_content'/></a> -->
	36	+ <div id='header_content'>
	37	+ <!-- Aqui entra um conteudo tipo o titulo da pagina do usuário e os botoes do comatose? -->
	38	+ </div>
	39	+
	40	+ <div id="boxes"><h2>Change template</h2>
	41	+
	42	+<div>
	43	+
	44	+ <a href="/customize/ze/edit_template/design_editor?template=old_default" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="Old Blue Style 3 columns" src="./designs/templates/old_default/thumbnail.png?1187387270" title="Old Blue Style 3 columns" /></a>
	45	+
	46	+ <a href="/customize/ze/edit_template/design_editor?template=leftbar" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="LeftBar 2 columns" src="./designs/templates/leftbar/thumbnail.png?1187387782" title="LeftBar 2 columns" /></a>
	47	+
	48	+ <a href="/customize/ze/edit_template/design_editor?template=raw" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="No template at all" src="./designs/templates/raw/thumbnail.png?1187232083" title="No template at all" /></a>
	49	+
	50	+ <a href="/customize/ze/edit_template/design_editor?template=default.old" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'post'); f.appendChild(m);f.submit();return false;"><img alt="Blue Style 3 columns" src="./designs/templates/default.old/thumbnail.png?1187387270" title="Blue Style 3 columns" /></a>
	51	+
	52	+</div>
	53	+</div>
	54	+
	55	+ </div>
	56	+
	57	+ <div id="footer">
	58	+ <!-- <a name='footer'/></a> -->
	59	+ nothing in the footer yet
	60	+ <img action="list" alt="back" src="./designs/icons/default/none.png" />
	61	+ </div>
	62	+ </div>
	63	+ </div>
	64	+
	65	+ </body>
	66	+
	67	+</html>
...	...
...	...	@@ -0,0 +1,74 @@
	1	+/* Bar Blue Default */
	2	+
	3	+#virtual_community_identification {
	4	+position: absolute;
	5	+background: url("../images/bg_blue_logo.png") no-repeat;
	6	+vertical-align: bottom;
	7	+width: 230px;
	8	+height: 34px;
	9	+line-height: 34px;
	10	+padding-left: 60px;
	11	+}
	12	+
	13	+#virtual_community_identification:hover {
	14	+color: #dfdfdf;
	15	+}
	16	+
	17	+#header {
	18	+ background: #fff url("../images/bg_blue_bar.png") repeat-x;
	19	+ color: #ffffff;
	20	+}
	21	+
	22	+
	23	+#header a {
	24	+display: table-cell;
	25	+height: 35px;
	26	+color: #ffffff;
	27	+font-size: 10px;
	28	+font-family: Sans-serif;
	29	+font-weight: bold;
	30	+vertical-align: middle;
	31	+padding: 0px 5px 0px 5px;
	32	+text-decoration: underline;
	33	+}
	34	+
	35	+#user_links {
	36	+margin-left: 290px;
	37	+}
	38	+
	39	+#user_links a:hover, #user_links a:focus {
	40	+color: #dfdfdf;
	41	+text-decoration: none;
	42	+}
	43	+
	44	+#logout_box a:hover, #logout_box a:focus {
	45	+color: red;
	46	+text-decoration: none;
	47	+}
	48	+
	49	+#frame {
	50	+ background: #fff url("../images/black_white_12px.png") repeat-x;
	51	+}
	52	+
	53	+#menu_accessibility {
	54	+ font-size: 10px;
	55	+ color: black;
	56	+ font-family: Sans-serif;
	57	+ color: #545454;
	58	+}
	59	+
	60	+#menu_accessibility a {
	61	+ color: #545454;
	62	+ text-decoration: none;
	63	+}
	64	+
	65	+#menu_accessibility a:hover {
	66	+ color: #000000;
	67	+ text-decoration: underline;
	68	+}
	69	+
	70	+#menu_accessibility a:focus {
	71	+ color: red;
	72	+ text-decoration: underline;
	73	+}
	74	+
...	...
...	...	@@ -0,0 +1,78 @@
	1	+#leftcontent div.block span
	2	+{
	3	+display: none;
	4	+}
	5	+
	6	+#leftcontent div.block
	7	+{
	8	+ background: #FFFFFF url("../img/box_bottom_v1_190px.jpg") no-repeat bottom left;
	9	+ padding-bottom: 10px;
	10	+ margin-bottom: 10px;
	11	+}
	12	+
	13	+div.block ul
	14	+{
	15	+ margin-left: 25px;
	16	+}
	17	+
	18	+#leftcontent div.block h3
	19	+{
	20	+ color: #FFFFFF;
	21	+ font-size: 12px;
	22	+ font-weight: normal;
	23	+ background: #474747 url("../img/box_top_v1_190px.jpg") no-repeat;
	24	+ height: 27px;
	25	+ line-height: 27px;
	26	+ padding-left: 10px;
	27	+}
	28	+
	29	+
	30	+#rightcontent div.block span
	31	+{
	32	+display: none;
	33	+}
	34	+
	35	+#rightcontent div.block
	36	+{
	37	+ background: #FFFFFF url("../img/box_bottom_v1_190px.jpg") no-repeat bottom left;
	38	+ padding-bottom: 10px;
	39	+ margin-bottom: 20px;
	40	+}
	41	+
	42	+#rightcontent div.block h3
	43	+{
	44	+ color: #FFFFFF;
	45	+ font-size: 12px;
	46	+ font-weight: normal;
	47	+ background: #474747 url("../img/box_top_v1_190px.jpg") no-repeat;
	48	+ height: 27px;
	49	+ line-height: 27px;
	50	+ padding-left: 10px;
	51	+ margin: 0px;
	52	+}
	53	+
	54	+
	55	+
	56	+div.block .block_content
	57	+{
	58	+ background-image: url("../img/box_content_v1.png");
	59	+ background-repeat: repeat-x;
	60	+ background-position: 0 1px;
	61	+ padding: 5px;
	62	+}
	63	+
	64	+
	65	+
	66	+/* Inicio personalizacao individual */
	67	+
	68	+div#links {
	69	+background: blue;
	70	+}
	71	+
	72	+div#comment {
	73	+background: green;
	74	+}
	75	+
	76	+div#about {
	77	+background: red;
	78	+}
...	...
...	...	@@ -0,0 +1,329 @@
	1	+
	2	+/* Page Listing */
	3	+#content .tree-controller {
	4	+ border: 0px;
	5	+ cursor: pointer;
	6	+}
	7	+#content .page-list.root {
	8	+ clear: both;
	9	+ list-style: none;
	10	+ margin: 0px;
	11	+ padding: 0px;
	12	+ margin-top: 10px;
	13	+}
	14	+#content .page-list.collapsed {
	15	+ display: none;
	16	+}
	17	+#content .page-list {
	18	+ /* background: white; */
	19	+ clear: both;
	20	+ list-style: none;
	21	+ border-left: none;
	22	+ margin: 0px;
	23	+ padding: 0px;
	24	+ padding-left: 15px;
	25	+ margin-top: 2px;
	26	+}
	27	+#content .page-list LI {
	28	+ clear: both;
	29	+ padding: 0px;
	30	+ margin: 5px 0px;
	31	+ padding-top: 2px;
	32	+ padding-right: 0px;
	33	+ padding-left: 2px;
	34	+}
	35	+#content .page-list .commands {
	36	+ font-size: 90%;
	37	+ padding-left: 5px;
	38	+}
	39	+#content .page-list .commands A {
	40	+ /* color: gray; */
	41	+}
	42	+#content .page-list .commands A.add-page:hover {
	43	+ /* color: blue; */
	44	+}
	45	+#content .page-list .commands A.reorder-children:hover {
	46	+/* color: black; */
	47	+}
	48	+#content .page-list .commands A.delete-page:hover {
	49	+/* color: white; */
	50	+}
	51	+#content .page-list .commands A.reordering {
	52	+/* background: navy; */
	53	+/* color: white; */
	54	+}
	55	+#content .page-list .commands A.reordering:hover {
	56	+/* color: white; */
	57	+}
	58	+#content .page-list A.page {
	59	+ text-decoration: none;
	60	+/* color: black; */
	61	+ margin-left: 3px;
	62	+ display: block;
	63	+}
	64	+#content .page-list A.page:hover {
	65	+ /color: blue;/
	66	+ background: white url(../images/comatose/title-hover-bg.gif) top left repeat-y;
	67	+}
	68	+#content .handle, #content .do-reorder UL LI .handle {
	69	+ display: none;
	70	+}
	71	+
	72	+#content .page-list .hover {
	73	+/* background: #F1F0DB; */
	74	+}
	75	+#content .page-list .hover-delete {
	76	+ background: red;
	77	+/* color: #FF8E90; */
	78	+}
	79	+#content .page-list .hover-delete A,
	80	+#content .page-list .hover-delete .commands A {
	81	+/* color: #FF8E90; */
	82	+}
	83	+#content .page-list .hover-delete A.page {
	84	+/* color: white; */
	85	+ border-bottom: 0px;
	86	+}
	87	+#content .page-list .hover-delete UL LI A.page {
	88	+/* color: red; */
	89	+ border-bottom: 0px;
	90	+}
	91	+
	92	+#content .do-reorder LI .handle {
	93	+ display: inline;
	94	+/* background: gray; */
	95	+/* color: white; */
	96	+ padding: 1px 3px;
	97	+ cursor: move;
	98	+}
	99	+
	100	+#content .page-list .do-reorder .commands A {
	101	+ display: none;
	102	+}
	103	+
	104	+/* Page Form */
	105	+#content .page-form {
	106	+ margin-top: 10px;
	107	+}
	108	+#content .page-form LABEL {
	109	+ font-weight: bold;
	110	+/* color: #555; */
	111	+}
	112	+#content .page-form .meta-info LABEL {
	113	+/* color: #999 !important; */
	114	+}
	115	+#content .page-form .label {
	116	+ padding-top: 5px;
	117	+ width: 75px;
	118	+ text-align: right;
	119	+ padding-right: 10px;
	120	+}
	121	+#content .page-form .label.body {
	122	+ vertical-align: top;
	123	+ padding-top: 10px;
	124	+}
	125	+#content .page-form .field {
	126	+ padding-top: 5px;
	127	+}
	128	+#content .page-form .field-help {
	129	+/* color: gray; */
	130	+}
	131	+#content .page-form #page_title {
	132	+ font-weight: bold;
	133	+}
	134	+#content .page-form #page_slug {
	135	+/* color: gray; */
	136	+}
	137	+#content .page-form #page_body {
	138	+ font-family: monospace;
	139	+}
	140	+
	141	+#content #button-group {
	142	+ padding: 10px;
	143	+ text-align: right;
	144	+/* background-color: #EAEAEA; */
	145	+ margin-top: 10px;
	146	+}
	147	+#content #button-group .last-update {
	148	+ float: left;
	149	+/* color: gray; */
	150	+ padding-top: 4px;
	151	+ font-weight: bold;
	152	+}
	153	+#content #button-group .last-update LABEL {
	154	+ font-weight: normal;
	155	+}
	156	+#content #button-group .last-update A {
	157	+/* color: gray; */
	158	+}
	159	+#content #button-group A {
	160	+/* color: maroon; */
	161	+}
	162	+#content #button-group A:hover {
	163	+/* color: red; */
	164	+}
	165	+
	166	+#content #preview-area {
	167	+ margin-top: 10px;
	168	+}
	169	+#content #preview-area FIELDSET {
	170	+/* border: 1px solid silver; */
	171	+}
	172	+#content #preview-area LEGEND {
	173	+ font-size: 125%;
	174	+}
	175	+#content #preview-area .preview-body {
	176	+ padding: 10px;
	177	+}
	178	+#content #preview-area .preview-note {
	179	+/* background: #FFFFD9; */
	180	+ padding: 15px;
	181	+}
	182	+#content #preview-area .commands {
	183	+ text-align: right;
	184	+/* color: gray; */
	185	+}
	186	+#content #preview-area .commands A {
	187	+/* color: gray; */
	188	+}
	189	+#content #preview-area .commands A:hover {
	190	+/* color: black; */
	191	+}
	192	+#content .revisions {
	193	+ padding: 10px;
	194	+ width: 49%;
	195	+}
	196	+#content .current-content {
	197	+}
	198	+#content .older-content {
	199	+/* background: #E9E9E9; */
	200	+ float: right;
	201	+}
	202	+
	203	+#content .revisions label {
	204	+ display: block;
	205	+/* color: #000; */
	206	+}
	207	+#content .revisions label span {
	208	+/* color: #999; */
	209	+ font-weight: normal !important;
	210	+}
	211	+#content .revisions .title {
	212	+ font-weight: bold;
	213	+ margin-top: 5px;
	214	+}
	215	+#content .revisions .header {
	216	+ font-size: 110%;
	217	+ vertical-align: middle;
	218	+ font-weight: bold;
	219	+}
	220	+#content .revisions .header-actions {
	221	+ float: right;
	222	+ font-size: 90%;
	223	+ font-weight: normal;
	224	+/* color: #999; */
	225	+}
	226	+#content .revisions .meta {
	227	+ margin-bottom: 15px;
	228	+}
	229	+#content .revisions .footer {
	230	+ margin-top: 25px !important;
	231	+ text-align: center !important;
	232	+}
	233	+#content #go-btn {
	234	+ display: none;
	235	+}
	236	+/* Errors */
	237	+#errorExplanation {
	238	+ border: 1px solid red;
	239	+/* background: #FFEAEB; */
	240	+ padding: 10px;
	241	+ margin-top: 10px;
	242	+}
	243	+#errorExplanation h2 {
	244	+ margin: 0px;
	245	+ padding: 0px;
	246	+/* color: maroon; */
	247	+}
	248	+#errorExplanation p {
	249	+ margin: 0px;
	250	+ padding: 0px;
	251	+ padding-top: 5px;
	252	+ padding-left: 15px;
	253	+}
	254	+#errorExplanation ul {
	255	+ margin: 0px;
	256	+ padding: 0px;
	257	+ padding-left: 35px;
	258	+}
	259	+#errorExplanation li {
	260	+ margin: 0px;
	261	+ padding: 0px;
	262	+ padding-top: 5px;
	263	+}
	264	+
	265	+/* Footer Area*/
	266	+/*
	267	+#footer {
	268	+ border-top: 4px solid #AAA;
	269	+ text-align: center;
	270	+ font-size: 90%;
	271	+ color: #AAA;
	272	+ padding-top: 5px;
	273	+ padding-bottom: 5px;
	274	+}
	275	+#footer A {
	276	+ color: #AAA;
	277	+ text-decoration: none;
	278	+ font-weight: bold;
	279	+}
	280	+#footer A:hover {
	281	+ color: #333;
	282	+ text-decoration: underline;
	283	+}
	284	+*/
	285	+
	286	+/* Modifiers */
	287	+
	288	+/* When JavaScript is Turned Off... We need to adjust some things... */
	289	+.noscript #more-options,
	290	+.noscript #preview-area,
	291	+.noscript #preview-btn,
	292	+.noscript .tree-controller {
	293	+ display: none;
	294	+}
	295	+.noscript .page-list.collapsed {
	296	+ display: block !important;
	297	+}
	298	+.noscript .delete-page:hover {
	299	+ color: red !important;
	300	+}
	301	+.noscript #content .page-form #page_title,
	302	+.noscript #content .page-form #page_slug,
	303	+.noscript #content .page-form #page_parent,
	304	+.noscript #content .page-form #page_keywords,
	305	+.noscript #content .page-form #page_body {
	306	+ width: 100% !important;
	307	+}
	308	+.noscript #content .revisions #go-btn {
	309	+ display: inline;
	310	+}
	311	+
	312	+ul.page-list li table,
	313	+ul.page-list li td {
	314	+ border: none;
	315	+}
	316	+
	317	+div.comatose_field label {
	318	+ display: block;
	319	+ font-weight: bold;
	320	+}
	321	+
	322	+div.comatose_field textarea {
	323	+ width: 100%;
	324	+}
	325	+div.comatose_field textarea,
	326	+div.comatose_field input,
	327	+div.comatose_field select {
	328	+ border: 1px solid gray;
	329	+}
...	...