Merge https://github.com/friendica/friendica into pull

[friendica.git] / view / theme / dispy / light / style.less

diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less
index 170b5e23c26e9ae7fc5afe8f0714941dd589a78a..92c8547eec18cc18c4252efdd3c8e4830335c6d3 100644 (file)
--- a/view/theme/dispy/light/style.less
+++ b/view/theme/dispy/light/style.less
@@ -62,7 +62,7 @@ input,
 select,
 textarea {
        color: @main_colour;
-       background-color: @bg_colour;
+       background-color: white;
 }
 select {
        .borders(1px, dotted, darken(@main_alt_colour, 26.8%));
@@ -91,17 +91,20 @@ tr:nth-child(even) {
 //outline-style                Sets the style of an outline    dotted,dashed,solid,double,groove,ridge,inset,outset,inherit
 //outline-width                Sets the width of an outline    thin,medium,thick,length,inherit
 :focus {
+       outline: none;
+}
+a:focus {
        outline: invert, dashed, thin;
 }
 [disabled="disabled"] {
-       background: @med_bg_colour;//#ddd
-       color: @disabled_colour;//#333
+       background: @dk_bg_colour;
+       color: @disabled_colour;
 }
 ///* remember to highlight inserts somehow! */
 ins,
 mark {
-       background-color: @bg_alt_colour;//#ff9
-       color: @lt_main_colour;//#000
+       background-color: @bg_colour;
+       color: @main_colour;
 }
 ins {
        text-decoration: none;
@@ -175,11 +178,11 @@ a {
        }
 }
 blockquote {
-       background: darken(@main_alt_colour, 66.5%);
+       background: lighten(@main_alt_colour, 6.5%);
        color: @main_colour;
        text-indent: 5px;
        padding: 5px;
-       .borders(1px, solid, darken(@main_alt_colour, 33%));//#aaa
+       .borders(1px, solid, @main_colour);
        .rounded_corners;
 }
 label {
@@ -261,30 +264,6 @@ h6 {
 .smalltext {
        font-size: 0.7em;
 }
-#panel {
-       position: absolute;
-       .rounded_corners;
-       .borders(1px, solid, @main_alt_colour);//#fff
-       background-color: @bg_alt_colour;//#2e3436
-       color: @main_colour;//#eec
-       padding: 1em;
-}
-.pager {
-       margin-top: 60px;
-       display: block;
-       clear: both;
-       text-align: center;
-       font-size: small;
-       font-weight: bold;
-       span {
-               padding: 4px;
-               margin: 4px;
-       }
-}
-.pager_current {
-       background-color: @link_colour;
-       color: @bg_colour;//#fff
-}
 
 
 /**
@@ -302,10 +281,30 @@ h6 {
        .box(100%, 100%);
        margin: 0 auto;
 }
+.button,
+#profile-listing-desc {
+       // .box(25%, auto);
+       // background: @menu_bg_colour;
+       color: @main_colour;
+       // .borders(2px, outset, darken(@menu_bg_colour, 20%));
+       // .rounded_corners;
+       padding: 5px;
+       // font-size: smaller;
+       cursor: pointer;
+       &.active {
+               .box_shadow(4px, 4px, 7px);
+       }
+       a {
+               color: @main_colour;
+               // font-size: smaller;
+               font-weight: bold;
+       }
+}
 [class$="-desc"],
 [id$="-desc"] {
        color: @bg_colour;
        background: @dk_bg_colour;
+       .borders(1px, outset, @bg_colour);
        .rounded_corners;
        // .box_shadow(3px, 3px, 5px);
     margin: 3px 10px 7px 0;
@@ -449,9 +448,11 @@ ul#user-menu-popup {
                a {
                        display: block;
                        padding: 5px;
+                       color: @bg_colour;
+                       background-color: @menu_bg_colour;
                        &:hover {
-                               color: @dk_bg_colour;
-                               background-color: @bg_colour;
+                               color: @bg_colour;
+                               background-color: @main_colour;
                        }
                        &.nav-sep {
                                border-top: 1px solid @bg_alt_colour; } } }
@@ -614,7 +615,7 @@ nav #nav-notifications-linkmenu {
        top: 20px;
        right: 1%;
        padding: 5px;
-       background: @dk_bg_colour;//#2e3436
+       background: @dk_bg_colour;
        color: transparent;
        .rounded_corners;
        z-index: 100;
@@ -653,13 +654,19 @@ nav #nav-notifications-linkmenu {
        background: @dk_bg_colour;
        .rounded_corners;
 }
+#search-text,
+#mini-search-text {
+       background: white;
+       color: @main_colour;
+       margin: 8px;
+}
 #search-text {
-       .borders(1px, solid, @bg_colour);
-       background: @bg_colour;
-       color: @dk_bg_colour;
+       .borders(1px, solid, @main_alt_colour);
+}
+#mini-search-text {
        font-size: 8pt;
-       margin: 8px;
-       .box(10em, 14px);
+       height: 14px;
+       width: 10em;
 }
 #scrollup {
        position: fixed;
@@ -747,23 +754,25 @@ nav #nav-notifications-linkmenu {
        display: none;
        width: 11em;
        background: white;
-       color: @bg_colour;//#2d2d2d
+       color: @main_colour;
        margin: 0px;
        padding: 0px;
-       .borders(3px, solid, @shiny_colour);//#364e59
+       .borders(3px, solid, @link_colour);
+       .rounded_corners;
        z-index: 100000;
        .box_shadow;
        a {
                display: block;
-               color: @bg_colour;//#2d2d2d
+               color: @main_colour;
                padding: 5px 10px;
                text-decoration: none;
                &:hover {
-                       background-color: lighten(@shiny_colour, 55%);//#bdcdd4
+                       color: @bg_colour;
+                       background-color: @link_colour;
                }
        }
        .menu-sep {
-           border-top: 1px solid @med_bg_colour;//#9eabb0
+           border-top: 1px solid @med_bg_colour;
        }
        li {
                float: none;
@@ -779,7 +788,7 @@ nav #nav-notifications-linkmenu {
        .empty {
                padding: 5px;
                text-align: center;
-               color: lighten(@shiny_colour, 45%);//#9eabb0
+               color: lighten(@shiny_colour, 45%);
        }
 }
 .notif-item {
@@ -793,7 +802,11 @@ nav #nav-notifications-linkmenu {
        padding: 7px 7px 0px 0px;
 }
 .notify-seen {
-       background: darken(@main_alt_colour, 20%);//#ddd
+       background: @disabled_colour;
+       color: @main_colour;
+}
+.notify-unseen {
+       color: @main_colour;
 }
 
 
@@ -805,8 +818,8 @@ nav #nav-notifications-linkmenu {
        bottom: 0;
        .box_shadow(@main_shadow);
        padding: 10px;
-       background-color: @lt_orange;//#fcaf3e
-       .borders(2px, solid, @orange);//#f8911b
+       background-color: @lt_orange;
+       .borders(2px, solid, @orange);
        border-bottom: 0;
        padding-bottom: 50px;
        z-index: 1000;
@@ -826,7 +839,7 @@ nav #nav-notifications-linkmenu {
 #sysmsg br {
        display: block;
        margin: 2px 0px;
-       border-top: 1px solid @main_colour;//#ccccce
+       border-top: 1px solid @bg_colour;
 }
 
 
@@ -876,8 +889,8 @@ nav #nav-notifications-linkmenu {
                                position: relative; } } }
 }
 .aprofile dt {
-       background: @main_colour;//transp.
-       color: @bg_colour;//#666666
+       background: transparent;
+       color: darken(@main_alt_colour, 20%);
        font-weight: bold;
        .box_shadow(3px, 3px, 5px);
        .rounded_corners;
@@ -962,7 +975,7 @@ nav #nav-notifications-linkmenu {
                }
        }
        #jot-title {
-           .borders(1px, solid, darken(@main_alt_colour, 13%));//#ccc
+           .borders(1px, solid, lighten(@main_alt_colour, 20%));
                margin: 0 0 5px;
                .box(90%, 20px);
                font-weight: bold;
@@ -992,21 +1005,21 @@ nav #nav-notifications-linkmenu {
 }
 #profile-jot-text_tbl {
        margin-bottom: 10px;
-       background: darken(@main_alt_colour, 46.8%);//#777
+       background: darken(@main_alt_colour, 10%);
 }
 #profile-jot-text_ifr {
        width: 99.900002% !important;
 }
 #profile-jot-text_toolbargroup, .mceCenter tr {
-       background: darken(@main_alt_colour, 46.8%);//#777
+       background: darken(@main_alt_colour, 10%);
 }
 [id$="jot-text_ifr"] {
        width: 99.900002% !important;
-       color: @bg_colour;//#2e2f2e
-       background: @main_colour;//#eec
+       color: @main_colour;
+       background: @bg_colour;
        .mceContentBody {
-               color: @bg_colour;//#2e2f2e
-               background: @main_colour;//#eec
+               color: @main_colour;
+               background: @bg_colour;
        }
 }
 .defaultSkin {
@@ -1043,7 +1056,7 @@ nav #nav-notifications-linkmenu {
 }
 #profile-jot-email-label {
        background-color: @menu_bg_colour;
-       color: @main_colour;//#ccccce
+       color: @bg_colour;
        padding: 5px;
 }
 #profile-jot-email {
@@ -1079,11 +1092,10 @@ nav #nav-notifications-linkmenu {
 #profile-jot-perms {
        float: right;
        color: @menu_bg_colour;
-       background-color: @main_colour;
        .box(20px, 20px);
        .rounded_corners;
        .box_shadow(3px, 3px, 5px, 0);
-       .borders(2px, outset, @main_alt_colour);
+       .borders(2px, outset, @menu_bg_colour);
        overflow: hidden;
        margin: 0 10px 0 10px;
 }
@@ -1101,9 +1113,9 @@ nav #nav-notifications-linkmenu {
 #profile-jot-submit {
        height: auto;
        background-color: @menu_bg_colour;
-       color: @main_alt_colour;//#eeeeec
+       color: @bg_colour;
        .rounded_corners;
-       .borders(2px, outset, @shiny_colour);
+       .borders(2px, outset, @menu_bg_colour);
        margin: 0;
        float: right;
        .text_shadow;
@@ -1113,9 +1125,10 @@ nav #nav-notifications-linkmenu {
        }
 }
 #jot-perms-icon {
-       .box(20px, 22px);
+       .box(22px, 22px);
        .rounded_corners;
        overflow: hidden;
+       background: @menu_bg_colour url("dark/icons.png") -88px -40px;
 }
 #group_allow_wrapper,
 #group_deny_wrapper,
@@ -1136,28 +1149,31 @@ nav #nav-notifications-linkmenu {
        float: right;
 }
 #acl-permit-text {
-       background-color: darken(@main_alt_colour, 60%);//@menu_bg_colour
+       background-color: @menu_bg_colour;
        color: @main_colour;
        padding: 5px;
        float: left;
 }
 #jot-public {
-       background-color: darken(@main_alt_colour, 60%);//@menu_bg_colour
+       background-color: @menu_bg_colour;
        color: @alert;
        padding: 5px;
        float: left;
 }
 #acl-deny-text {
-       background-color: darken(@main_alt_colour, 60%);//@menu_bg_colour
-       color: @main_colour;//#ccccce
+       background-color: @menu_bg_colour;
+       color: @bg_colour;
        padding: 5px;
        float: left;
 }
 #jot-title-desc {
-       color: darken(@main_alt_colour, 13%);//#ccc
+       color: lighten(@main_alt_colour, 20%);
 }
 #profile-jot-desc {
-       color: @red_orange;//#a00
+       background: @bg_colour;
+       .borders;
+       .rounded_corners;
+       color: @red_orange;
        margin: 5px 0;
 }
 #jot-title-wrapper {
@@ -1170,9 +1186,9 @@ nav #nav-notifications-linkmenu {
        display: none;
 }
 #jot-preview-content {
-       background-color: @bg_alt_colour;//@shiny_colour
+       background-color: @shiny_colour;
        color: @main_colour;
-       .borders(1px, solid, @main_colour);//#aa0
+       .borders(1px, solid, @main_colour);
        .rounded_corners;
        .box_shadow(5px, 0, 10px);
        padding: 3px 3px 6px 10px;
@@ -1212,16 +1228,20 @@ nav #nav-notifications-linkmenu {
        .borders(1px, solid, @hover_colour);
        padding: 4px;
        &:hover,
-       &.active:hover,
        &:active {
                background: @shiny_colour;
                color: @main_colour;
                .borders(1px, solid, @hover_colour);
        }
        &.active {
-               background: @main_colour;
+               background: @dk_bg_colour;
                color: @bg_colour;
                .borders(1px, solid, @hover_colour);
+               &:hover {
+                       background: @shiny_colour;
+                       color: @main_colour;
+                       .borders(1px, solid, @hover_colour);
+               }
                a {
                        color: @bg_colour;
                        text-decoration: none;
@@ -1288,7 +1308,7 @@ nav #nav-notifications-linkmenu {
 }
 .wall-item-info {
        float: left;
-       width: 110px;
+       width: 8em;
 }
 .wall-item-photo-wrapper {
        .box(80px, 80px);
@@ -1344,7 +1364,7 @@ nav #nav-notifications-linkmenu {
 .wall-item-like {
        clear: left;
        font-size: 0.8em;
-       color: lighten(@menu_bg_colour, 20%);
+       color: @main_colour;
        margin: 5px 0 5px 10.2em;
        .transition;
        opacity: 0.5;
@@ -1353,16 +1373,21 @@ nav #nav-notifications-linkmenu {
        }
 }
 .wall-item-author,
-.wall-item-actions-author {
+.wall-item-actions-author,
+.wall-item-ago {
        clear: left;
        float: left;
-       font-size: 0.8em;
-       color: lighten(@menu_bg_colour, 20%);
-       margin: 1em auto 0 0.2em;
+       color: @main_colour;
+       line-height: 1;
+       display: inline-block;
+       font-size: 0.75em;
+       margin: 0.5em auto 0;
 }
-.wall-item-ago {
-       display: inline;
-       padding-left: 10px;
+.wall-item-author,
+.wall-item-actions-author {
+       margin: 0.5em auto 0;
+       font-size: 0.75em;
+       font-weight: bold;
 }
 .wall-item-location {
        margin-top: 15px;
@@ -1372,7 +1397,8 @@ nav #nav-notifications-linkmenu {
        .icon {
                float: left;
        }
-       > a, .smalltext {
+       > a,
+       .smalltext {
                margin-left: 25px;
                font-size: 0.7em;
                display: block;
@@ -1406,7 +1432,8 @@ nav #nav-notifications-linkmenu {
 }
 .wall-item-photo-menu {
        min-width: 92px;
-       .borders(2px, solid, white);
+       font-size: 0.75em;
+       .borders(2px, solid, @menu_bg_colour);
        border-top: 0px;
        background: @menu_bg_colour;
        position: absolute;
@@ -1418,11 +1445,11 @@ nav #nav-notifications-linkmenu {
        li a {
                white-space: nowrap;
                display: block;
-               padding: 5px 2px;
-               color: @main_alt_colour;//#eeeeec
+               padding: 5px 6px;
+               color: @bg_colour;
                &:hover {
                        color: @menu_bg_colour;
-                       background: @main_alt_colour;//#eeeeec
+                       background: @bg_colour;
                }
        }
 }
@@ -1447,6 +1474,9 @@ nav #nav-notifications-linkmenu {
        font-size: 0.9em;
        margin-left: 5em;
 }
+.hide-comments-outer {
+       font-size: small;
+}
 .wall-item-outside-wrapper.comment {
        margin-left: 5em;
        .wall-item-photo {
@@ -1461,9 +1491,6 @@ nav #nav-notifications-linkmenu {
                top: 45px;
                background-position: 35px center;
        }
-       .wall-item-info {
-               width: 60px;
-       }
        .wall-item-body {
                margin-left: 10px;
        }
@@ -1531,7 +1558,7 @@ nav #nav-notifications-linkmenu {
 .comment-edit-submit {
        height: 22px;
        background-color: @menu_bg_colour;
-       color: @main_alt_colour;//#eeeeec
+       color: @bg_colour;
        .rounded_corners;
        border: 0;
 }
@@ -1541,11 +1568,11 @@ nav #nav-notifications-linkmenu {
  * item text style
  */
 .wall-item-body code {
-    background-color: lighten(@main_alt_colour, 66.5%);//@bg_colour
-    border-bottom: 1px dashed lighten(@main_alt_colour, 13.5%);//#ccc
-    border-left: 5px solid lighten(@main_alt_colour, 13.5%);//#ccc
-    border-top: 1px dashed lighten(@main_alt_colour, 13.5%);//#ccc
-       color: darken(@main_alt_colour, 5%);
+    background-color: lighten(@main_alt_colour, 26.5%);
+    border-bottom: 1px dashed darken(@main_alt_colour, 6.5%);
+    border-left: 5px solid darken(@main_alt_colour, 6.5%);
+    border-top: 1px dashed darken(@main_alt_colour, 6.5%);
+       color: darken(@main_alt_colour, 50%);
     display: block;
     overflow-x: auto;
     padding: 5px 0 15px 10px;
@@ -1562,7 +1589,7 @@ nav #nav-notifications-linkmenu {
 div {
        &[id$="text"] {
                font-weight: bold;
-               border-bottom: 1px solid darken(@main_alt_colour, 13.5%);//#ccc
+               border-bottom: 1px solid @bg_colour;
        }
        &[id$="wrapper"] {
                height: 100%;
@@ -1619,8 +1646,8 @@ div {
 .photo-top-image-wrapper {
        float: left;
        .box_shadow(3px, 3px, 10px, 0);
-       background-color: darken(@main_alt_colour, 80%);//@bg_colour
-       color: @bg_colour;//@main_colour
+       background-color: @bg_colour;
+       color: @main_colour;
        .rounded_corners;
        padding-bottom: 30px;
        position: relative;
@@ -1927,7 +1954,7 @@ div {
 }
 .contact-photo-menu {
        width: auto;
-       .borders(2px, solid, darken(@main_alt_colour, 66.5%));//#444
+       .borders(2px, solid, darken(@main_alt_colour, 33.5%));
        background: @bg_colour;
        color: @main_colour;
        position: absolute;
@@ -2027,8 +2054,8 @@ div {
        font-weight: bold;
 }
 #advanced-expire-popup {
-       background: @bg_colour;//#2e2f2e
-       color: @main_colour;//#eec
+       background: @main_colour;
+       color: @bg_colour;
 }
 #id_ssl_policy {
        width: 374px;
@@ -2068,7 +2095,7 @@ div {
 #group-all-contacts h3,
 #prof-members h3,
 #prof-all-contacts h3 {
-       color: @main_alt_colour;//#eeeeec
+       color: @bg_colour;
        background-color: @menu_bg_colour;
        margin: 0;
        padding: 5px;
@@ -2148,7 +2175,7 @@ div {
        background: @bg_colour;
 }
 .vevent {
-       border: 1px solid darken(@main_alt_colour, 13.5%);//#ccc
+       border: 1px solid @bg_colour;
        .event-description,
        .event-location,
        .event-start {
@@ -2266,8 +2293,6 @@ div {
 .fc-state-highlight {
        background: @bg_colour;
        color: @main_colour;
-       //background: #eec;
-       //color: #2e2f2e;
 }
 
 
@@ -2295,15 +2320,15 @@ div {
 .fileas-selected {
        padding: 3px;
        color: @bg_colour;
-       background: @link_colour;
+       background: @dk_bg_colour;
        .borders(1px, solid, @link_colour);
 }
 .group-selected:hover,
 .nets-selected:hover,
 .fileas-selected:hover {
        padding: 3px;
-       color: @bg_colour;
-       background: @shiny_colour;
+       color: @link_colour;
+       background: @bg_colour;
        .borders(1px, solid, @link_colour);
 }
 .groupsideedit {
@@ -2327,14 +2352,14 @@ div {
        &:hover {
                color: @main_colour;
                background: @shiny_colour;
-               font-weight: bold;
+               .borders(1px, solid, @hover_colour);
                padding: 3px;
        }
 }
 #sidebar-new-group {
        margin: auto;
        display: inline-block;
-       color: @main_alt_colour;//#efefef
+       color: @bg_colour;
        text-decoration: none;
        text-align: center;
 }
@@ -2353,15 +2378,16 @@ div {
        }
 }
 #side-peoplefind-url {
-       background-color: @bg_colour;//#e5e0cf
-       color: @main_colour;//#666
-       .borders(1px, solid, darken(@main_alt_colour, 33.5%));//$666
+       background-color: @bg_colour;
+       color: darken(@main_alt_colour, 20%);
+       .borders(1px, solid, darken(@main_alt_colour, 20%));
        margin-right: 3px;
        width: 75%;
-       &:hover, &:focus {
+       &:hover,
+       &:focus {
                background-color: @main_alt_colour;
-               color: darken(@main_alt_colour, 80%);//#efefef
-               .borders(1px, solid, darken(@main_alt_colour, 73.5%));//#333
+               color: @bg_colour;
+               .borders(1px, solid, @main_colour);
        }
 }
 .nets-ul {
@@ -2423,7 +2449,7 @@ div {
                margin-left: 250px;
        }
        h3 {
-               border-bottom: 1px solid darken(@main_alt_colour, 13.5%);//#ccc
+               border-bottom: 1px solid lighten(@main_alt_colour, 20%);
        }
        .submit {
                clear: left;
@@ -2434,7 +2460,7 @@ div {
        }
        .plugin {
                display: block;
-               .borders(1px, solid, darken(@main_alt_colour, 40%));//#888
+               .borders(1px, solid, darken(@main_alt_colour, 6.5%));
                padding: 1em;
                margin-bottom: 5px;
                clear: left;
@@ -2457,13 +2483,13 @@ div {
                }
                &#users {
                        padding: 5px;
-               }
-               &#users img {
-                       .box(16px, 16px);
-               }
-               &#users a {
-                       color: @main_colour;
-                       text-decoration: underline;
+                   img {
+                           .box(16px, 16px);
+               }
+            a {
+                           color: @main_colour;
+                           text-decoration: underline;
+            }
                }
        }
        td .icon {
@@ -2494,7 +2520,7 @@ div {
        width: 80px;
        a {
                display: block;
-               .borders(1px, solid, darken(@main_alt_colour, 53.5%));//#666
+               .borders(1px, solid, darken(@main_alt_colour, 20%));
                padding: 3px 6px 4px 10px;
                height: 16px;
                text-decoration: none;
@@ -2543,7 +2569,7 @@ div {
        position: absolute;
        display: none;
        .background {
-               background-color: darken(@main_alt_colour, 86.5%);//#000
+               background-color: @main_colour;
                opacity: 0.5;
                .box(100%, 100%);
                position: absolute;
@@ -2561,9 +2587,33 @@ div {
        }
 }
 #panel {
+       position: absolute;
+       font-size: small;
+       .rounded_corners;
+       .borders(1px, solid, @bg_colour);
+       background-color: @dk_bg_colour;
+       color: @bg_colour;
+       padding: 1em;
        z-index: 100;
 }
-.grey, .gray {
+.pager {
+       margin-top: 60px;
+       display: block;
+       clear: both;
+       text-align: center;
+       font-size: small;
+       font-weight: bold;
+       span {
+               padding: 4px;
+               margin: 4px;
+       }
+}
+.pager_current {
+       background-color: @link_colour;
+       color: @bg_colour;
+}
+.grey,
+.gray {
        color: gray;
 }
 .orange {
@@ -2593,7 +2643,7 @@ div {
        width: 50%;
        overflow: hidden;
        height: auto;
-       .borders(1px, solid, darken(@main_alt_colour, 13.5%));//#ccc
+       .borders(1px, solid, lighten(@main_alt_colour, 20%));
        margin-bottom: 5px;
        span {
                float: right;
@@ -2611,7 +2661,7 @@ div {
 .oauthapp {
        height: auto;
        overflow: auto;
-       border-bottom: 2px solid darken(@main_alt_colour, 13.5%);//#ccc
+       border-bottom: 2px solid lighten(@main_alt_colour, 20%);
        padding-bottom: 1em;
        margin-bottom: 1em;
        img {
@@ -2640,7 +2690,7 @@ div {
 .icon {
        display: block;
        .box;
-       background: url(light/icons.png) no-repeat;
+       background: transparent url("light/icons.png") no-repeat;
        border: 0;
        text-decoration: none;
        .rounded_corners;
@@ -2652,7 +2702,7 @@ div {
 .editicon {
        display: inline-block;
        .box(21px, 21px);
-       background: url(light/editicons.png) no-repeat;
+       background: url("light/editicons.png") no-repeat;
        border: 0;
        text-decoration: none;
 }
@@ -2912,13 +2962,12 @@ footer {
        display: block !important;
        background: @bg_colour;
        color: @main_colour;
-//     background: #eec;
-//     color: #2e2f2e;
 }
 #profile-jot-acl-wrapper {
        margin: 0 10px;
        .borders(1px, solid, @menu_bg_colour);
        border-top: 0;
+       font-size: small;
        // .box_shadow;
 }
 #acl-wrapper {
@@ -2930,7 +2979,7 @@ footer {
        background: white url("../../../images/search_18.png") no-repeat right center;
        padding-right: 20px;
        margin: 6px;
-       color: @bg_colour;//@main_colour
+       color: @main_colour;
 }
 #acl-showall {
        float: left;