ActionItem0: Adding templates on system

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

ActionItem0: Adding templates on system
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@136 3f533792-8f58-4932-b0fe-aaf55b0a4547
LeandroNunes
1 parent 776acf40
Showing 13 changed files with 504 additions and 118 deletions Show diff stats
app/views/layouts/application.rhtml
public/templates/default/default.yml
public/templates/default/images/b.gif
public/templates/default/images/corner.gif
public/templates/default/images/corner2.gif
public/templates/default/images/www.jpg
public/templates/default/stylesheets/default.css
public/templates/default/stylesheets/style.css
public/templates/simple/images/background.gif
public/templates/simple/images/example.jpg
public/templates/simple/simple.yml
public/templates/simple/stylesheets/1024px.css
public/templates/simple/stylesheets/default.css
@@ -6,25 +6,50 @@
     <%= stylesheet_link_tag_theme @chosen_theme %>
   </head>
-  <body>
+  <body>
     <%= image_tag 'loading.gif', :id => 'spinner', :style => "display:none; float:right;" %>
-
-    <%= link_to _('Show Layout'), :controller => 'home' %>
-    <%= link_to _('Edit Layout'), :controller => 'edit_template' %>
-
-    <%= select_template(@owner, @chosen_template) %>
-    <%= select_theme(@owner, @chosen_theme) %>
-    <%= select_icons_theme(@owner, @chosen_icons_theme) %>
-
-    <%= display_icon('back', @chosen_icons_theme )%>
-
-    <%= flash[:notice] %>
-
-    <%= display_boxes(@boxes, yield) %>
-
-    <div id="footer">
-      footer content
+    <div id="wrap">
+      <div id="box">
+        <div id="menu">
+          Skip to:
+          <a href="#content">Content</a> | 
+          <a href="#sidebar">Navigation</a> | 
+          <a href="#footer">Footer</a>
+        </div>
+
+        <div id="header">
+          <h1> 
+            <a href="index.html">1024<span class="fade">px</span></a>
+          </h1>
+          <p id="slogan">when 800px just isn't enough...</p>
+        </div>
+
+        <%= link_to _('Show Layout'), :controller => 'home' %>
+        <%= link_to _('Edit Layout'), :controller => 'edit_template' %>
+
+        <%= select_template(@owner, @chosen_template) %>
+        <%= select_theme(@owner, @chosen_theme) %>
+        <%= select_icons_theme(@owner, @chosen_icons_theme) %>
+
+        <%= display_icon('back', @chosen_icons_theme )%>
+
+        <%= flash[:notice] %>
+
+        <%= display_boxes(@boxes, yield) %>
+        <div class="clearfix"></div>
+
+        <div id="footer">
+          <p>
+            <a href="#">Contact us</a> | 
+            <a href="#">Privacy policy</a> | 
+            <a href="#">Sitemap</a> | 
+            <a href="#">RSS</a> | 
+            <a href="#header">Back to top</a><br />
+            &copy; 2007 <a href="#">Your Name</a> | Design by <a href="http://andreasviklund.com/">Andreas Viklund</a>
+          </p>
+        </div>
+      </div>
     </div>
   </body>
 default:
