select,
textarea {
color: @main_colour;
- background-color: @bg_colour;
+ background-color: white;
}
select {
.borders(1px, dotted, darken(@main_alt_colour, 26.8%));
//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;
.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
-}
/**
.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;
top: 20px;
right: 1%;
padding: 5px;
- background: @dk_bg_colour;//#2e3436
+ background: @dk_bg_colour;
color: transparent;
.rounded_corners;
z-index: 100;
#mini-search-text {
background: white;
color: @main_colour;
- font-size: 8pt;
margin: 8px;
- height: 14px;
}
#search-text {
.borders(1px, solid, @main_alt_colour);
- width: 90%;
}
#mini-search-text {
+ font-size: 8pt;
+ height: 14px;
width: 10em;
}
#scrollup {
}
}
.menu-sep {
- border-top: 1px solid @med_bg_colour;//#9eabb0
+ border-top: 1px solid @med_bg_colour;
}
li {
float: none;
.empty {
padding: 5px;
text-align: center;
- color: lighten(@shiny_colour, 45%);//#9eabb0
+ color: lighten(@shiny_colour, 45%);
}
}
.notif-item {
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;
#sysmsg br {
display: block;
margin: 2px 0px;
- border-top: 1px solid @main_colour;//#ccccce
+ border-top: 1px solid @bg_colour;
}
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;
}
}
#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;
}
#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 {
}
#profile-jot-email-label {
background-color: @menu_bg_colour;
- color: @main_colour;//#ccccce
+ color: @bg_colour;
padding: 5px;
}
#profile-jot-email {
.box(20px, 20px);
.rounded_corners;
.box_shadow(3px, 3px, 5px, 0);
- .borders(2px, outset, @bg_colour);
+ .borders(2px, outset, @menu_bg_colour);
overflow: hidden;
margin: 0 10px 0 10px;
}
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 {
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;
.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;
}
.wall-item-info {
float: left;
- width: 110px;
+ width: 8em;
}
.wall-item-photo-wrapper {
.box(80px, 80px);
.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;
}
}
.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;
.icon {
float: left;
}
- > a, .smalltext {
+ > a,
+ .smalltext {
margin-left: 25px;
font-size: 0.7em;
display: block;
}
.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;
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;
}
}
}
font-size: 0.9em;
margin-left: 5em;
}
+.hide-comments-outer {
+ font-size: small;
+}
.wall-item-outside-wrapper.comment {
margin-left: 5em;
.wall-item-photo {
top: 45px;
background-position: 35px center;
}
- .wall-item-info {
- width: 60px;
- }
.wall-item-body {
margin-left: 10px;
}
.comment-edit-submit {
height: 22px;
background-color: @menu_bg_colour;
- color: @main_alt_colour;//#eeeeec
+ color: @bg_colour;
.rounded_corners;
border: 0;
}
* 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;
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%;
.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;
}
.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;
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;
#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;
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 {
.fc-state-highlight {
background: @bg_colour;
color: @main_colour;
- //background: #eec;
- //color: #2e2f2e;
}
.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 {
&:hover {
color: @main_colour;
background: @shiny_colour;
+ .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;
}
}
}
#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 {
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;
}
.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;
}
&#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 {
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;
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;
}
}
#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 {
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;
.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 {
.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;
}
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 {
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;