Changes for announcement widget style 2

app/assets/stylesheets/default_widget.css

@@ -0,0 +1,195 @@
+body{
+  margin:10px;
+  padding:0;
+} 
+a{
+  color:#333;
+  text-decoration: none;
+}
+a:hover{
+  color:#888;
+  text-decoration: none;
+}
+h2{
+  margin:0 0 10px;
+}
+
+ul{
+  margin:0;
+  padding:0;
+}
+
+li{
+  list-style:none;
+}
+.eletb{
+  border-collapse:collapse;
+  width:600px;
+}
+.eletb td{
+    border: 1px solid #EEEEEE;
+    padding: 5px;
+    vertical-align: middle;
+    text-align: center;
+}
+.news{
+  font-size:12px;
+  margin:0 0 20px;
+  position:relative;
+  width:600px;
+}
+.news ul{
+  margin:0 0 10px;
+}
+.news li{
+  padding:5px 0;
+}
+.more{
+  background:#eee;
+  border-radius: 5px;
+  clear:both;
+  display:inline;
+  padding:3px;
+  text-align: center;
+}
+.top{
+  color:#e21f1f;
+}
+
+.elements{
+    background: none repeat scroll 0 0 #f2f2f2;
+    border-radius: 5px 5px 5px 5px;
+    display: inline-block;
+    height: 50px;
+    padding: 10px;
+    text-align: center;
+    vertical-align: top;
+    width: 50px;
+    word-wrap: break-word;
+}
+.elementlist{
+  margin:0 0 20px;
+}
+/* 1 */
+
+.newstb{
+  border-collapse:collapse;
+  width:600px;
+}
+
+.newstb th{
+    background: none repeat scroll 0 0 #eee;
+    padding: 5px;
+    text-align: left;
+}
+.newstb td{
+    border: 1px solid #EEEEEE;
+    padding: 5px;
+}
+
+
+/* 2 */
+
+.news2{}
+
+.news2 li{
+  border-bottom:1px solid #eee;
+}
+
+.news2 .newsimg{
+    display: inline-block;
+    margin: 0 10px 0 0;
+    vertical-align: top;
+}
+
+.news2 .app-pic{
+  height:50px;
+  width:50px;
+  display: inline-block;
+}
+.news2 ul{
+  display: inline-block;
+  width:570px;
+}
+
+
+/* 3 */
+
+.news3{}
+
+.news3 li{
+  border-bottom:1px solid #eee;
+  overflow: hidden;
+}
+
+.news3 .img{
+  float:left;
+  margin:0 10px 0 0;
+}
+
+.news3 .hot, .news3 .title, .news3 .date, .news3 .tags, .news3 .text{
+  display:block;
+  margin:0 0 5px;
+  text-align: left;
+}
+
+.news3 .wrap{
+    overflow: hidden;
+}
+
+
+
+
+/* 4 */
+
+.news4{}
+
+.news4 li{
+  border-bottom:1px solid #eee;
+  overflow: hidden;
+}
+
+.news4 .img{
+  float:right;
+  margin:0 0 0 10px;
+}
+
+.news4 .hot, .news4 .title, .news4 .date, .news4 .tags, .news4 .text{
+  display:block;
+  margin:0 0 5px;
+  text-align: left;
+}
+
+.news4 .wrap{
+    overflow: hidden;
+}
+
+
+
+/* 5 */
+
+.news5{
+  overflow: hidden;
+}
+
+.news5 .img{
+  float:left;
+  margin:0 10px 0 0;
+}
+.news5 ul{
+    float: left;
+    text-align: left;
+    width: 540px;
+}
+.news5 li{
+  border-bottom:1px solid #eee;
+}
+
+.news5 .more{}
+.news5 .hot, .news5 .title, .news5 .date, .news5 .tags, .news5 .text{
+
+}
+
+.news5 .wrap{
+    overflow: hidden;
+}

vendor/built_in_modules/announcement/app/views/panel/announcement/widget/bulletins/_index.html.erb

@@ -67,7 +67,7 @@
 		<ul class="newslist">
 		<% @bulletins.each do |post| %>
 			<li class="<%= cycle('odd', '')%>">
-				<div class="img app-pic"><%= image_tag(post.image.url) %></div>
+				<div class="img app-pic" style="width:50px; height:50px;"><%= image_tag(post.image.url) %></div>
 				
 				<% @widget_fields.each do |wf|  %>
 				<span class="<%= wf[1] %>">

vendor/built_in_modules/announcement/app/views/panel/announcement/widget/bulletins/index.html.erb

@@ -1,4 +1,4 @@
-
+<%= stylesheet_link_tag "default_widget" %>
 <script type='text/javascript' src='/assets/jquery.mu.image.resize.js'></script>
 <script type='text/javascript' src='/assets/jquery.mu.image.resize.degsin.js'></script>