Browse Source

Redesigned thread flags

Ralfp 12 years ago
parent
commit
2e1e68bbdb
2 changed files with 7 additions and 14 deletions
  1. 6 6
      static/cranefly/css/cranefly.css
  2. 1 8
      static/cranefly/css/cranefly/forum.less

+ 6 - 6
static/cranefly/css/cranefly.css

@@ -1095,12 +1095,12 @@ a.btn-link:hover,a.btn-link:active,a.btn-link:focus{opacity:0.9;filter:alpha(opa
 .forum-threads-list .thread-row .thread-name{margin-left:10px;color:#5e5e5e;font-size:16px;font-weight:bold;}
 .forum-threads-list .thread-row .thread-name{margin-left:10px;color:#5e5e5e;font-size:16px;font-weight:bold;}
 .forum-threads-list .thread-row .thread-details,.forum-threads-list .thread-row .thread-last-reply{color:#999999;line-height:14px;}.forum-threads-list .thread-row .thread-details a:link,.forum-threads-list .thread-row .thread-last-reply a:link,.forum-threads-list .thread-row .thread-details a:visited,.forum-threads-list .thread-row .thread-last-reply a:visited{color:#333333;}
 .forum-threads-list .thread-row .thread-details,.forum-threads-list .thread-row .thread-last-reply{color:#999999;line-height:14px;}.forum-threads-list .thread-row .thread-details a:link,.forum-threads-list .thread-row .thread-last-reply a:link,.forum-threads-list .thread-row .thread-details a:visited,.forum-threads-list .thread-row .thread-last-reply a:visited{color:#333333;}
 .forum-threads-list .thread-row .thread-details{margin-left:34px;font-size:10.5px;}
 .forum-threads-list .thread-row .thread-details{margin-left:34px;font-size:10.5px;}
-.forum-threads-list .thread-row .thread-flags{float:right;margin:0px;position:relative;right:-30px;top:5px;padding:0px;}.forum-threads-list .thread-row .thread-flags li{border:1px solid #555555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;float:left;margin-left:3px;padding:1px 4px;}.forum-threads-list .thread-row .thread-flags li.flag-reported{background-color:#f89406;border-color:#c67605;}
-.forum-threads-list .thread-row .thread-flags li.flag-notreviewed{background-color:#7a43b6;border-color:#613591;}
-.forum-threads-list .thread-row .thread-flags li.flag-announcement{background-color:#049cdb;border-color:#0378a9;}
-.forum-threads-list .thread-row .thread-flags li.flag-sticky{background-color:#3c85a3;border-color:#2e677e;}
-.forum-threads-list .thread-row .thread-flags li.flag-deleted{background-color:#333333;border-color:#1a1a1a;}
-.forum-threads-list .thread-row .thread-flags li.flag-closed{background-color:#cf402e;border-color:#a53325;}
+.forum-threads-list .thread-row .thread-flags{float:right;margin:0px;position:relative;right:-30px;top:5px;padding:0px;}.forum-threads-list .thread-row .thread-flags li{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;float:left;margin-left:3px;padding:2px 5px;}.forum-threads-list .thread-row .thread-flags li.flag-reported{background-color:#f89406;}
+.forum-threads-list .thread-row .thread-flags li.flag-notreviewed{background-color:#7a43b6;}
+.forum-threads-list .thread-row .thread-flags li.flag-announcement{background-color:#049cdb;}
+.forum-threads-list .thread-row .thread-flags li.flag-sticky{background-color:#3c85a3;}
+.forum-threads-list .thread-row .thread-flags li.flag-deleted{background-color:#333333;}
+.forum-threads-list .thread-row .thread-flags li.flag-closed{background-color:#cf402e;}
 .forum-threads-list .thread-row .thread-flags i{background-image:url("../img/glyphicons-halflings-white.png");}
 .forum-threads-list .thread-row .thread-flags i{background-image:url("../img/glyphicons-halflings-white.png");}
 .forum-threads-list .thread-row .thread-activity{border-left:1px dotted #e0e0e0;position:relative;bottom:3px;}.forum-threads-list .thread-row .thread-activity .thread-last-avatar{float:left;}.forum-threads-list .thread-row .thread-activity .thread-last-avatar img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0px;margin-right:14px;width:40px;height:40px;}
 .forum-threads-list .thread-row .thread-activity{border-left:1px dotted #e0e0e0;position:relative;bottom:3px;}.forum-threads-list .thread-row .thread-activity .thread-last-avatar{float:left;}.forum-threads-list .thread-row .thread-activity .thread-last-avatar img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0px;margin-right:14px;width:40px;height:40px;}
 .forum-threads-list .thread-row .thread-activity .thread-replies{float:left;margin-top:-1px;margin-right:14px;color:#999999;font-size:11.9px;}.forum-threads-list .thread-row .thread-activity .thread-replies .lead{font-size:14px;font-weight:bold;line-height:20px;}
 .forum-threads-list .thread-row .thread-activity .thread-replies{float:left;margin-top:-1px;margin-right:14px;color:#999999;font-size:11.9px;}.forum-threads-list .thread-row .thread-activity .thread-replies .lead{font-size:14px;font-weight:bold;line-height:20px;}

+ 1 - 8
static/cranefly/css/cranefly/forum.less

@@ -432,41 +432,34 @@
       padding: 0px;
       padding: 0px;
 
 
       li {
       li {
-        border: 1px solid @gray;
         .border-radius(@baseBorderRadius);
         .border-radius(@baseBorderRadius);
         display: block;
         display: block;
         float: left;
         float: left;
         margin-left: 3px;
         margin-left: 3px;
-        padding: 1px 4px;
+        padding: 2px 5px;
 
 
         &.flag-reported {
         &.flag-reported {
           background-color: @flagReported;
           background-color: @flagReported;
-          border-color: darken(@flagReported, 10%);
         }
         }
 
 
         &.flag-notreviewed {
         &.flag-notreviewed {
           background-color: @flagReviewed;
           background-color: @flagReviewed;
-          border-color: darken(@flagReviewed, 10%);
         }
         }
 
 
         &.flag-announcement {
         &.flag-announcement {
           background-color: @flagAnnouncement;
           background-color: @flagAnnouncement;
-          border-color: darken(@flagAnnouncement, 10%);
         }
         }
 
 
         &.flag-sticky {
         &.flag-sticky {
           background-color: @flagSticky;
           background-color: @flagSticky;
-          border-color: darken(@flagSticky, 10%);
         }
         }
 
 
         &.flag-deleted {
         &.flag-deleted {
           background-color: @flagDeleted;
           background-color: @flagDeleted;
-          border-color: darken(@flagDeleted, 10%);
         }
         }
 
 
         &.flag-closed {
         &.flag-closed {
           background-color: @flagClosed;
           background-color: @flagClosed;
-          border-color: darken(@flagClosed, 10%);
         }
         }
       }
       }