-  number_of_boxes: 3
+  number_of_boxes: 2
@@ -1,48 +0,0 @@
-.edit_mode .hover {
-  background-color: pink;
-  border: 2px dotted black;
-}
-
-.edit_mode .hover ul li {
-  border: 2px dotted black;
-}
-
-.edit_mode #box_1 ul, .edit_mode #box_2 ul, .edit_mode #box_3 ul {
-  list-style: none;
-  cursor: -moz-grab;
-  margin: 10px;
-  padding:0px;
-  
-}
-
-.edit_mode #box_1 ul li, .edit_mode #box_2 ul li, .edit_mode #box_3 ul li {
-  list-style: none;
-  cursor: -moz-grab;
-  border: 1px solid black;
-  margin: 15px;
-}
-
-.edit_mode #box_1, .edit_mode #box_2, .edit_mode #box_3 {
-  border: 3px solid green;
-}
-
-#box_1 {
-  width: 200px;
-  float: left;
-}
-#box_2 {
-  width: 600px;
-  float: left;
-  margin: 0px 10px 0px 10px;
-}
-#box_3 {
-  width: 400px;
-
-  clear: both;
-}
-
-#footer{
-  font-size: 30px;
-  background: #FFFFFF url('../images/colivre_logo.png') repeat-x;
-}
-
@@ -0,0 +1,163 @@
+/*
+This stylesheet is part of the [in] business template downloaded from the oswd.org site 
+
+The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk
+*/
+html {
+	width: 100%
+}
+
+body {
+	font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
+	font-size: 90%;
+	color: #3D3535;
+	background-color: #E4E5E0;
+	margin: 0px;
+	padding: 0px;
+	line-height: 140%;
+
+}
+
+/* Wrapper */
+#wrap {
+	text-align: center; 
+	width: 100%;
+	background-color: #E4E5E0;
+}
+
+/* the container */
+#box {
+	background-color: #FFFFFF;
+	margin-left: auto; 
+	margin-right: auto;	 
+	padding: 20px; 
+	text-align: left; 
+	width: 90%;
+}
+
+/*holds the tabs at the top*/
+#menu {
+	background-color: #FFFFFF;
+	text-align: right; 
+	border-bottom: 1px solid #FFFFFF;
+}
+
+/*holds the logo and image*/
+#header {
+	background-color: #EDEEEA;
+	padding: 10px; 
+	margin-top:3px;
+	height: 95px;
+	background: #EDEEEA url(../images/www.jpg) no-repeat right top;
+}
+
+/*defines the colours for the tabs, with corner background images*/
+#menu a:link, #menu a:active, #menu a:visited {
+	background: #EDEEEA url(../images/corner.gif) no-repeat right top;
+	color: #3D3535;
+	text-decoration: none;
+	padding: 3px 7px 3px 7px;
+	margin: 0 0 0 4px;
+}
+
+#menu a:hover {
+	background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
+	color: #000000;
+	text-decoration: none;
+	padding: 3px 7px 3px 7px;
+	margin: 0 0 0 4px;
+}
+
+/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
+.clearfix:after {
+    content: "."; 
+    display: block; 
+    height: 0; 
+    clear: both; 
+    visibility: hidden;
+}
+
+.clearfix {
+	display: inline-table;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {
+	height: 1%;
+}
+
+.clearfix {
+	display: block;
+}
+/* End hide from IE-mac */
+
+/*the main text container*/
+#box_2 {
+  height: 600px;
+}
+
+#box_2 h1 {
+	font-size: 110%;
+	margin: 10px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+	border-bottom: 2px solid #A53512;
+}
+
+/*this is the right hand bar, news bar, links bar w/e*/
+#box_1 {
+	margin-top: 20px;
+        padding-left: 20px;
+	width: 245px;
+	float: right;
+	background-color: white;
+
+}
+
+#box_1 h1 {
+	background-color: #A53512;
+	color: #FFFFFF;
+	padding: 3px;
+	margin: 0px 0px 0px 0px;
+	font-size: 100%;
+	font-weight: normal;
+}
+
+/*this just lets you have a "comment" type area in the main content*/
+.p1 {
+	padding: 20px;
+	background-color: #F7F7F4;
+	font-size:90%;
+}
+
+/*sets the padding for the newsbar text, not the headings*/
+.p2 {
+	padding: 20px;
+	background-color: #FFFFFF;
+	font-size: 90%;
+	list-style-image: url(../images/b.gif);
+	list-style-position: 10px;
+}
+
+.p2 ul {
+	margin: 0px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+}
+
+/*the footer, with copyright*/
+.footer {
+clear:both;
+	background-color: #D6D8CF;
+	padding: 4px;
+	font-size: 80%;
+	text-align: center;
+}
+
+/*sets the link colours and style*/
+a:link, a:active, a:visited {
+	color: #A53512;
+}
+
+a:hover {
+	color: #A53512;
+	text-decoration: none;
+}
 simple:
