New quota styles

rsdn · Oct 7, 2014 · ae1d92b · ae1d92b
1 parent 3e9dfeb
commit ae1d92b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 122 deletions.
diff --git a/RsdnMarkdown/InteractiveTest/Scripts/rsdn.format.css b/RsdnMarkdown/InteractiveTest/Scripts/rsdn.format.css
@@ -315,69 +315,15 @@
 }
 .format .reply-quota {
   background-color: #ecfce8;
-  color: #c1e5b9;
-  border: 1px solid #c1e5b9;
-  margin: 6px 0;
+  color: #137900;
+  border: 1px solid #137900;
   padding: 4px;
-  margin-left: 128px;
-  font-size: .7em;
+  margin: 4px;
+  margin-left: 8px;
+  font-size: .95em;
 }
-.format .reply-quota:before {
+.format .reply-quota[data-prefix]:before {
   display: block;
   font-weight: bold;
   content: attr(data-prefix) ':';
 }
-.format .reply-quota[data-level='1'] {
-  color: #137900;
-  border-color: #137900;
-  margin-left: 8px;
-  font-size: 1em;
-}
-.format .reply-quota[data-level='2'] {
-  color: #74b967;
-  border-color: #74b967;
-  margin-left: 16px;
-  font-size: 1em;
-}
-.format .reply-quota[data-level='3'] {
-  color: #9fd095;
-  border-color: #9fd095;
-  margin-left: 24px;
-  font-size: 1em;
-}
-.format .reply-quota[data-level='4'] {
-  margin-left: 32px;
-}
-.format .reply-quota[data-level='5'] {
-  margin-left: 40px;
-}
-.format .reply-quota[data-level='6'] {
-  margin-left: 48px;
-}
-.format .reply-quota[data-level='7'] {
-  margin-left: 56px;
-}
-.format .reply-quota[data-level='8'] {
-  margin-left: 64px;
-}
-.format .reply-quota[data-level='9'] {
-  margin-left: 72px;
-}
-.format .reply-quota[data-level='10'] {
-  margin-left: 80px;
-}
-.format .reply-quota[data-level='11'] {
-  margin-left: 88px;
-}
-.format .reply-quota[data-level='12'] {
-  margin-left: 96px;
-}
-.format .reply-quota[data-level='13'] {
-  margin-left: 104px;
-}
-.format .reply-quota[data-level='14'] {
-  margin-left: 112px;
-}
-.format .reply-quota[data-level='15'] {
-  margin-left: 120px;
-}
diff --git a/RsdnMarkdown/InteractiveTest/Scripts/rsdn.format.less b/RsdnMarkdown/InteractiveTest/Scripts/rsdn.format.less
@@ -354,74 +354,18 @@
 	}
 
 	/* New quotas */
-	@quota-level-step: 8px;
-
 	.reply-quota {
 		background-color: #ecfce8;
-		color: #c1e5b9; // level > 3
-		border: 1px solid #c1e5b9;
-		margin: 6px 0;
+		color: #137900;
+		border: 1px solid #137900;
 		padding: 4px;
-		margin-left: @quota-level-step * 16;
-		font-size: .7em;
-		&:before {
+		margin: 4px;
+		margin-left: 8px;
+		font-size: .95em;
+		&[data-prefix]:before {
 			display: block;
 			font-weight: bold;
 			content: attr(data-prefix) ':';
 		}
-		&[data-level='1'] {
-			color: #137900;
-			border-color: #137900;
-			margin-left: @quota-level-step * 1;
-			font-size: 1em;
-		}
-		&[data-level='2'] {
-			color: #74b967;
-			border-color: #74b967;
-			margin-left: @quota-level-step * 2;
-			font-size: 1em;
-		}
-		&[data-level='3'] {
-			color: #9fd095;
-			border-color: #9fd095;
-			margin-left: @quota-level-step * 3;
-			font-size: 1em;
-		}
-		&[data-level='4'] {
-			margin-left: @quota-level-step * 4;
-		}
-		&[data-level='5'] {
-			margin-left: @quota-level-step * 5;
-		}
-		&[data-level='6'] {
-			margin-left: @quota-level-step * 6;
-		}
-		&[data-level='7'] {
-			margin-left: @quota-level-step * 7;
-		}
-		&[data-level='8'] {
-			margin-left: @quota-level-step * 8;
-		}
-		&[data-level='9'] {
-			margin-left: @quota-level-step * 9;
-		}
-		&[data-level='10'] {
-			margin-left: @quota-level-step * 10;
-		}
-		&[data-level='11'] {
-			margin-left: @quota-level-step * 11;
-		}
-		&[data-level='12'] {
-			margin-left: @quota-level-step * 12;
-		}
-		&[data-level='13'] {
-			margin-left: @quota-level-step * 13;
-		}
-		&[data-level='14'] {
-			margin-left: @quota-level-step * 14;
-		}
-		&[data-level='15'] {
-			margin-left: @quota-level-step * 15;
-		}
 	}
 }