Ika's changes for css default widgets

This commit is contained in:
nccu 2013-01-04 11:43:03 +08:00
parent 49e289e0fd
commit d4c470f76f
2 changed files with 143 additions and 137 deletions

View File

@ -1,195 +1,200 @@
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 */ /* 1 */
.defulat_widget_typeA{
.newstb{ font: 12px/100% 'open sans',sans-serif;
margin:0 0 20px;
width:720px;
}
.defulat_widget_tb{
border-collapse:collapse; border-collapse:collapse;
width:600px; width:100%;
} }
.newstb th{ .defulat_widget_tb th{
background: none repeat scroll 0 0 #eee; background: none repeat scroll 0 0 #333333;
padding: 5px; color: #FFFFFF;
padding: 10px;
text-align: left; text-align: left;
} }
.newstb td{ .defulat_widget_tb td{
border: 1px solid #EEEEEE; border-bottom: 1px solid #AAAAAA;
padding: 5px; padding: 10px;
white-space: normal;
word-wrap: break-word;
} }
/* 2 */ /* 2 */
.news2{} .defulat_widget_typeB_style2{
font: 12px/100% 'open sans',sans-serif;
.news2 li{ margin:0 0 20px;
border-bottom:1px solid #eee; width:720px;
} }
.news2 .newsimg{ .defulat_widget_typeB_style2 ul{
display: inline-block; margin: 0;
margin: 0 10px 0 0; padding: 0;
vertical-align: top; }
.defulat_widget_typeB_style2 li{
border-bottom: 1px solid #AAAAAA;
clear: both;
margin: 0 0 10px;
overflow: hidden;
padding: 0 0 10px;
} }
.news2 .app-pic{
.defulat_widget_typeB_style2 .app-pic{
background: none repeat scroll 0 0 #AAAAAA;
border-radius: 3px;
float:left;
height: 50px;
margin: 0 10px 5px 0;
overflow: hidden;
width: 50px;
}
.defulat_widget_typeB_style2 img{
height:50px; height:50px;
width:50px; width:50px;
display: inline-block;
}
.news2 ul{
display: inline-block;
width:570px;
} }
.defulat_widget_typeB_style2 span{
display: inline;
margin: 0 10px 0 0;
}
/* 3 */ /* 3 */
.news3{} .defulat_widget_typeB_style3{
font: 12px/100% 'open sans',sans-serif;
.news3 li{ margin:0 0 20px;
border-bottom:1px solid #eee; width:720px;
overflow: hidden; }
.defulat_widget_typeB_style3 ul{
margin: 0;
padding: 0;
}
.defulat_widget_typeB_style3 li{
border-bottom: 1px solid #AAAAAA;
clear: both;
margin: 0 0 10px;
overflow: hidden;
padding: 0 0 10px;
} }
.news3 .img{ .defulat_widget_typeB_style3 .app-pic{
float:left; background: none repeat scroll 0 0 #AAAAAA;
margin:0 10px 0 0; border-radius: 3px;
float: left;
height: 50px;
margin: 0 10px 0 0;
overflow: hidden;
width: 50px;
} }
.news3 .hot, .news3 .title, .news3 .date, .news3 .tags, .news3 .text{ .defulat_widget_typeB_style3 span{
display:block; display:block;
margin:0 0 5px; margin:0 0 5px;
text-align: left; text-align: left;
} }
.news3 .wrap{ .defulat_widget_typeB_style3 .wrap{
overflow: hidden; overflow: hidden;
} }
.defulat_widget_typeB_style3 img{
height:50px;
width:50px;
}
/* 4 */ /* 4 */
.news4{} .defulat_widget_typeB_style4{
font: 12px/100% 'open sans',sans-serif;
.news4 li{ margin:0 0 20px;
border-bottom:1px solid #eee; width:720px;
overflow: hidden; }
.defulat_widget_typeB_style4 ul{
margin: 0;
padding: 0;
}
.defulat_widget_typeB_style4 li{
border-bottom: 1px solid #AAAAAA;
clear: both;
margin: 0 0 10px;
overflow: hidden;
padding: 0 0 10px;
} }
.news4 .img{ .defulat_widget_typeB_style4 .app-pic{
float:right; background: none repeat scroll 0 0 #AAAAAA;
margin:0 0 0 10px; border-radius: 3px;
float: right;
height: 50px;
margin: 0 0 0 10px;
overflow: hidden;
width: 50px;
} }
.news4 .hot, .news4 .title, .news4 .date, .news4 .tags, .news4 .text{ .defulat_widget_typeB_style4 span{
display:block; display:block;
margin:0 0 5px; margin:0 0 5px;
text-align: left; text-align: left;
} }
.news4 .wrap{ .defulat_widget_typeB_style4 .wrap{
overflow: hidden; overflow: hidden;
} }
.defulat_widget_typeB_style4 img{
height:50px;
width:50px;
}
/* 5 */ /* 5 */
.news5{ .defulat_widget_typeC{
overflow: hidden; font: 12px/100% 'open sans',sans-serif;
margin: 0 0 20px;
position: relative;
width: 720px;
} }
.defulat_widget_typeC ul{
.news5 .img{ margin: 0 0 0 70px;
float:left; padding: 0;
margin:0 10px 0 0;
} }
.news5 ul{ .defulat_widget_typeC li{
float: left; border-bottom: 1px solid #AAAAAA;
text-align: left; clear: both;
width: 540px; margin: 0 0 10px;
}
.news5 li{
border-bottom:1px solid #eee;
}
.news5 .more{}
.news5 .hot, .news5 .title, .news5 .date, .news5 .tags, .news5 .text{
}
.news5 .wrap{
overflow: hidden; overflow: hidden;
padding: 0 0 10px;
}
.defulat_widget_typeC .app-pic{
background: none repeat scroll 0 0 #AAAAAA;
border-radius: 3px 3px 3px 3px;
height: 50px;
left: 0;
margin: 0 10px 0 0;
overflow: hidden;
position: absolute;
top: 0;
width: 50px;
}
.defulat_widget_typeC span{
display:block;
margin:0 0 5px;
text-align: left;
}
.defulat_widget_typeC .wrap{
overflow: hidden;
}
.defulat_widget_typeC img{
height:50px;
width:50px;
} }

