Ika's changes for css default widgets
This commit is contained in:
nccu
chris
parent
3e8b029c5f
commit
ea2d38b23b
|
|
@ -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;
|
||||
overflow: hidden;
|
||||
.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;
|
||||
overflow: hidden;
|
||||
.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{
|
||||
overflow: hidden;
|
||||
.defulat_widget_typeC{
|
||||
font: 12px/100% 'open sans',sans-serif;
|
||||
margin: 0 0 20px;
|
||||
position: relative;
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
.news5 .img{
|
||||
float:left;
|
||||
margin:0 10px 0 0;
|
||||
.defulat_widget_typeC ul{
|
||||
margin: 0 0 0 70px;
|
||||
padding: 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{
|
||||
.defulat_widget_typeC li{
|
||||
border-bottom: 1px solid #AAAAAA;
|
||||
clear: both;
|
||||
margin: 0 0 10px;
|
||||
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;
|
||||
}
|
||||
|
|
@ -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
|
||||
|
|
|
|||
Reference in New Issue