ActionItem114: Template Right Column test

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

ActionItem114: Template Right Column test
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@822 3f533792-8f58-4932-b0fe-aaf55b0a4547
ValessioBrito
1 parent 9b2caab6
Showing 21 changed files with 433 additions and 1 deletions Show diff stats
public/designs/templates/default/stylesheets/contentblocks.css
public/designs/templates/rightcolumn/images/add.png
public/designs/templates/rightcolumn/images/bgblue.jpg
public/designs/templates/rightcolumn/images/bgblue.png
public/designs/templates/rightcolumn/images/bggreen.jpg
public/designs/templates/rightcolumn/images/bggreen.png
public/designs/templates/rightcolumn/images/bgorange.jpg
public/designs/templates/rightcolumn/images/bgorange.png
public/designs/templates/rightcolumn/images/bgpurple.jpg
public/designs/templates/rightcolumn/images/bgpurple.png
public/designs/templates/rightcolumn/images/bgred.jpg
public/designs/templates/rightcolumn/images/bgred.png
public/designs/templates/rightcolumn/images/editor.png
public/designs/templates/rightcolumn/images/enterprisesblock.png
public/designs/templates/rightcolumn/images/peopleblock.png
public/designs/templates/rightcolumn/rightcolumn.yml
public/designs/templates/rightcolumn/stylesheets/cms.css
public/designs/templates/rightcolumn/stylesheets/contentblocks.css
public/designs/templates/rightcolumn/stylesheets/editor.css
public/designs/templates/rightcolumn/stylesheets/style.css
@@ -86,7 +86,7 @@ list-style: none;
 div.recentdocumentsblock div.block_content li a {
 text-decoration: none;
 color: #545454;
-border-bottom: 1px dotted solid;
+border-bottom: 1px dotted #545454;
 }
  
 div.recentdocumentsblock div.block_content li a:hover {
@@ -0,0 +1,3 @@
+title: "Right Column Style"
+description: "A theme based default with 2 columns"
+number_of_boxes: 2
@@ -0,0 +1,128 @@
+
+/************************************
+ * listing stuff
+ ************************************/
+#content .handle, #content .do-reorder UL LI .handle {
+  display: none;
+}
+#content .do-reorder LI .handle {
+  display: inline;
+  background: gray;
+  color: white;
+  padding: 1px 3px;
+  cursor: move;
+}
+
+ul.page-list li {
+  list-style: none;
+}
+
+ul.page-list li table,
+ul.page-list li td {
+  border: none;
+  padding: 3px;
+}
+
+ul.page-list a.page {
+  font-weight: bold;
+}
+
+ul.page-list a:visited, ul.page-list a:link {
+  color: #000;
+}
+
+ul.page-list a:hover {
+  background: #aa9;
+}
+
+#content .page-list .hover {
+  background: #F1F0DB;
+}
+
+#content .page-list .commands A.delete-page:hover {
+  color: white;
+  background: black;
+}
+#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;
+}
+
+/***********************************
+ * from stuff
+ ***********************************/
+div.comatose_field {
+}
+div.comatose_field label {
+  display: block;
+  font-weight: bold;
+}
+
+div.comatose_field textarea {
+  width: 90%;
+}
+div.comatose_field textarea, 
+div.comatose_field input, 
+div.comatose_field select {
+  border: 1px solid gray;
+}
+
+/****************************************
+ * revisions page stuff
+ ****************************************/
+
+.older-content {
+  float: right;
+}
+.current-content {
+  float: left;
+}
+
+.revisions {
+  width: 47%;
+  border: 1px solid gray;
+  padding: 0.25em;
+}
+
+.revisions .header {
+  font-weight: bold;
+  border-bottom: 1px solid black;
+  margin-bottom: 10px;
+  height: 40px;
+}
+
+.revisions .meta {
+  border-bottom: 1px solid black;
+  margin-bottom: 10px;
+}
+
+.revisions .footer {
+  border-top: 1px solid black;
+  margin-top: 10px;
+  padding: 0.25em;
+}
+
+.revisions .meta label span {
+  font-weight: bold;
+}
+
+.revisions .meta label {
+  font-weight: normal;
+  display: block;
+}
+
+.collapsed {
+  display: none;
+}
@@ -0,0 +1,104 @@
+ul.enterprises_list_block {
+margin: 0px;
+padding: 0px;
+list-style: none;
+}
+
+ul.enterprises_list_block li a {
+display: block;
+height: 95px;
+width: 80px;
+text-decoration: none;
+}
+
+ul.enterprises_list_block li a span {
+display: none;
+}
+
+ul.enterprises_list_block li a:hover span {
+display: block;
+line-height: 95px;
+text-align: center;
+background: #ffffff;
+vertical-align: middle;
+}
+
+ul.enterprises_list_block li {
+display: block;
+float: left;
+height: 95px;
+width: 80px;
+border: 1px solid #dfdfdf;
+background: #ffffff url("../images/enterprisesblock.png") no-repeat;
+margin: 2px;
+overflow: hidden;
+}
+
+
+ul.people_list_block {
+margin: 0px;
+padding: 0px;
+list-style: none;
+}
+
+ul.people_list_block li a {
+display: block;
+height: 95px;
+width: 80px;
+text-decoration: none;
+}
+
+ul.people_list_block li a span {
+display: none;
+}
+
+ul.people_list_block li a:hover span {
+display: block;
+line-height: 95px;
+text-align: center;
+background: #ffffff;
+vertical-align: middle;
+}
+
+ul.people_list_block li { 
+display: block;
+float: left;
+height: 95px;
+width: 80px;
+border: 1px solid #dfdfdf;
+background: #ffffff url("../images/peopleblock.png") no-repeat;
+margin: 2px;
+overflow: hidden;
+}
+
+div.block_footer {
+clear: both;
+}
+
+/* Artigos */
+
+div.recentdocumentsblock ul {
+margin: 0px;
+padding: 0px;
+list-style: none;
+}
+
+div.recentdocumentsblock div.block_content li a {
+text-decoration: none;
+color: #545454;
+border-bottom: 1px dotted #545454;
+}
+
+div.recentdocumentsblock div.block_content li a:hover {
+text-decoration: none;
+color: #000000;
+border: none;
+}
+
+div.recentdocumentsblock div.block_content li {
+display: block;
+height: 20px;
+background: #ffffff url("../images/editor.png") no-repeat;
+background-position: 2px 0px;
+padding-left: 20px;
+}
@@ -0,0 +1,90 @@
+#design_editor_blocksbar {
+  list-style: none;
+  position: relative;
+  width: 760px;
+  left: 50%;
+  margin-left: -380px;
+  padding: 0em;
+  height: 30px;
+}
+
+#design_editor_blocksbar li {
+float: left;
+margin: 4px;
+}
+
+#design_editor_blocksbar a {
+background: url("../images/add.png") no-repeat;
+background-position: 0px 3px;
+display: block;
+padding: 5px;
+padding-left: 28px;
+border: 1px outset #545454;
+text-decoration: none;
+color: black;
+font-weight: bold;
+}
+
+#design_editor_blocksbar a:hover {
+border: 1px inset #545454;
+}
+
+#design_editor ul.block_list {
+  list-style: none;
+  margin: 0px;
+  padding: 3px;
+  border: 2px dotted #dfdfdf;
+}
+
+#design_editor ul:hover.block_list {
+  border: 2px dotted #545454;
+}
+
+#design_editor .box {
+  border: 2px solid transparent;
+}
+
+#design_editor .hover {
+  border: 2px dotted red;
+  background: #ff6;
+}
+
+#design_editor_toolbar { 
+  padding: 5px;
+}
+
+#design_editor_toolbar h3 { 
+  font-size: 10px;
+  background: #dfdfdf;
+  margin: 0px;
+  padding: 1px;
+  text-align: right;
+  color: #545454;
+}
+
+#design_editor_toolbar a { 
+  font-size: 10px;
+  padding: 5px;
+  background: #dfdfdf;
+  color: black;
+}
+
+.design_editor_box_toolbar {
+  text-align: center;
+  margin: 5px;
+  background: #dfdfdf;
+}
+
+.design_editor_box_toolbar a {
+  display: inline;
+  width: 30px;
+  font-size: 10px;
+  padding: 2px;
+  background: #dfdfdf;
+}
+
+#design_editor_toolbar a:hover, .design_editor_box_toolbar a:hover {
+  background: #545454;
+  color: #ffffff;
+}
+
@@ -0,0 +1,107 @@
+@import url("editor.css");
+
+@import url("contentblocks.css");
+
+body {
+  font-family: Verdana, Sans-Serif;
+  font-size: 14px;
+}
+
+#wrap.category {
+ background-attachment: fixed;
+ background: url("../images/bgblue.png") top left no-repeat;
+}
+
+#wrap.category1 {
+ background-attachment: fixed;
+  background: url("../images/bgorange.png") top left no-repeat;
+  }
+
+#wrap.category2 {
+ background-attachment: fixed;
+  background: url("../images/bggreen.png") top left no-repeat;
+  }
+
+#wrap.category3 {
+ background-attachment: fixed;
+  background: url("../images/bgpurple.png") top left no-repeat;
+  }
+
+#wrap.category4 {
+ background-attachment: fixed;
+ background: url("../images/bgred.png") top left no-repeat;
+}
+
+#header {
+height: 145px;
+}
+
+#boxes {
+  position: relative;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding: 0em;
+}
+
+#box_2 {
+  width: 280px;
+  float: right;
+}
+
+#box_1 {
+  margin-right: 285px;
+}
+
+#spinner {
+  z-index: 1000;
+  position: absolute;
+  left: 50%;
+  margin-left: -16px;
+  top: 200px;
+}
+
+#footer_content {
+clear: both;
+}
+
+#footer {
+  clear: both;
+  text-align: center;
+  font-size: smaller;
+  color: #333;
+  margin: 0px;
+  padding: 5px;
+}
+
+/* Notice */ 
+
+div#notice {
+  z-index: 10000;
+  position: absolute;
+  top: 100px;
+  left: 50%;
+  margin-left: -200px;
+  width: 400px;
+  border: 1px solid black;
+  background: #efefef;
+  padding: 0.5em;
+}
+
+div#notice .button {
+  text-align: center;
+  margin-top: 1em;
+  margin-bottom: 0.25em;
+}
+  
+div#notice .button a {
+  border: 1px solid gray;
+  background: #ddd;
+  color: black;
+  padding: 4px;
+  padding-left: 28px;
+  background-position: top left;
+  background-repeat: no-repeat;
+}
+div#notice .button a:hover {
+  background-color: #ffd;
+}
...	...	@@ -86,7 +86,7 @@ list-style: none;
86	86	div.recentdocumentsblock div.block_content li a {
87	87	text-decoration: none;
88	88	color: #545454;
89		-border-bottom: 1px dotted solid;
	89	+border-bottom: 1px dotted #545454;
90	90	}
91	91
92	92	div.recentdocumentsblock div.block_content li a:hover {
...	...
...	...	@@ -0,0 +1,3 @@
	1	+title: "Right Column Style"
	2	+description: "A theme based default with 2 columns"
	3	+number_of_boxes: 2
...	...
...	...	@@ -0,0 +1,128 @@
	1	+
	2	+/************************************
	3	+ * listing stuff
	4	+ ************************************/
	5	+#content .handle, #content .do-reorder UL LI .handle {
	6	+ display: none;
	7	+}
	8	+#content .do-reorder LI .handle {
	9	+ display: inline;
	10	+ background: gray;
	11	+ color: white;
	12	+ padding: 1px 3px;
	13	+ cursor: move;
	14	+}
	15	+
	16	+ul.page-list li {
	17	+ list-style: none;
	18	+}
	19	+
	20	+ul.page-list li table,
	21	+ul.page-list li td {
	22	+ border: none;
	23	+ padding: 3px;
	24	+}
	25	+
	26	+ul.page-list a.page {
	27	+ font-weight: bold;
	28	+}
	29	+
	30	+ul.page-list a:visited, ul.page-list a:link {
	31	+ color: #000;
	32	+}
	33	+
	34	+ul.page-list a:hover {
	35	+ background: #aa9;
	36	+}
	37	+
	38	+#content .page-list .hover {
	39	+ background: #F1F0DB;
	40	+}
	41	+
	42	+#content .page-list .commands A.delete-page:hover {
	43	+ color: white;
	44	+ background: black;
	45	+}
	46	+#content .page-list .hover-delete {
	47	+ background: red;
	48	+ color: #FF8E90;
	49	+}
	50	+#content .page-list .hover-delete A,
	51	+#content .page-list .hover-delete .commands A {
	52	+ color: #FF8E90;
	53	+}
	54	+#content .page-list .hover-delete A.page {
	55	+ color: white;
	56	+ border-bottom: 0px;
	57	+}
	58	+#content .page-list .hover-delete UL LI A.page {
	59	+ color: red;
	60	+ border-bottom: 0px;
	61	+}
	62	+
	63	+/***********************************
	64	+ * from stuff
	65	+ ***********************************/
	66	+div.comatose_field {
	67	+}
	68	+div.comatose_field label {
	69	+ display: block;
	70	+ font-weight: bold;
	71	+}
	72	+
	73	+div.comatose_field textarea {
	74	+ width: 90%;
	75	+}
	76	+div.comatose_field textarea,
	77	+div.comatose_field input,
	78	+div.comatose_field select {
	79	+ border: 1px solid gray;
	80	+}
	81	+
	82	+/****************************************
	83	+ * revisions page stuff
	84	+ ****************************************/
	85	+
	86	+.older-content {
	87	+ float: right;
	88	+}
	89	+.current-content {
	90	+ float: left;
	91	+}
	92	+
	93	+.revisions {
	94	+ width: 47%;
	95	+ border: 1px solid gray;
	96	+ padding: 0.25em;
	97	+}
	98	+
	99	+.revisions .header {
	100	+ font-weight: bold;
	101	+ border-bottom: 1px solid black;
	102	+ margin-bottom: 10px;
	103	+ height: 40px;
	104	+}
	105	+
	106	+.revisions .meta {
	107	+ border-bottom: 1px solid black;
	108	+ margin-bottom: 10px;
	109	+}
	110	+
	111	+.revisions .footer {
	112	+ border-top: 1px solid black;
	113	+ margin-top: 10px;
	114	+ padding: 0.25em;
	115	+}
	116	+
	117	+.revisions .meta label span {
	118	+ font-weight: bold;
	119	+}
	120	+
	121	+.revisions .meta label {
	122	+ font-weight: normal;
	123	+ display: block;
	124	+}
	125	+
	126	+.collapsed {
	127	+ display: none;
	128	+}
