//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"] {
.smalltext {
font-size: 0.7em;
}
-#panel {
- position: absolute;
- .rounded_corners;
- .borders(1px, solid, @main_alt_colour);
- background-color: @bg_alt_colour;
- color: @main_colour;
- 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;
-}
/**
.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: @main_colour;
+ // background: @main_colour;
+ .borders(1px, outset, @main_colour);
.rounded_corners;
// .box_shadow(3px, 3px, 5px);
margin: 3px 10px 7px 0;
#mini-search-text {
background: @bg_colour;
color: @main_colour;
- font-size: 8pt;
margin: 8px;
- height: 14px;
}
#search-text {
.borders;
- width: 90%;
}
#mini-search-text {
+ font-size: 8pt;
+ height: 14px;
width: 10em;
}
#scrollup {
.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;
}
color: darken(@main_alt_colour, 13%);
}
#profile-jot-desc {
+ background: @bg_colour;
+ .borders;
+ .rounded_corners;
color: @red_orange;
margin: 5px 0;
}
display: none;
}
#jot-preview-content {
- background-color: @bg_alt_colour;
+ background-color: @shiny_colour;
color: @main_colour;
- .borders(1px, solid, @main_colour);
+ .borders(1px, solid, @bg_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;
background: @main_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-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;
+ padding: 5px 6px;
color: @main_alt_colour;
&:hover {
color: @menu_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;
}
padding: 3px;
&:hover {
color: @bg_colour;
- background: @link_colour;
+ background: @shiny_colour;
+ .borders(1px, solid, @hover_colour);
padding: 3px;
}
}
.borders(1px, solid, darken(@main_alt_colour, 33.5%));
margin-right: 3px;
width: 75%;
- &:hover, &:focus {
+ &:hover,
+ &:focus {
background-color: @main_alt_colour;
color: darken(@main_alt_colour, 80%);
.borders(1px, solid, darken(@main_alt_colour, 73.5%));
}
&#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 {
}
}
#panel {
+ position: absolute;
+ font-size: small;
+ .rounded_corners;
+ .borders(1px, solid, @main_alt_colour);
+ background-color: @bg_alt_colour;
+ color: @main_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 {
.editicon {
display: inline-block;
.box(21px, 21px);
- background: url(dark/editicons.png) no-repeat;
+ background: url("dark/editicons.png") no-repeat;
border: 0;
text-decoration: none;
}
margin: 0 10px;
.borders(1px, solid, @menu_bg_colour);
border-top: 0;
+ font-size: small;
// .box_shadow;
}
#acl-wrapper {