-  number_of_boxes: 4
+  number_of_boxes: 3
@@ -0,0 +1,297 @@
+/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
+
+Version: 2.0 (Jan 29, 2007)
+
+Screen layout: */
+
+/*** General tags ***/
+
+body {
+background:url(../images/background.gif) repeat-y top center #fff;
+color:#404040;
+font:76% Verdana,Tahoma,Arial,sans-serif;
+line-height:1.2em;
+margin:0 auto;
+padding:0;
+}
+
+a {
+color:#4088b8;
+font-weight:700;
+text-decoration:none;
+}
+
+a:hover {
+text-decoration:underline;
+}
+
+a img {
+border:0;
+}
+
+p {
+margin:0 0 18px 10px;
+}
+
+ul,ol,dl {
+font-size:0.9em;
+margin:2px 0 16px 35px;
+}
+
+ul ul,ol ol {
+margin:4px 0 4px 35px;
+}
+
+blockquote {
+border:1px solid #dadada;
+font-size:0.9em;
+margin:20px 10px;
+padding:8px;
+}
+
+h1 {
+color:#4088b8;
+font-size:4.2em;
+letter-spacing:-5px;
+margin:0 0 30px 25px;
+}
+
+h1 a {
+color:#4088b8;
+text-transform:none;
+}
+
+h2 {
+border-bottom:4px solid #dadada;
+color:#4088b8;
+font-size:1.4em;
+letter-spacing:-1px;
+margin:0 0 10px;
+padding:0 2px 2px 5px;
+}
+
+h3 {
+border-bottom:1px solid #dadada;
+color:#4088b8;
+font-size:1.2em;
+font-weight:700;
+margin:10px 0 8px;
+padding:1px 2px 2px 3px;
+}
+
+/*** Main wrap and header ***/
+
+#wrap {
+color:#404040;
+margin:10px auto;
+padding:0;
+width:970px;
+}
+
+#header {
+margin:0;
+}
+
+#menu {
+font-size:0.9em;
+padding:5px 2px 2px 3px;
+text-align:right;
+}
+
+#menu a {
+color:gray;
+}
+
+#slogan {
+color:gray;
+font-size:1.5em;
+font-weight:700;
+letter-spacing:-1px;
+line-height:1.2em;
+margin:15px 0 20px 35px;
+}
+
+/*** Sidebar and menu ***/
+
+#box_1 {
+float:left;
+line-height:1.4em;
+padding:1px 0 0;
+width:20%;
+}
+
+#box_1 ul {
+font-size:0.9em;
+list-style:none;
+margin:0;
+padding:0 0 15px 10px;
+}
+
+#box_1 li {
+list-style:none;
+margin:0 0 4px;
+padding:0;
+}
+
+#box_1 li a {
+font-size:1.2em;
+font-weight:700;
+padding:2px;
+}
+
+#box_1 ul ul {
+line-height:1.2em;
+margin:4px 0 3px 15px;
+padding:0;
+}
+
+#box_1 ul ul li a {
+font-weight:400;
+}
+
+#box_1 h2 {
+margin:3px 0 8px;
+}
+
+/*** Box 3 ***/
+
+#box_3 {
+float:left;
+line-height:1.4em;
+padding:1px 0 0;
+width:20%;
+}
+
+#box_3 ul {
+font-size:0.9em;
+list-style:none;
+margin:0;
+padding:0 0 15px 10px;
+}
+
+#box_3 li {
+list-style:none;
+margin:0 0 4px;
+padding:0;
+}
+
+#box_3 li a {
+font-size:1.2em;
+font-weight:700;
+padding:2px;
+}
+
+#box_3 ul ul {
+line-height:1.2em;
+margin:4px 0 3px 15px;
+padding:0;
+}
+
+#box_3 ul ul li a {
+font-weight:400;
+}
+
+#box_3 h2 {
+margin:3px 0 8px;
+}
+
+
+/*** Main content ***/
+
+
+#box_2 {
+float:left;
+line-height:1.5em;
+margin:0px 20px 0px 20px;
+padding:0;
+text-align:left;
+width: 540px;
+}
+
+#box_2 h3 {
+margin:10px 0 8px;
+}
+
+/*** Footer ***/
+
+#footer {
+border-top:4px solid #dadada;
+clear:both;
+color:gray;
+font-size:0.9em;
+line-height:1.6em;
+margin:0 auto;
+padding:8px 0;
+text-align:right;
+}
+
+#footer p {
+margin:0;
+padding:0;
+}
+
+#footer a {
+color:#808080;
+}
+
+/*** Various classes ***/
+
+.box {
+background:#4088b8;
+border:1px solid #c8c8c8;
+color:#fff;
+font-size:0.9em;
+line-height:1.4em;
+padding:10px 10px 10px 13px;
+}
+
+.box a {
+color:#f0f0f0;
+}
+
+.left {
+float:left;
+margin:0 15px 4px 0;
+}
+
+.right {
+float:right;
+margin:0 0 4px 15px;
+}
+
+.readmore {
+margin:-10px 10px 12px 0;
+text-align:right;
+}
+
+.timestamp {
+font-size:1.2em;
+margin:-5px 0 15px 10px;
+}
+
+.timestamp a {
+font-weight:normal;
+}
+
+.blue {
+color:#4088b8;
+}
+
+.clear {
+clear:both;
+}
+
+.fade {
+color:#c8c8c8;
+}
+
+.gray {
+color:gray;
+}
+
+.photo {
+background:#fff;
+border:1px solid #bababa;
+margin:6px 18px 2px 5px;
+padding:2px;
+}
@@ -1,51 +0,0 @@
-.edit_mode .hover {
-  background-color: white;
-  border: 2px dotted red;
-}
-
-.edit_mode .hover ul li {
-  border: 2px dotted yellow;
-}
-
-.edit_mode #box_1 ul, .edit_mode #box_2 ul, .edit_mode #box_3 ul, .edit_mode #box_4 ul {
-  list-style: none;
-  cursor: -moz-grab;
-  margin: 10px;
-  padding:0px;
-  
-}
-
-.edit_mode #box_1 ul li, .edit_mode #box_2 ul li, .edit_mode #box_3 ul li , .edit_mode #box_4 ul li{
-  list-style: none;
-  cursor: -moz-grab;
-  border: 5px solid black;
-  margin: 15px;
-}
-
-.edit_mode #box_1, .edit_mode #box_2, .edit_mode #box_3, .edit_mode #box_4 {
-  border: 3px solid brown;
-}
-
-#box_1 {
-  width: 200px;
-  float: left;
-}
-#box_2 {
-  width: 600px;
-  float: left;
-  margin: 0px 10px 0px 10px;
-}
-#box_3 {
-  width: 400px;
-  clear: both;
-}
-
-#box_4 {
-  width: 500px;
-  clear: both;
-}
-#footer{
-  font-size: 30px;
-  background: #FFFFFF url('../images/ufba_logo.png') repeat-x;
-}
-
	@@ -6,25 +6,50 @@		@@ -6,25 +6,50 @@
