Ika's changes for css default widgets
This commit is contained in:
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 */
|
/* 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{
|
||||||
|
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{
|
.defulat_widget_typeC .app-pic{
|
||||||
float:left;
|
background: none repeat scroll 0 0 #AAAAAA;
|
||||||
margin:0 10px 0 0;
|
border-radius: 3px 3px 3px 3px;
|
||||||
}
|
height: 50px;
|
||||||
.news5 ul{
|
left: 0;
|
||||||
float: left;
|
margin: 0 10px 0 0;
|
||||||
text-align: left;
|
overflow: hidden;
|
||||||
width: 540px;
|
position: absolute;
|
||||||
}
|
top: 0;
|
||||||
.news5 li{
|
width: 50px;
|
||||||
border-bottom:1px solid #eee;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.news5 .more{}
|
.defulat_widget_typeC span{
|
||||||
.news5 .hot, .news5 .title, .news5 .date, .news5 .tags, .news5 .text{
|
display:block;
|
||||||
|
margin:0 0 5px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.news5 .wrap{
|
.defulat_widget_typeC .wrap{
|
||||||
overflow: hidden;
|
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/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
|
||||||
|
|
Reference in New Issue