View File

@ -184,6 +184,7 @@ module ApplicationHelper
stylesheets << "<link href='/assets/orbit-bar.css' rel='stylesheet' type='text/css' />\n" stylesheets << "<link href='/assets/orbit-bar.css' rel='stylesheet' type='text/css' />\n"
stylesheets << "<link href='/assets/social-share-button.css' rel='stylesheet' type='text/css' />\n" stylesheets << "<link href='/assets/social-share-button.css' rel='stylesheet' type='text/css' />\n"
stylesheets << "<link href='#{asset_path 'banner_nav.css'}' rel='stylesheet' type='text/css' />\n" stylesheets << "<link href='#{asset_path 'banner_nav.css'}' rel='stylesheet' type='text/css' />\n"
stylesheets << "<link href='#{asset_path 'default_widget.css'}' rel='stylesheet' type='text/css' />\n"
stylesheets << "<link href='#{page.design.css_default.file.url}' rel='stylesheet' type='text/css' />\n" if page.design.css_default stylesheets << "<link href='#{page.design.css_default.file.url}' rel='stylesheet' type='text/css' />\n" if page.design.css_default
theme = page.design.themes.detect{ |d| d.id == page.theme_id } theme = page.design.themes.detect{ |d| d.id == page.theme_id }
stylesheets << "<link href='#{theme.file.url}' rel='stylesheet' type='text/css' />\n" if theme stylesheets << "<link href='#{theme.file.url}' rel='stylesheet' type='text/css' />\n" if theme