6	<%= stylesheet_link_tag_theme @chosen_theme %>	6	<%= stylesheet_link_tag_theme @chosen_theme %>
7		7
8	</head>	8	</head>
9	- <body>
10		9
		10	+ <body>
11	<%= image_tag 'loading.gif', :id => 'spinner', :style => "display:none; float:right;" %>	11	<%= image_tag 'loading.gif', :id => 'spinner', :style => "display:none; float:right;" %>
12	-
13	- <%= link_to _('Show Layout'), :controller => 'home' %>
14	- <%= link_to _('Edit Layout'), :controller => 'edit_template' %>
15	-
16	- <%= select_template(@owner, @chosen_template) %>
17	- <%= select_theme(@owner, @chosen_theme) %>
18	- <%= select_icons_theme(@owner, @chosen_icons_theme) %>
19	-
20	- <%= display_icon('back', @chosen_icons_theme )%>
21	-
22	- <%= flash[:notice] %>
23	-
24	- <%= display_boxes(@boxes, yield) %>
25	-
26	- <div id="footer">
27	- footer content	12	+ <div id="wrap">
		13	+ <div id="box">
		14	+ <div id="menu">
		15	+ Skip to:
		16	+ <a href="#content">Content</a> \|
		17	+ <a href="#sidebar">Navigation</a> \|
		18	+ <a href="#footer">Footer</a>
		19	+ </div>
		20	+
		21	+ <div id="header">
		22	+ <h1>
		23	+ <a href="index.html">1024<span class="fade">px</span></a>
		24	+ </h1>
		25	+ <p id="slogan">when 800px just isn't enough...</p>
		26	+ </div>
		27	+
		28	+ <%= link_to _('Show Layout'), :controller => 'home' %>
		29	+ <%= link_to _('Edit Layout'), :controller => 'edit_template' %>
		30	+
		31	+ <%= select_template(@owner, @chosen_template) %>
		32	+ <%= select_theme(@owner, @chosen_theme) %>
		33	+ <%= select_icons_theme(@owner, @chosen_icons_theme) %>
		34	+
		35	+ <%= display_icon('back', @chosen_icons_theme )%>
		36	+
		37	+ <%= flash[:notice] %>
		38	+
		39	+ <%= display_boxes(@boxes, yield) %>
		40	+ <div class="clearfix"></div>
		41	+
		42	+ <div id="footer">
		43	+ <p>
		44	+ <a href="#">Contact us</a> \|
		45	+ <a href="#">Privacy policy</a> \|
		46	+ <a href="#">Sitemap</a> \|
		47	+ <a href="#">RSS</a> \|
		48	+ <a href="#header">Back to top</a><br />
		49	+ © 2007 <a href="#">Your Name</a> \| Design by <a href="http://andreasviklund.com/">Andreas Viklund</a>
		50	+ </p>
		51	+ </div>
		52	+ </div>