...	...
...	...	@@ -0,0 +1,104 @@
	1	+ul.enterprises_list_block {
	2	+margin: 0px;
	3	+padding: 0px;
	4	+list-style: none;
	5	+}
	6	+
	7	+ul.enterprises_list_block li a {
	8	+display: block;
	9	+height: 95px;
	10	+width: 80px;
	11	+text-decoration: none;
	12	+}
	13	+
	14	+ul.enterprises_list_block li a span {
	15	+display: none;
	16	+}
	17	+
	18	+ul.enterprises_list_block li a:hover span {
	19	+display: block;
	20	+line-height: 95px;
	21	+text-align: center;
	22	+background: #ffffff;
	23	+vertical-align: middle;
	24	+}
	25	+
	26	+ul.enterprises_list_block li {
	27	+display: block;
	28	+float: left;
	29	+height: 95px;
	30	+width: 80px;
	31	+border: 1px solid #dfdfdf;
	32	+background: #ffffff url("../images/enterprisesblock.png") no-repeat;
	33	+margin: 2px;
	34	+overflow: hidden;
	35	+}
	36	+
	37	+
	38	+ul.people_list_block {
	39	+margin: 0px;
	40	+padding: 0px;
	41	+list-style: none;
	42	+}
	43	+
	44	+ul.people_list_block li a {
	45	+display: block;
	46	+height: 95px;
	47	+width: 80px;
	48	+text-decoration: none;
	49	+}
	50	+
	51	+ul.people_list_block li a span {
	52	+display: none;
	53	+}
	54	+
	55	+ul.people_list_block li a:hover span {
	56	+display: block;
	57	+line-height: 95px;
	58	+text-align: center;
	59	+background: #ffffff;
	60	+vertical-align: middle;
	61	+}
	62	+
	63	+ul.people_list_block li {
	64	+display: block;
	65	+float: left;
	66	+height: 95px;
	67	+width: 80px;
	68	+border: 1px solid #dfdfdf;
	69	+background: #ffffff url("../images/peopleblock.png") no-repeat;
	70	+margin: 2px;
	71	+overflow: hidden;
	72	+}
	73	+
	74	+div.block_footer {
	75	+clear: both;
	76	+}
	77	+
	78	+/* Artigos */
	79	+
	80	+div.recentdocumentsblock ul {
	81	+margin: 0px;
	82	+padding: 0px;
	83	+list-style: none;
	84	+}
	85	+
	86	+div.recentdocumentsblock div.block_content li a {
	87	+text-decoration: none;
	88	+color: #545454;
	89	+border-bottom: 1px dotted #545454;
	90	+}
	91	+
	92	+div.recentdocumentsblock div.block_content li a:hover {
	93	+text-decoration: none;
	94	+color: #000000;
	95	+border: none;
	96	+}
	97	+
	98	+div.recentdocumentsblock div.block_content li {
	99	+display: block;
	100	+height: 20px;
	101	+background: #ffffff url("../images/editor.png") no-repeat;
	102	+background-position: 2px 0px;
	103	+padding-left: 20px;
	104	+}
