ソースを参照

New .bubble class

@soyjavi 14 年 前
コミット
fe65db970b

+ 2 - 1
src/stylesheets/css/Lungo.widgets.css

@@ -6,6 +6,7 @@ section.copyright img{max-height:128px;}
 .onleft{float:left;}
 .onright{float:right;}
 .framed{border:2px solid #fff;}
-.rounded{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
+.round{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
 .semi-opacity{opacity:0.5;}
 .margin-top-4{margin-top:4px;}
+.bubble{padding:3px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;font-size:0.8em;font-weight:bold;line-height:1.0em;}

+ 11 - 1
src/stylesheets/less/Lungo.widgets.less

@@ -41,7 +41,7 @@ section.copyright img{
 	float: right;}
 .framed{
 	border: 2px solid #fff;}
-.rounded{
+.round{
 	.border-radius(4px);}
 .semi-opacity{
 	opacity: 0.5;
@@ -50,3 +50,13 @@ section.copyright img{
 	margin-top: 4px;
 }
 /* @end */
+
+
+
+.bubble {
+	padding: 3px 4px;
+	.border-radius(2px);		
+	font-size: 0.8em;
+	font-weight: bold;		
+	line-height: 1.0em;
+}