28	</div>	53	</div>
29		54
30	</body>	55	</body>
1	default:	1	default:
2	- number_of_boxes: 3	2	+ number_of_boxes: 2
	@@ -1,48 +0,0 @@	@@ -1,48 +0,0 @@
1	-.edit_mode .hover {
2	- background-color: pink;
3	- border: 2px dotted black;
4	-}
5	-
6	-.edit_mode .hover ul li {
7	- border: 2px dotted black;
8	-}
9	-
10	-.edit_mode #box_1 ul, .edit_mode #box_2 ul, .edit_mode #box_3 ul {
11	- list-style: none;
12	- cursor: -moz-grab;
13	- margin: 10px;
14	- padding:0px;
15	-
16	-}
17	-
18	-.edit_mode #box_1 ul li, .edit_mode #box_2 ul li, .edit_mode #box_3 ul li {
19	- list-style: none;
20	- cursor: -moz-grab;
21	- border: 1px solid black;
22	- margin: 15px;
23	-}
24	-
25	-.edit_mode #box_1, .edit_mode #box_2, .edit_mode #box_3 {
26	- border: 3px solid green;
27	-}
28	-
29	-#box_1 {
30	- width: 200px;
31	- float: left;
32	-}
33	-#box_2 {
34	- width: 600px;
35	- float: left;
36	- margin: 0px 10px 0px 10px;
37	-}
38	-#box_3 {
39	- width: 400px;
40	-
41	- clear: both;
42	-}
43	-
44	-#footer{
45	- font-size: 30px;
46	- background: #FFFFFF url('../images/colivre_logo.png') repeat-x;
47	-}
48	-
@@ -0,0 +1,163 @@		@@ -0,0 +1,163 @@
	1	+/*
	2	+This stylesheet is part of the [in] business template downloaded from the oswd.org site
	3	+
	4	+The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk
	5	+*/
	6	+html {
	7	+ width: 100%
	8	+}
	9	+
	10	+body {
	11	+ font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
	12	+ font-size: 90%;
	13	+ color: #3D3535;
	14	+ background-color: #E4E5E0;
	15	+ margin: 0px;
	16	+ padding: 0px;
	17	+ line-height: 140%;
	18	+
	19	+}
	20	+
	21	+/* Wrapper */
	22	+#wrap {
	23	+ text-align: center;
	24	+ width: 100%;
	25	+ background-color: #E4E5E0;
	26	+}
	27	+
	28	+/* the container */
	29	+#box {
	30	+ background-color: #FFFFFF;
	31	+ margin-left: auto;
	32	+ margin-right: auto;
	33	+ padding: 20px;
	34	+ text-align: left;
	35	+ width: 90%;
	36	+}
	37	+
	38	+/holds the tabs at the top/
	39	+#menu {
	40	+ background-color: #FFFFFF;
	41	+ text-align: right;
	42	+ border-bottom: 1px solid #FFFFFF;
	43	+}
	44	+
	45	+/holds the logo and image/
	46	+#header {
	47	+ background-color: #EDEEEA;
	48	+ padding: 10px;
	49	+ margin-top:3px;
	50	+ height: 95px;
	51	+ background: #EDEEEA url(../images/www.jpg) no-repeat right top;
	52	+}
	53	+
	54	+/defines the colours for the tabs, with corner background images/
	55	+#menu a:link, #menu a:active, #menu a:visited {
	56	+ background: #EDEEEA url(../images/corner.gif) no-repeat right top;
	57	+ color: #3D3535;
	58	+ text-decoration: none;
	59	+ padding: 3px 7px 3px 7px;
	60	+ margin: 0 0 0 4px;
	61	+}
	62	+
	63	+#menu a:hover {
	64	+ background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
	65	+ color: #000000;
	66	+ text-decoration: none;
	67	+ padding: 3px 7px 3px 7px;
	68	+ margin: 0 0 0 4px;
	69	+}
	70	+
	71	+/just a fix, taken from http://www.positioniseverything.net/easyclearing.html/
	72	+.clearfix:after {
	73	+ content: ".";
	74	+ display: block;
	75	+ height: 0;
	76	+ clear: both;
	77	+ visibility: hidden;
	78	+}
	79	+
	80	+.clearfix {
	81	+ display: inline-table;
	82	+}
	83	+
	84	+/* Hides from IE-mac \*/
	85	+* html .clearfix {
	86	+ height: 1%;
	87	+}
	88	+
	89	+.clearfix {
	90	+ display: block;
	91	+}
	92	+/* End hide from IE-mac */
	93	+
	94	+/the main text container/
	95	+#box_2 {
	96	+ height: 600px;
	97	+}
	98	+
	99	+#box_2 h1 {
	100	+ font-size: 110%;
	101	+ margin: 10px 0px 0px 0px;
	102	+ padding: 0px 0px 0px 0px;
	103	+ border-bottom: 2px solid #A53512;
	104	+}
	105	+
	106	+/this is the right hand bar, news bar, links bar w/e/
	107	+#box_1 {
	108	+ margin-top: 20px;
	109	+ padding-left: 20px;
	110	+ width: 245px;
	111	+ float: right;
	112	+ background-color: white;
	113	+
	114	+}
	115	+
	116	+#box_1 h1 {
	117	+ background-color: #A53512;
	118	+ color: #FFFFFF;
	119	+ padding: 3px;
	120	+ margin: 0px 0px 0px 0px;
	121	+ font-size: 100%;
	122	+ font-weight: normal;
	123	+}
	124	+
	125	+/this just lets you have a "comment" type area in the main content/
	126	+.p1 {
	127	+ padding: 20px;
	128	+ background-color: #F7F7F4;
	129	+ font-size:90%;
	130	+}
	131	+
	132	+/sets the padding for the newsbar text, not the headings/
	133	+.p2 {
	134	+ padding: 20px;
	135	+ background-color: #FFFFFF;
	136	+ font-size: 90%;
	137	+ list-style-image: url(../images/b.gif);
	138	+ list-style-position: 10px;
	139	+}
	140	+
	141	+.p2 ul {
	142	+ margin: 0px 0px 0px 0px;
	143	+ padding: 0px 0px 0px 0px;
	144	+}
	145	+
	146	+/the footer, with copyright/
	147	+.footer {
	148	+clear:both;
	149	+ background-color: #D6D8CF;
	150	+ padding: 4px;
	151	+ font-size: 80%;
	152	+ text-align: center;
	153	+}
	154	+
	155	+/sets the link colours and style/
	156	+a:link, a:active, a:visited {
	157	+ color: #A53512;
	158	+}
	159	+
	160	+a:hover {
	161	+ color: #A53512;
	162	+ text-decoration: none;
	163	+}
