Remove unused css files
This commit is contained in:
Steffen van Bergerem
parent
e188782a9a
commit
0c7d319fdc
5 changed files with 0 additions and 1083 deletions
|
|
@ -1,28 +0,0 @@
|
|||
.popover {
|
||||
.close {
|
||||
opacity: 0;
|
||||
@include transition(opacity, 0.2s);
|
||||
position: relative;
|
||||
top: 1px;
|
||||
right: -5px;
|
||||
float: right;
|
||||
.icons-deletelabel {
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
img { margin-top: 10px; }
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.close {
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover { opacity: 1; }
|
||||
}
|
||||
}
|
||||
}
|
||||
body {
|
||||
.popover { z-index: 1000; }
|
||||
}
|
||||
|
||||
|
|
@ -1,106 +0,0 @@
|
|||
// Copyright (c) 2010-2011, Diaspora Inc. This file is
|
||||
// licensed under the Affero General Public License version 3 or later. See
|
||||
// the COPYRIGHT file.
|
||||
|
||||
@import "mixins";
|
||||
@import "colors";
|
||||
|
||||
body, html{
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
body, html, header, footer, ul{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header,
|
||||
footer{
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
header{
|
||||
top: 0;
|
||||
}
|
||||
|
||||
footer{
|
||||
bottom: 0;
|
||||
padding: 5px 0;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
header{
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 0px;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
vertical-align: top;
|
||||
margin-bottom: 20px;
|
||||
|
||||
#asterisk{
|
||||
position: relative;
|
||||
margin-right: 3px;
|
||||
top: -2px;
|
||||
left: 10px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
footer{
|
||||
position: absolute;
|
||||
background-color: $background-grey;
|
||||
border-top: 1px solid #ccc;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#popup-contents{
|
||||
width: 700px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#popup-content-left,
|
||||
#popup-content-right{
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#popup-content-left{
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
#popup-content-right{
|
||||
width: 200px;
|
||||
border-left: 3px solid #555;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul#requested-scopes{
|
||||
padding-left: 20px;
|
||||
margin-top: 5px;
|
||||
|
||||
li{
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
padding-left: 50px;
|
||||
min-height: 40px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.scope-photo{
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
|
||||
*{
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,410 +0,0 @@
|
|||
#publisher {
|
||||
z-index: 1;
|
||||
color: $text-grey;
|
||||
position: relative;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 0 12px 22px 12px;
|
||||
top: 0;
|
||||
border-bottom: 1px #eee solid;
|
||||
|
||||
form {
|
||||
textarea {
|
||||
resize: none;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.mention_popup {
|
||||
padding: 1px 12px;
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&.closed {
|
||||
.options_and_submit {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.counter {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.closed) {
|
||||
textarea {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#publisher_textarea_wrapper.with_attachments {
|
||||
textarea {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mentions-autocomplete-list ul {
|
||||
width: 483px;
|
||||
}
|
||||
|
||||
#publisher_spinner {
|
||||
clear: both;
|
||||
margin-bottom: -2px;
|
||||
min-height: 21px;
|
||||
padding-top: 6px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.options_and_submit {
|
||||
min-height: 21px;
|
||||
clear: both;
|
||||
position: relative;
|
||||
padding-top: 6px;
|
||||
margin-bottom: -2px;
|
||||
|
||||
input {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.public_toggle {
|
||||
text-align: right;
|
||||
|
||||
.dropdown {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.icons-monotone_wrench_settings {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
a.question_mark {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
#publisher_service_icons {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
margin-right: 10px;
|
||||
|
||||
.social_media_logos-facebook-16x16,
|
||||
.social_media_logos-twitter-16x16,
|
||||
.social_media_logos-tumblr-16x16,
|
||||
.social_media_logos-wordpress-16x16,
|
||||
.social_media_logos-email-16x16,
|
||||
.social_media_logos-feed-16x16,
|
||||
.social_media_logos-website-16x16 {
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
#fileInfo {
|
||||
display: inline;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
#status_message_fake_text {
|
||||
min-height: 20px;
|
||||
padding: 4px 6px;
|
||||
}
|
||||
|
||||
.content_creation {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#file-upload {
|
||||
bottom: 1px !important;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: .3em .3em 3px;
|
||||
position: absolute !important;
|
||||
right: 6px;
|
||||
cursor: pointer;
|
||||
|
||||
input[type='file'] {
|
||||
cursor: pointer;
|
||||
right: initial !important;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
&::-webkit-file-upload-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
opacity: 0.4;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $text-dark-grey;
|
||||
cursor: pointer;
|
||||
|
||||
img {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: #444;
|
||||
text-shadow: 0 1px 0 #fafafa;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.loading {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#publisher_textarea_wrapper {
|
||||
#hide_publisher {
|
||||
opacity: 0.3;
|
||||
z-index: 5;
|
||||
padding: 3px;
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
margin-top: 9px;
|
||||
|
||||
.icons-deletelabel {
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.markdownIndications {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
border-radius: 2px;
|
||||
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
|
||||
&.active {
|
||||
border: 1px solid $border-dark-grey;
|
||||
}
|
||||
|
||||
position: relative;
|
||||
padding-right: 10px;
|
||||
|
||||
textarea {
|
||||
z-index: 2;
|
||||
border: none;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.with_attachments {
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
#photodropzone {
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
img {
|
||||
width: 50px;
|
||||
max-height: 55px;
|
||||
}
|
||||
.circle {
|
||||
border-radius: 20px;
|
||||
|
||||
display: none;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: -7px;
|
||||
top: -5px;
|
||||
background-color: #333;
|
||||
|
||||
width: 20px;
|
||||
max-width: 20px;
|
||||
height: 20px;
|
||||
max-height: 20px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.x {
|
||||
display: none;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: -1px;
|
||||
font-size: small;
|
||||
font-weight: bold;
|
||||
&:before {
|
||||
content: 'X';
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: default;
|
||||
.circle {
|
||||
display: block;
|
||||
}
|
||||
.x {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.counter {
|
||||
position: absolute;
|
||||
font-size: 13px;
|
||||
padding: 12px 0 0 5px;
|
||||
}
|
||||
.warning {
|
||||
color: orange;
|
||||
}
|
||||
.exceeded {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
#publisher.closed {
|
||||
#publisher_textarea_wrapper #hide_publisher,
|
||||
.markdownIndications {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#publisher_photo_upload {
|
||||
position: absolute;
|
||||
display: inline;
|
||||
left: 600px;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#publisher-images {
|
||||
#locator {
|
||||
bottom: 1px !important;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
position: absolute !important;
|
||||
right: 30px;
|
||||
cursor: pointer;
|
||||
img {
|
||||
padding-top: 2px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
&:hover {
|
||||
color: $text-dark-grey;
|
||||
cursor: pointer;
|
||||
img {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
#poll_creator {
|
||||
bottom: 1px !important;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
position: absolute !important;
|
||||
right: 55px;
|
||||
i {
|
||||
opacity: 0.4;
|
||||
}
|
||||
&:hover {
|
||||
color: $text-dark-grey;
|
||||
cursor: pointer;
|
||||
i {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 19px;
|
||||
width: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
#poll_creator_container {
|
||||
border: 1px solid $border-dark-grey;
|
||||
padding: 5px;
|
||||
margin-top: 5px;
|
||||
border-radius: 2px;
|
||||
display: none;
|
||||
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
input {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.poll-question input {
|
||||
width: 100%;
|
||||
}
|
||||
.controls {
|
||||
float: none;
|
||||
z-index: none;
|
||||
}
|
||||
.control-group {
|
||||
&.error {
|
||||
color: $red;
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0px;
|
||||
|
||||
input {
|
||||
border-color: $red;
|
||||
}
|
||||
}
|
||||
}
|
||||
.poll-answer {
|
||||
.span1, .span11 { display: inline-block; }
|
||||
.span11 { width: 96%; }
|
||||
input {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.remove-answer {
|
||||
opacity: 0.4;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
line-height: 27px;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
&.active {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.control-group {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.add-answer {
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,288 +0,0 @@
|
|||
.stream {
|
||||
audio {
|
||||
display: block;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.stream_element {
|
||||
border-bottom: 1px solid $border-grey;
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
p {
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
list-style: disc;
|
||||
}
|
||||
}
|
||||
|
||||
.youtube-player, .vimeo-player {
|
||||
border: none;
|
||||
height: 304px;
|
||||
width: 410px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stream_element {
|
||||
&.highlighted { border-left: 3px solid $blue; }
|
||||
|
||||
a.author {
|
||||
font-weight: bold;
|
||||
unicode-bidi: bidi-override;
|
||||
}
|
||||
|
||||
.photo_attachments {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bd {
|
||||
> img {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.stream_photo {
|
||||
float: left;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.controls:first-child {
|
||||
.control_icon {
|
||||
@include transition(opacity);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.controls:first-child {
|
||||
.control_icon {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.control_icon:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.status_message_show {
|
||||
.comment_box {
|
||||
width: 653px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.post_scope {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.stream_element .reshare,
|
||||
.comment {
|
||||
.avatar {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.likes,
|
||||
.stream_element div.reshare {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.comment, .stream_element {
|
||||
>.highlighted {
|
||||
border-left: 3px solid $blue;
|
||||
padding-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.comment.no-border {
|
||||
&.media {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.comment {
|
||||
&.media {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
|
||||
border-top: 1px dotted #aaa;
|
||||
|
||||
padding-top: 10px;
|
||||
|
||||
.controls {
|
||||
.comment_delete, .comment_report {
|
||||
@include transition(opacity);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.controls {
|
||||
.comment_delete, .comment_report {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.comment_delete:hover, .comment_report:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.youtube-player, .vimeo-player {
|
||||
border: none;
|
||||
height: 250px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.ltr {
|
||||
ol, ul {
|
||||
padding-left: 2em;
|
||||
li {
|
||||
padding: 0px;
|
||||
border: none;
|
||||
list-style: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.stream_element {
|
||||
.new_comment_form_wrapper {
|
||||
width: 415px;
|
||||
}
|
||||
}
|
||||
|
||||
.stream_element .bd {
|
||||
& > .likes, & > .comments {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.status-message-location {
|
||||
.near-from {
|
||||
font-size: smaller;
|
||||
color: #aaa;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.address {
|
||||
font-size: 11px;
|
||||
color: #bbb;
|
||||
}
|
||||
}
|
||||
|
||||
.stream_element .post-content div.reshare {
|
||||
border-left: 2px solid $border-grey;
|
||||
}
|
||||
|
||||
.stream_element.loaded .media .bd .feedback {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
form.new_comment {
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 21px;
|
||||
font-size: 12px;
|
||||
width: 364px;
|
||||
}
|
||||
|
||||
&.open {
|
||||
input {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stream_element {
|
||||
.subject {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #444;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.last_author {
|
||||
font-size: 12px;
|
||||
color: $text-dark-grey;
|
||||
}
|
||||
|
||||
.collapsible {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
p {
|
||||
margin: 0 0 0.8em;
|
||||
}
|
||||
p:last-of-type {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.expander {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 48px;
|
||||
font-size: .8em;
|
||||
color: $grey;
|
||||
text-shadow: 0 0 7px #FFF;
|
||||
cursor: pointer;
|
||||
border-bottom: 2px solid $border-grey;
|
||||
border-radius: 0 0 3px 3px;
|
||||
@include linear-gradient(rgba(255,255,255,0) , #EEE, 0%, 95%);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.oembed {
|
||||
background: image-url('ajax-loader2.gif') no-repeat center center;
|
||||
float: left;
|
||||
width: 100%;
|
||||
|
||||
.thumb {
|
||||
@include video-overlay();
|
||||
}
|
||||
|
||||
iframe, .thumb img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,251 +0,0 @@
|
|||
// Copyright (c) 2010-2011, Diaspora Inc. This file is
|
||||
// licensed under the Affero General Public License version 3 or later. See
|
||||
// the COPYRIGHT file.
|
||||
|
||||
@import "_mixins";
|
||||
|
||||
$button-border-color: #aaa;
|
||||
|
||||
.ui-autocomplete {
|
||||
left: -11px
|
||||
}
|
||||
|
||||
.button {
|
||||
@include button-gradient($light-grey);
|
||||
box-shadow: 0 1px 1px #cfcfcf;
|
||||
@include transition(border);
|
||||
|
||||
display: inline;
|
||||
|
||||
font: {
|
||||
style: normal;
|
||||
size: 12px;
|
||||
}
|
||||
color: #505050;
|
||||
|
||||
padding: 4px 9px;
|
||||
|
||||
min-width: 90px;
|
||||
min-height: 10px;
|
||||
|
||||
border: 1px solid $button-border-color;
|
||||
border-radius: 3px;
|
||||
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
@include button-gradient-hover-no-saturation($light-grey);
|
||||
color: #505050;
|
||||
text-decoration: none;
|
||||
border: 1px solid darken($button-border-color,15%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
@include linear-gradient(#acacac,#808080);
|
||||
}
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
/* fix for input height */
|
||||
input.button {
|
||||
padding: 3px 9px {
|
||||
bottom: 4px
|
||||
}
|
||||
}
|
||||
|
||||
.button .selected {
|
||||
@include linear-gradient(#f0f0f0,$highlight-white,29%,85%);
|
||||
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.button {
|
||||
&.delete {
|
||||
color: desaturate($red,10%);
|
||||
}
|
||||
|
||||
&.in_aspects {
|
||||
@include button-gradient($green);
|
||||
&:hover {
|
||||
@include button-gradient-hover($green);
|
||||
}
|
||||
}
|
||||
|
||||
&.creation {
|
||||
@include button-gradient($creation-blue);
|
||||
color: #fff;
|
||||
|
||||
border: 1px solid darken($button-border-color,20%);
|
||||
|
||||
&:hover {
|
||||
@include button-gradient-hover($creation-blue);
|
||||
border: 1px solid darken($button-border-color,35%);
|
||||
}
|
||||
}
|
||||
|
||||
&.red_on_hover {
|
||||
&:hover {
|
||||
@include button-gradient(#F74427);
|
||||
color: #222;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
.button {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
box-shadow: 0 2px 5px #666;
|
||||
@include transition(opacity);
|
||||
|
||||
display: none;
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
width: 140px;
|
||||
margin-top: 2px;
|
||||
background-color: #fff;
|
||||
border: 1px solid $border-dark-grey;
|
||||
|
||||
ul {
|
||||
@include user-select(none);
|
||||
font-size: normal;
|
||||
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #000;
|
||||
|
||||
> li {
|
||||
font-size: 11px !important;
|
||||
padding: 6px 2px {
|
||||
left: 24px; }
|
||||
position: relative;
|
||||
color: #222;
|
||||
list-style: none !important;
|
||||
|
||||
&.selected {
|
||||
background: {
|
||||
image: image-url('icons/check_yes_ok.png');
|
||||
position: 3px 6px;
|
||||
repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
&.selected:hover {
|
||||
background: {
|
||||
image: image-url('icons/check_yes_ok_white.png');
|
||||
position: 3px 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&.loading {
|
||||
background: {
|
||||
image: image-url('ajax-loader.gif');
|
||||
repeat: no-repeat;
|
||||
position: 4px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&.loading:hover {
|
||||
background: {
|
||||
image: image-url('ajax-loader_inverted.gif');
|
||||
/* bump top position up 1px to compensate for the 1px added top border */
|
||||
position: 4px 1px;
|
||||
}
|
||||
}
|
||||
|
||||
&.newItem {
|
||||
a {
|
||||
color: $text-grey;
|
||||
font-style: italic;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.hang_right {
|
||||
.wrapper {
|
||||
border-radius: 3px 0 3px 3px;
|
||||
right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&.hang_left {
|
||||
.wrapper {
|
||||
border-radius: 0 3px 3px 3px;
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&.active {
|
||||
.wrapper {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.button {
|
||||
border-radius: 3px 3px 0 0;
|
||||
border: 1px solid #444;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: #666;
|
||||
}
|
||||
|
||||
.button,
|
||||
.wrapper ul > li:hover {
|
||||
background-color: #666;
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.wrapper ul > li:hover {
|
||||
border: {
|
||||
top: 1px solid #444;
|
||||
bottom: 1px solid #444;
|
||||
}
|
||||
padding: {
|
||||
top: 5px;
|
||||
bottom: 5px;
|
||||
}
|
||||
|
||||
&.divider {
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper ul > li,
|
||||
.wrapper ul > li * {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in a new issue