...	...
...	...	@@ -0,0 +1,90 @@
	1	+#design_editor_blocksbar {
	2	+ list-style: none;
	3	+ position: relative;
	4	+ width: 760px;
	5	+ left: 50%;
	6	+ margin-left: -380px;
	7	+ padding: 0em;
	8	+ height: 30px;
	9	+}
	10	+
	11	+#design_editor_blocksbar li {
	12	+float: left;
	13	+margin: 4px;
	14	+}
	15	+
	16	+#design_editor_blocksbar a {
	17	+background: url("../images/add.png") no-repeat;
	18	+background-position: 0px 3px;
	19	+display: block;
	20	+padding: 5px;
	21	+padding-left: 28px;
	22	+border: 1px outset #545454;
	23	+text-decoration: none;
	24	+color: black;
	25	+font-weight: bold;
	26	+}
	27	+
	28	+#design_editor_blocksbar a:hover {
	29	+border: 1px inset #545454;
	30	+}
	31	+
	32	+#design_editor ul.block_list {
	33	+ list-style: none;
	34	+ margin: 0px;
	35	+ padding: 3px;
	36	+ border: 2px dotted #dfdfdf;
	37	+}
	38	+
	39	+#design_editor ul:hover.block_list {
	40	+ border: 2px dotted #545454;
	41	+}
	42	+
	43	+#design_editor .box {
	44	+ border: 2px solid transparent;
	45	+}
	46	+
	47	+#design_editor .hover {
	48	+ border: 2px dotted red;
	49	+ background: #ff6;
	50	+}
	51	+
	52	+#design_editor_toolbar {
	53	+ padding: 5px;
	54	+}
	55	+
	56	+#design_editor_toolbar h3 {
	57	+ font-size: 10px;
	58	+ background: #dfdfdf;
	59	+ margin: 0px;
	60	+ padding: 1px;
	61	+ text-align: right;
	62	+ color: #545454;
	63	+}
	64	+
	65	+#design_editor_toolbar a {
	66	+ font-size: 10px;
	67	+ padding: 5px;
	68	+ background: #dfdfdf;
	69	+ color: black;
	70	+}
	71	+
	72	+.design_editor_box_toolbar {
	73	+ text-align: center;
	74	+ margin: 5px;
	75	+ background: #dfdfdf;
	76	+}
	77	+
	78	+.design_editor_box_toolbar a {
	79	+ display: inline;
	80	+ width: 30px;
	81	+ font-size: 10px;
	82	+ padding: 2px;
	83	+ background: #dfdfdf;
	84	+}
	85	+
	86	+#design_editor_toolbar a:hover, .design_editor_box_toolbar a:hover {
	87	+ background: #545454;
	88	+ color: #ffffff;
	89	+}
	90	+
