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 */
 | 
			
		||||
 | 
			
		||||
.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{
 | 
			
		||||
.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{
 | 
			
		||||
.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;
 | 
			
		||||
.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;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -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