@@ -0,0 +1,297 @@		@@ -0,0 +1,297 @@
	1	+/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
	2	+
	3	+Version: 2.0 (Jan 29, 2007)
	4	+
	5	+Screen layout: */
	6	+
	7	+/* General tags */
	8	+
	9	+body {
	10	+background:url(../images/background.gif) repeat-y top center #fff;
	11	+color:#404040;
	12	+font:76% Verdana,Tahoma,Arial,sans-serif;
	13	+line-height:1.2em;
	14	+margin:0 auto;
	15	+padding:0;
	16	+}
	17	+
	18	+a {
	19	+color:#4088b8;
	20	+font-weight:700;
	21	+text-decoration:none;
	22	+}
	23	+
	24	+a:hover {
	25	+text-decoration:underline;
	26	+}
	27	+
	28	+a img {
	29	+border:0;
	30	+}
	31	+
	32	+p {
	33	+margin:0 0 18px 10px;
	34	+}
	35	+
	36	+ul,ol,dl {
	37	+font-size:0.9em;
	38	+margin:2px 0 16px 35px;
	39	+}
	40	+
	41	+ul ul,ol ol {
	42	+margin:4px 0 4px 35px;
	43	+}
	44	+
	45	+blockquote {
	46	+border:1px solid #dadada;
	47	+font-size:0.9em;
	48	+margin:20px 10px;
	49	+padding:8px;
	50	+}
	51	+
	52	+h1 {
	53	+color:#4088b8;
	54	+font-size:4.2em;
	55	+letter-spacing:-5px;
	56	+margin:0 0 30px 25px;
	57	+}
	58	+
	59	+h1 a {
	60	+color:#4088b8;
	61	+text-transform:none;
	62	+}
	63	+
	64	+h2 {
	65	+border-bottom:4px solid #dadada;
	66	+color:#4088b8;
	67	+font-size:1.4em;
	68	+letter-spacing:-1px;
	69	+margin:0 0 10px;
	70	+padding:0 2px 2px 5px;
	71	+}
	72	+
	73	+h3 {
	74	+border-bottom:1px solid #dadada;
	75	+color:#4088b8;
	76	+font-size:1.2em;
	77	+font-weight:700;
	78	+margin:10px 0 8px;
	79	+padding:1px 2px 2px 3px;
	80	+}
	81	+
	82	+/* Main wrap and header */
	83	+
	84	+#wrap {
	85	+color:#404040;
	86	+margin:10px auto;
	87	+padding:0;
	88	+width:970px;
	89	+}
	90	+
	91	+#header {
	92	+margin:0;
	93	+}
	94	+
	95	+#menu {
	96	+font-size:0.9em;
	97	+padding:5px 2px 2px 3px;
	98	+text-align:right;
	99	+}
	100	+
	101	+#menu a {
	102	+color:gray;
	103	+}
	104	+
	105	+#slogan {
	106	+color:gray;
	107	+font-size:1.5em;
	108	+font-weight:700;
	109	+letter-spacing:-1px;
	110	+line-height:1.2em;
	111	+margin:15px 0 20px 35px;
	112	+}
	113	+
	114	+/* Sidebar and menu */
	115	+
	116	+#box_1 {
	117	+float:left;
	118	+line-height:1.4em;
	119	+padding:1px 0 0;
	120	+width:20%;
	121	+}
	122	+
	123	+#box_1 ul {
	124	+font-size:0.9em;
	125	+list-style:none;
	126	+margin:0;
	127	+padding:0 0 15px 10px;
	128	+}
	129	+
	130	+#box_1 li {
	131	+list-style:none;
	132	+margin:0 0 4px;
	133	+padding:0;
	134	+}
	135	+
	136	+#box_1 li a {
	137	+font-size:1.2em;
	138	+font-weight:700;
	139	+padding:2px;
	140	+}
	141	+
	142	+#box_1 ul ul {
	143	+line-height:1.2em;
	144	+margin:4px 0 3px 15px;
	145	+padding:0;
	146	+}
	147	+
	148	+#box_1 ul ul li a {
	149	+font-weight:400;
	150	+}
	151	+
	152	+#box_1 h2 {
	153	+margin:3px 0 8px;
	154	+}
	155	+
	156	+/* Box 3 */
	157	+
	158	+#box_3 {
	159	+float:left;
	160	+line-height:1.4em;
	161	+padding:1px 0 0;
	162	+width:20%;
	163	+}
	164	+
	165	+#box_3 ul {
	166	+font-size:0.9em;
	167	+list-style:none;
	168	+margin:0;
	169	+padding:0 0 15px 10px;
	170	+}
	171	+
	172	+#box_3 li {
	173	+list-style:none;
	174	+margin:0 0 4px;
	175	+padding:0;
	176	+}
	177	+
	178	+#box_3 li a {
	179	+font-size:1.2em;
	180	+font-weight:700;
	181	+padding:2px;
	182	+}
	183	+
	184	+#box_3 ul ul {
	185	+line-height:1.2em;
	186	+margin:4px 0 3px 15px;
	187	+padding:0;
	188	+}
	189	+
	190	+#box_3 ul ul li a {
	191	+font-weight:400;
	192	+}
	193	+
	194	+#box_3 h2 {
	195	+margin:3px 0 8px;
	196	+}
	197	+
	198	+
	199	+/* Main content */
	200	+
	201	+
	202	+#box_2 {
	203	+float:left;
	204	+line-height:1.5em;
	205	+margin:0px 20px 0px 20px;
	206	+padding:0;
	207	+text-align:left;
	208	+width: 540px;
	209	+}
	210	+
	211	+#box_2 h3 {
	212	+margin:10px 0 8px;
	213	+}
	214	+
	215	+/* Footer */
	216	+
	217	+#footer {
	218	+border-top:4px solid #dadada;
	219	+clear:both;
	220	+color:gray;
	221	+font-size:0.9em;
	222	+line-height:1.6em;
	223	+margin:0 auto;
	224	+padding:8px 0;
	225	+text-align:right;
	226	+}
	227	+
	228	+#footer p {
	229	+margin:0;
	230	+padding:0;
	231	+}
	232	+
	233	+#footer a {
	234	+color:#808080;
	235	+}
	236	+
	237	+/* Various classes */
	238	+
	239	+.box {
	240	+background:#4088b8;
	241	+border:1px solid #c8c8c8;
	242	+color:#fff;
	243	+font-size:0.9em;
	244	+line-height:1.4em;
	245	+padding:10px 10px 10px 13px;
	246	+}
	247	+
	248	+.box a {
	249	+color:#f0f0f0;
	250	+}
	251	+
	252	+.left {
	253	+float:left;
	254	+margin:0 15px 4px 0;
	255	+}
	256	+
	257	+.right {
	258	+float:right;
	259	+margin:0 0 4px 15px;
	260	+}
	261	+
	262	+.readmore {
	263	+margin:-10px 10px 12px 0;
	264	+text-align:right;
	265	+}
	266	+
	267	+.timestamp {
	268	+font-size:1.2em;
	269	+margin:-5px 0 15px 10px;
	270	+}
	271	+
	272	+.timestamp a {
	273	+font-weight:normal;
	274	+}
	275	+
	276	+.blue {
	277	+color:#4088b8;
	278	+}
	279	+
	280	+.clear {
	281	+clear:both;
	282	+}
	283	+
	284	+.fade {
	285	+color:#c8c8c8;
	286	+}
	287	+
	288	+.gray {
	289	+color:gray;
	290	+}
	291	+
	292	+.photo {
	293	+background:#fff;
	294	+border:1px solid #bababa;
	295	+margin:6px 18px 2px 5px;
	296	+padding:2px;
	297	+}
	@@ -1,51 +0,0 @@	@@ -1,51 +0,0 @@