...	...
...	...	@@ -0,0 +1,107 @@
	1	+@import url("editor.css");
	2	+
	3	+@import url("contentblocks.css");
	4	+
	5	+body {
	6	+ font-family: Verdana, Sans-Serif;
	7	+ font-size: 14px;
	8	+}
	9	+
	10	+#wrap.category {
	11	+ background-attachment: fixed;
	12	+ background: url("../images/bgblue.png") top left no-repeat;
	13	+}
	14	+
	15	+#wrap.category1 {
	16	+ background-attachment: fixed;
	17	+ background: url("../images/bgorange.png") top left no-repeat;
	18	+ }
	19	+
	20	+#wrap.category2 {
	21	+ background-attachment: fixed;
	22	+ background: url("../images/bggreen.png") top left no-repeat;
	23	+ }
	24	+
	25	+#wrap.category3 {
	26	+ background-attachment: fixed;
	27	+ background: url("../images/bgpurple.png") top left no-repeat;
	28	+ }
	29	+
	30	+#wrap.category4 {
	31	+ background-attachment: fixed;
	32	+ background: url("../images/bgred.png") top left no-repeat;
	33	+}
	34	+
	35	+#header {
	36	+height: 145px;
	37	+}
	38	+
	39	+#boxes {
	40	+ position: relative;
	41	+ margin-left: 10px;
	42	+ margin-right: 10px;
	43	+ padding: 0em;
	44	+}
	45	+
	46	+#box_2 {
	47	+ width: 280px;
	48	+ float: right;
	49	+}
	50	+
	51	+#box_1 {
	52	+ margin-right: 285px;
	53	+}
	54	+
	55	+#spinner {
	56	+ z-index: 1000;
	57	+ position: absolute;
	58	+ left: 50%;
	59	+ margin-left: -16px;
	60	+ top: 200px;
	61	+}
	62	+
	63	+#footer_content {
	64	+clear: both;
	65	+}
	66	+
	67	+#footer {
	68	+ clear: both;
	69	+ text-align: center;
	70	+ font-size: smaller;
	71	+ color: #333;
	72	+ margin: 0px;
	73	+ padding: 5px;
	74	+}
	75	+
	76	+/* Notice */
	77	+
	78	+div#notice {
	79	+ z-index: 10000;
	80	+ position: absolute;
	81	+ top: 100px;
	82	+ left: 50%;
	83	+ margin-left: -200px;
	84	+ width: 400px;
	85	+ border: 1px solid black;
	86	+ background: #efefef;
	87	+ padding: 0.5em;
	88	+}
	89	+
	90	+div#notice .button {
	91	+ text-align: center;
	92	+ margin-top: 1em;
	93	+ margin-bottom: 0.25em;
	94	+}
	95	+
	96	+div#notice .button a {
	97	+ border: 1px solid gray;
	98	+ background: #ddd;
	99	+ color: black;
	100	+ padding: 4px;
	101	+ padding-left: 28px;
	102	+ background-position: top left;
	103	+ background-repeat: no-repeat;
	104	+}
	105	+div#notice .button a:hover {
	106	+ background-color: #ffd;
	107	+}
...	...