https://www.mediawiki.org/wiki/Special:Code/MediaWiki/109661
Revision: 109661
Author: seanheavey
Date: 2012-01-20 23:18:17 +0000 (Fri, 20 Jan 2012)
Log Message:
-----------
Final styles for Jan. 20 push to prototype.
Modified Paths:
--------------
trunk/extensions/ArticleFeedbackv5/modules/jquery.articleFeedbackv5/jquery.articleFeedbackv5.special.css
Modified:
trunk/extensions/ArticleFeedbackv5/modules/jquery.articleFeedbackv5/jquery.articleFeedbackv5.special.css
===================================================================
---
trunk/extensions/ArticleFeedbackv5/modules/jquery.articleFeedbackv5/jquery.articleFeedbackv5.special.css
2012-01-20 22:57:57 UTC (rev 109660)
+++
trunk/extensions/ArticleFeedbackv5/modules/jquery.articleFeedbackv5/jquery.articleFeedbackv5.special.css
2012-01-20 23:18:17 UTC (rev 109661)
@@ -2,38 +2,48 @@
/*div.articleFeedbackv5-feedback { border:1px solid #CCC; background:#EEE;
margin-top:10px; clear:both;}
div.articleFeedbackv5-feedback-tools { border:1px solid #CCD; background:#EEF;
margin:10px; width:219px; float:right;}*/
/*----- FEEDBACK PAGE ------*/
+.float-clear {
+ clear: both;
+ height: 0;
+}
.float-clear:after {
clear: both;
}
+#articleFeedbackv5-header-wrap {
+ margin: 0 0 10px;
+}
+#articleFeedbackv5-header-wrap:after {
+ clear: both;
+}
#articleFeedbackv5-header-links {
float: right;
}
-#articleFeedbackv5-percent-found-wrap {
+#articleFeedbackv5-showing-count-wrap {
float: left;
+ margin: 0 0 5px;
}
-#articleFeedbackv5-showing-count-wrap {
- clear: both;
- float: right;
- display: none;
-}
#articleFeedbackv5-percent-found-wrap {
+ clear: left;
+ font-size: 1.5em;
+ line-height: 35px;
float: left;
}
#articleFeedbackv5-percent-found-wrap .stat-marker {
display: inline-block;
- background: #2f8035;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
+ -ms-border-radius: 5px;
border-radius: 5px;
- width: 45px;
- height: 30px;
- line-height: 35px;
+ padding: 0 5px 0 30px;
text-align: center;
}
-.aftv5-feedbackpage .aftv5-feedbackpage-new-feedback {
- float: right;
+#articleFeedbackv5-percent-found-wrap .positive {
+ background: #2f8035 url(images/bg_emoticon_positive.png) no-repeat 5px
center;
}
+#articleFeedbackv5-percent-found-wrap .negative {
+ background: #bf0a0a url(images/bg_emoticon_negative.png) no-repeat 5px
center;
+}
.aftv5-feedbackpage .aftv5-feedbackpage-comment-display-header {
height: 40px;
background: url(images/bg-feedbackpage-header.png) repeat-x;
@@ -43,6 +53,7 @@
clear: both;
}
#articleFeedbackv5-sort-filter-controls {
+ clear: both;
padding: 0 10px;
height: 40px;
line-height: 40px;
@@ -55,7 +66,7 @@
float: left;
margin: 0 50px 0 0;
}
-#articleFeedbackv5-sort-filter-controls #articleFeedbackv5-filter {
+#articleFeedbackv5-filter-select {
position: relative;
top: 10px;
float: none;
@@ -78,12 +89,18 @@
.articleFeedbackv5-comment-wrap {
float: left;
}
+.articleFeedbackv5-comment-wrap h3 .positive {
+ color: #2f8035;
+}
+.articleFeedbackv5-comment-wrap h3 .negative {
+ color: #bf0a0a;
+}
.articleFeedbackv5-feedback .articleFeedbackv5-feedback-tools {
display: none;
position: absolute;
top: 0;
right: 10px;
- width: 210px;
+ width: 140px;
}
.articleFeedbackv5-feedback .articleFeedbackv5-feedback-tools h3 {
background: #3366bb;
@@ -99,7 +116,7 @@
text-align: center;
position: absolute;
z-index: 150;
- width: 210px;
+ width: 140px;
margin: 0;
cursor: pointer;
}
@@ -148,45 +165,22 @@
float: right;
}
#articleFeedbackv5-special-add-feedback {
- -webkit-box-shadow:#999999 -2px 2px 1px;
- background-attachment:initial !important;
- background-clip:initial !important;
- background-color:initial !important;
-
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAIAAADaE/fjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QzkwMjE1MjE0RTExMUUxQTkyM0IxNzE3N0RFODgwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTMwRTQxMjE0RTIxMUUxQTkyM0IxNzE3N0RFODgwNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhDOTAyMTUwMTRFMTExRTFBOTIzQjE3MTc3REU4ODA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDOTAyMTUxMTRFMTExRTFBOTIzQjE3MTc3REU4ODA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+OdQuLwAAAEFJREFUeNpcjcENACAIAysrOZNLuputoWo0vi5HKaC2HpBCUBSTdoieOROXPyzmzaCxfTy7XzfvMbm6SVDnzxRgACWnTTX5Rk3FAAAAAElFTkSuQmCC)
!important;
- background-origin:initial !important;
- background-position:initial initial !important;
- background-repeat:repeat no-repeat !important;
- border-bottom-left-radius:3px;
- border-bottom-right-radius:3px;
- border-bottom-style:none !important;
- border-color:initial !important;
- border-image:initial !important;
- border-left-style:none !important;
- border-right-style:none !important;
- border-top-left-radius:3px;
- border-top-right-radius:3px;
- border-top-style:none !important;
- border-width:initial !important;
- box-shadow:#999999 -2px 2px 1px;
- background-attachment:scroll !important;
- background-clip:initial !important;
- background-color:#407EC9 !important;
- background-origin:initial !important;
- background-position:50% 100% !important;
- background-repeat:repeat no-repeat !important;
- border-bottom-color:#407EC9 !important;
- border-left-color:#407EC9 !important;
- border-right-color:#407EC9 !important;
- border-top-color:#407EC9 !important;
- color:white;
- display: block;
- width: auto;
- height: 35px;
- line-height: 35px;
- padding: 0 9px;
-
- float: right;
+ color:white;
+ display: block;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -ms-border-radius: 5px;
+ border-radius: 5px;
+ width: auto;
+ height: 35px;
+ line-height: 35px;
+ padding: 0 9px;
+ float: right;
+ background: url(images/bg-submit.png) repeat-x;
}
+#articleFeedbackv5-special-add-feedback:after {
+ clear:both;
+}
#articleFeedbackv5-show-feedback .articleFeedbackv5-comment-foot {
line-height: 22px;
}
_______________________________________________
MediaWiki-CVS mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-cvs