1	-.edit_mode .hover {
2	- background-color: white;
3	- border: 2px dotted red;
4	-}
5	-
6	-.edit_mode .hover ul li {
7	- border: 2px dotted yellow;
8	-}
9	-
10	-.edit_mode #box_1 ul, .edit_mode #box_2 ul, .edit_mode #box_3 ul, .edit_mode #box_4 ul {
11	- list-style: none;
12	- cursor: -moz-grab;
13	- margin: 10px;
14	- padding:0px;
15	-
16	-}
17	-
18	-.edit_mode #box_1 ul li, .edit_mode #box_2 ul li, .edit_mode #box_3 ul li , .edit_mode #box_4 ul li{
19	- list-style: none;
20	- cursor: -moz-grab;
21	- border: 5px solid black;
22	- margin: 15px;
23	-}
24	-
25	-.edit_mode #box_1, .edit_mode #box_2, .edit_mode #box_3, .edit_mode #box_4 {
26	- border: 3px solid brown;
27	-}
28	-
29	-#box_1 {
30	- width: 200px;
31	- float: left;
32	-}
33	-#box_2 {
34	- width: 600px;
35	- float: left;
36	- margin: 0px 10px 0px 10px;
37	-}
38	-#box_3 {
39	- width: 400px;
40	- clear: both;
41	-}
42	-
43	-#box_4 {
44	- width: 500px;
45	- clear: both;
46	-}
47	-#footer{
48	- font-size: 30px;
49	- background: #FFFFFF url('../images/ufba_logo.png') repeat-x;
50	-}
51	-