Ika's changes for css default widgets

This commit is contained in:
nccu 2013-01-04 11:43:03 +08:00 committed by chris
parent 3e8b029c5f
commit ea2d38b23b
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 */
.newstb{
.defulat_widget_typeA{
font: 12px/100% 'open sans',sans-serif;
margin:0 0 20px;
width:720px;
}
.defulat_widget_tb{
border-collapse:collapse;
width:600px;
width:100%;
}
.newstb th{
background: none repeat scroll 0 0 #eee;
padding: 5px;
.defulat_widget_tb th{
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
padding: 10px;
text-align: left;
}
.newstb td{
border: 1px solid #EEEEEE;
padding: 5px;
.defulat_widget_tb td{
border-bottom: 1px solid #AAAAAA;
padding: 10px;
white-space: normal;
word-wrap: break-word;
}
/* 2 */
.news2{}
.news2 li{
border-bottom:1px solid #eee;
.defulat_widget_typeB_style2{
font: 12px/100% 'open sans',sans-serif;
margin:0 0 20px;
width:720px;
}
.news2 .newsimg{
display: inline-block;
margin: 0 10px 0 0;
vertical-align: top;
.defulat_widget_typeB_style2 ul{
margin: 0;
padding: 0;
}
.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;
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 */
.news3{}
.news3 li{
border-bottom:1px solid #eee;
.defulat_widget_typeB_style3{
font: 12px/100% 'open sans',sans-serif;
margin:0 0 20px;
width:720px;
}
.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{
float:left;
margin:0 10px 0 0;
.defulat_widget_typeB_style3 .app-pic{
background: none repeat scroll 0 0 #AAAAAA;
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;
margin:0 0 5px;
text-align: left;
}
.news3 .wrap{
.defulat_widget_typeB_style3 .wrap{
overflow: hidden;
}
.defulat_widget_typeB_style3 img{
height:50px;
width:50px;
}
/* 4 */
.news4{}
.news4 li{
border-bottom:1px solid #eee;
.defulat_widget_typeB_style4{
font: 12px/100% 'open sans',sans-serif;
margin:0 0 20px;
width:720px;
}
.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{
float:right;
margin:0 0 0 10px;
.defulat_widget_typeB_style4 .app-pic{
background: none repeat scroll 0 0 #AAAAAA;
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;
margin:0 0 5px;
text-align: left;
}
.news4 .wrap{
.defulat_widget_typeB_style4 .wrap{
overflow: hidden;
}
.defulat_widget_typeB_style4 img{
height:50px;
width:50px;
}
/* 5 */
.news5{
.defulat_widget_typeC{
font: 12px/100% 'open sans',sans-serif;
margin: 0 0 20px;
position: relative;
width: 720px;
}
.defulat_widget_typeC ul{
margin: 0 0 0 70px;
padding: 0;
}
.defulat_widget_typeC li{
border-bottom: 1px solid #AAAAAA;
clear: both;
margin: 0 0 10px;
overflow: hidden;
padding: 0 0 10px;
}
.news5 .img{
float:left;
margin:0 10px 0 0;
.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;
}
.news5 ul{
float: left;
.defulat_widget_typeC span{
display:block;
margin:0 0 5px;
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{
.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/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 '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
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