Added proper CSS for the new dynamic list

lstejskal · Apr 6, 2013 · ea5b2b8 · ea5b2b8
1 parent 15e50ac
commit ea5b2b8
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 47 deletions.
diff --git a/public/css/jquery-ui.css b/public/css/jquery-ui.css
@@ -133,20 +133,20 @@
 }
 .ui-widget-content {
 	border: 1px solid #72b42d;
-	background: #285c00 url(images/ui-bg_inset-soft_10_285c00_1x100.png) 50% bottom repeat-x;
-	color: #ffffff;
+	background: lightgreen url(images/ui-bg_inset-soft_10_285c00_1x100.png) 50% bottom repeat-x;
+	color: green;
 }
 .ui-widget-content a {
-	color: #ffffff;
+	color: green;
 }
 .ui-widget-header {
 	border: 1px solid #3f7506;
-	background: #3a8104 url(images/ui-bg_highlight-soft_33_3a8104_1x100.png) 50% 50% repeat-x;
+	background: lightgreen url(images/ui-bg_highlight-soft_33_3a8104_1x100.png) 50% 50% repeat-x;
 	color: #ffffff;
 	font-weight: bold;
 }
 .ui-widget-header a {
-	color: #ffffff;
+	color: green;
 }
 
 /* Interaction states
@@ -187,7 +187,7 @@
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active {
 	border: 1px solid #72b42d;
-	background: #285c00 url(images/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x;
+	background: green url(images/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x;
 	font-weight: normal;
 	color: #ffffff;
 }

diff --git a/public/css/styles.css b/public/css/styles.css
@@ -108,30 +108,21 @@ h4 {
 	margin: 0 auto;
 }
 
-#news_container {
+#news_accordion {
 	margin: 0 auto;
-	background-color: lightgreen;
+	margin: -2em 0 2em 0; 
 	color: green;
-	width: 100%;
-	line-height: 1.5;
-	margin: -3em 0 3em; 
-	border-bottom: 1px solid green;
 }
 
-#news {
+#news_accordion div {
 	padding: 1.5em 0 1.5em;
 	text-align: center;
 	font-size: 18px;
 }
 
-
-#news a { 
-	color: green;
-}
-
 #summary #images {
 	float: right; 
-	width: 400px;
+	width: 405px;
 	padding-top: 80px;
 	padding-bottom: 80px;
 }

diff --git a/public/index.html b/public/index.html
@@ -42,37 +42,38 @@
 </head>
 <body>
 
-<div id="news_accordion">
-  <h3>5. dubna - Odevzdali jsme petici na radnici MČ Kohoutovice</h3>
-  <div>
-    <b>5. dubna:</b> Odevzdali jsme petici na radnici MČ Kohoutovice
-    <br />
-    spolu s <a href="files/petice_pruvodni_dopis_mc.pdf">průvodním dopisem, který si můžete přečíst i zde</a>.
-    <a id="clickme" href="">Předchozí</a>
-  </div>
+<div id="container">
 
-  <h3>20. března - Skončila petice proti zástavbě louky</h3>
-  <div>
-    <b>20. března:</b> Petice proti zástavbě louky skončila 20. března.
-    <br />
-    Podepsalo ji <b>682</b> občanů, což považujeme za velký úspěch!
-    <br /><br />
-    <b>Děkujeme všem signatářům petice a zejména těm,
-    <br />
-    kteří ji aktivně šířili mezi ostatní občany Kohoutovic!</b>
-  </div>
+  <div id="news_accordion">
+    <h3>5. dubna - Odevzdali jsme petici na radnici MČ Kohoutovice</h3>
+    <div>
+      <br />
+      <b>5. dubna:</b> Odevzdali jsme petici na radnici MČ Kohoutovice
+      <br />
+      spolu s <a href="files/petice_pruvodni_dopis_mc.pdf">průvodním dopisem, který si můžete přečíst i zde</a>.
+    </div>
 
-  <h3>12. března - Investor V-Honey odstoupil od záměru výstavby hotelu!</h3>
-  <div>
-    <b>12. března: <a href="http://www.kohoutovice.cz/file/3987">Investor V-Honey odstoupil od záměru výstavby hotelu!</a></b>
-    <br />
-    Údajně kvůli "složité ekonomické situaci", ovšem v posledních týdnech si nešlo
-    <br />
-    nevšimnout rozsáhlé vlny odporu proti stavbě mezi kohoutovickými občany.
-  </div>
-</div>
+    <h3>20. března - Skončila petice proti zástavbě louky</h3>
+    <div>
+      <b>20. března:</b> Petice proti zástavbě louky skončila 20. března.
+      <br />
+      Podepsalo ji <b>682</b> občanů, což považujeme za velký úspěch!
+      <br /><br />
+      <b>Děkujeme všem signatářům petice a zejména těm,
+      <br />
+      kteří ji aktivně šířili mezi ostatní občany Kohoutovic!</b>
+    </div>
 
-<div id="container">
+    <h3>12. března - Investor V-Honey odstoupil od záměru výstavby hotelu!</h3>
+    <div>
+      <br />
+      <b>12. března: <a href="http://www.kohoutovice.cz/file/3987">Investor V-Honey odstoupil od záměru výstavby hotelu!</a></b>
+      <br />
+      Údajně kvůli "složité ekonomické situaci", ovšem v posledních týdnech si nešlo
+      <br />
+      nevšimnout rozsáhlé vlny odporu proti stavbě mezi kohoutovickými občany.
+    </div>
+  </div>
 
   <div id="summary">
     <div id="title">