mirror of
https://github.com/Prowlarr/Prowlarr.git
synced 2025-09-17 17:14:18 +02:00
Bootstrap 3
New: Updated UI New: Mobile browser support Fixed: /favicon.ico will return the favicon now
This commit is contained in:
Mark McDowall
@@ -17,6 +17,10 @@
|
||||
font-size : 13px;
|
||||
position : absolute;
|
||||
right : 0;
|
||||
|
||||
.label {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
BIN
src/UI/Content/Images/logos/128.png
Normal file
BIN
src/UI/Content/Images/logos/128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
src/UI/Content/Images/logos/32.png
Normal file
BIN
src/UI/Content/Images/logos/32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/UI/Content/Images/logos/48.png
Normal file
BIN
src/UI/Content/Images/logos/48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
@@ -4,93 +4,98 @@ ul.messenger {
|
||||
padding: 0;
|
||||
}
|
||||
/* line 8, ../../src/sass/messenger.sass */
|
||||
ul.messenger li {
|
||||
ul.messenger > li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 14, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-empty {
|
||||
display: none;
|
||||
}
|
||||
/* line 17, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message {
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 17, ../../src/sass/messenger.sass */
|
||||
/* line 20, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message.messenger-hidden {
|
||||
display: none;
|
||||
}
|
||||
/* line 20, ../../src/sass/messenger.sass */
|
||||
/* line 23, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a {
|
||||
padding-right: 5px;
|
||||
}
|
||||
/* line 23, ../../src/sass/messenger.sass */
|
||||
/* line 26, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-actions {
|
||||
float: right;
|
||||
}
|
||||
/* line 26, ../../src/sass/messenger.sass */
|
||||
/* line 29, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-actions a {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* line 30, ../../src/sass/messenger.sass */
|
||||
/* line 33, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message ul, ul.messenger .messenger-message ol {
|
||||
margin: 10px 18px 0;
|
||||
}
|
||||
/* line 36, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
}
|
||||
/* line 34, ../../src/sass/messenger.sass */
|
||||
/* line 40, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed .messenger-message {
|
||||
min-width: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* line 39, ../../src/sass/messenger.sass */
|
||||
/* line 45, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed .message .messenger-actions {
|
||||
float: left;
|
||||
}
|
||||
/* line 42, ../../src/sass/messenger.sass */
|
||||
/* line 48, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top {
|
||||
top: 20px;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger.sass */
|
||||
/* line 51, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
bottom: 20px;
|
||||
}
|
||||
/* line 48, ../../src/sass/messenger.sass */
|
||||
/* line 54, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
left: 50%;
|
||||
width: 800px;
|
||||
margin-left: -400px;
|
||||
}
|
||||
@media (max-width: 960px) {
|
||||
/* line 48, ../../src/sass/messenger.sass */
|
||||
/* line 54, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
/* line 58, ../../src/sass/messenger.sass */
|
||||
/* line 64, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
|
||||
right: 20px;
|
||||
left: auto;
|
||||
}
|
||||
/* line 62, ../../src/sass/messenger.sass */
|
||||
/* line 68, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
|
||||
left: 20px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
/* line 66, ../../src/sass/messenger.sass */
|
||||
/* line 72, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left {
|
||||
width: auto;
|
||||
min-width: 350px;
|
||||
max-width: 800px;
|
||||
word-wrap: break-word;
|
||||
width: 350px;
|
||||
}
|
||||
/* line 69, ../../src/sass/messenger.sass */
|
||||
/* line 75, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {
|
||||
float: left;
|
||||
}
|
||||
/* line 72, ../../src/sass/messenger.sass */
|
||||
/* line 78, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-spinner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -234,33 +234,28 @@ ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
/* line 15, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
/* line 15, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5b5b), color-stop(100%, #353535));
|
||||
background-image: -webkit-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: -moz-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: -o-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: linear-gradient(#5c5b5b, #353535);
|
||||
background-color: #5c5b5b;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
background: #404040;
|
||||
}
|
||||
/* line 24, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future.messenger-empty {
|
||||
/* line 20, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat.messenger-empty {
|
||||
display: none;
|
||||
}
|
||||
/* line 27, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
/* line 23, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
-ms-border-radius: 0px;
|
||||
@@ -272,17 +267,15 @@ ul.messenger-theme-future .messenger-message {
|
||||
font-size: 13px;
|
||||
background: transparent;
|
||||
color: #f0f0f0;
|
||||
text-shadow: 0px 1px #111111;
|
||||
font-weight: 500;
|
||||
padding: 10px 30px 13px 65px;
|
||||
}
|
||||
/* line 40, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .close {
|
||||
/* line 35, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-close {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #888888;
|
||||
text-shadow: 0px 1px black;
|
||||
opacity: 1;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
@@ -294,62 +287,51 @@ ul.messenger-theme-future .messenger-message .close {
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/* line 57, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .close:hover {
|
||||
/* line 51, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-close:hover {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
/* line 60, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .close:active {
|
||||
/* line 54, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-close:active {
|
||||
color: #777777;
|
||||
}
|
||||
/* line 63, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions {
|
||||
/* line 57, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions {
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* line 67, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
/* line 61, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions a {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
color: #aaaaaa;
|
||||
background: #2e2e2e;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
color: #aaaaaa;
|
||||
text-shadow: 0px 1px #222222;
|
||||
margin-right: 10px;
|
||||
padding: 3px 10px 5px;
|
||||
padding: 4px 11px 6px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* line 79, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a:hover {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
/* line 72, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions a:hover {
|
||||
color: #f0f0f0;
|
||||
background: #2e2e2e;
|
||||
}
|
||||
/* line 83, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a:active {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
/* line 76, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions a:active {
|
||||
background: #292929;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
/* line 88, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions .messenger-phrase {
|
||||
/* line 80, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase {
|
||||
display: none;
|
||||
}
|
||||
/* line 91, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-message-inner:before {
|
||||
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
/* line 83, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-message-inner:before {
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
@@ -365,23 +347,26 @@ ul.messenger-theme-future .messenger-message .messenger-message-inner:before {
|
||||
width: 13px;
|
||||
z-index: 20;
|
||||
}
|
||||
/* line 105, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-success .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fca4a), color-stop(100%, #098d38));
|
||||
background-image: -webkit-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: -moz-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: -o-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: linear-gradient(top, #5fca4a, #098d38);
|
||||
background-color: #5fca4a;
|
||||
/* line 95, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
|
||||
background: #5fca4a;
|
||||
}
|
||||
/* line 98, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background: #61c4b8;
|
||||
}
|
||||
/* line 103, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
|
||||
background: #dd6a45;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 20s;
|
||||
-moz-animation-duration: 20s;
|
||||
@@ -391,9 +376,9 @@ ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .m
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #333333;
|
||||
background: #292929;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
@@ -403,13 +388,13 @@ ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .m
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 600s;
|
||||
-moz-animation-duration: 600s;
|
||||
@@ -419,9 +404,9 @@ ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #333333;
|
||||
background: #292929;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
@@ -430,56 +415,41 @@ ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .
|
||||
left: 3px;
|
||||
display: block;
|
||||
}
|
||||
/* line 116, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-error .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd6a45), color-stop(100%, #91361a));
|
||||
background-image: -webkit-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: -moz-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: -o-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: linear-gradient(top, #dd6a45, #91361a);
|
||||
background-color: #dd6a45;
|
||||
}
|
||||
/* line 121, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61c4b8), color-stop(100%, #1992a3));
|
||||
background-image: -webkit-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: -moz-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: -o-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-color: #61c4b8;
|
||||
}
|
||||
/* line 127, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.last .messenger-message {
|
||||
/* line 114, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message {
|
||||
-webkit-border-radius: 4px 4px 0px 0px;
|
||||
-moz-border-radius: 4px 4px 0px 0px;
|
||||
-ms-border-radius: 4px 4px 0px 0px;
|
||||
-o-border-radius: 4px 4px 0px 0px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
-webkit-box-shadow: inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 48px 0px 0px #292929;
|
||||
}
|
||||
/* line 130, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.first .messenger-message {
|
||||
/* line 118, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message {
|
||||
-webkit-border-radius: 0px 0px 4px 4px;
|
||||
-moz-border-radius: 0px 0px 4px 4px;
|
||||
-ms-border-radius: 0px 0px 4px 4px;
|
||||
-o-border-radius: 0px 0px 4px 4px;
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
}
|
||||
/* line 134, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.first.last .messenger-message {
|
||||
-webkit-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
/* line 122, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 48px 0px 0px #292929;
|
||||
}
|
||||
/* line 138, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-spinner {
|
||||
/* line 126, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-spinner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
90
src/UI/Content/Overrides/bootstrap.less
vendored
90
src/UI/Content/Overrides/bootstrap.less
vendored
@@ -1,48 +1,16 @@
|
||||
@import "../prefixer";
|
||||
@import "../Bootstrap/variables";
|
||||
@import "../variables";
|
||||
|
||||
@input-border-focus: @droneTeal;
|
||||
@font-family-sans-serif: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@modal-md: 800px;
|
||||
@modal-lg: 800px;
|
||||
|
||||
.label, .badge, i {
|
||||
cursor : default;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
.input-group-addon {
|
||||
margin-left : 0;
|
||||
}
|
||||
}
|
||||
|
||||
.label, .badge, .btn {
|
||||
.text-shadow(none);
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
||||
text-transform : capitalize;
|
||||
min-width : 80px;
|
||||
padding : 4px 12px;
|
||||
|
||||
&.btn-xs {
|
||||
min-width : 0px;
|
||||
}
|
||||
|
||||
&.btn-icon-only {
|
||||
min-width : 41px;
|
||||
}
|
||||
|
||||
&.btn-icon-only-xs {
|
||||
@media (max-width: @screen-xs-max) {
|
||||
min-width : 41px;
|
||||
|
||||
span {
|
||||
.responsive-invisibility();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label, input {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.slide-button {
|
||||
min-width : 0px;
|
||||
}
|
||||
@@ -60,3 +28,47 @@
|
||||
.tooltip-inner {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.dropdown-submenu {
|
||||
position:relative;
|
||||
& > .dropdown-menu {
|
||||
top:0;
|
||||
left:100%;
|
||||
margin-top:-6px;
|
||||
margin-left:-1px;
|
||||
-webkit-border-radius:0 6px 6px 6px;
|
||||
-moz-border-radius:0 6px 6px 6px;
|
||||
border-radius:0 6px 6px 6px;
|
||||
}
|
||||
& > a:after {
|
||||
display:block;
|
||||
content:" ";
|
||||
float:right;
|
||||
width:0;
|
||||
height:0;
|
||||
border-color:transparent;
|
||||
border-style:solid;
|
||||
border-width:5px 0 5px 5px;
|
||||
border-left-color:#cccccc;
|
||||
margin-top:5px;
|
||||
margin-right:-10px;
|
||||
}
|
||||
}
|
||||
.dropdown-submenu:hover {
|
||||
& > .dropdown-menu {
|
||||
display:block;
|
||||
}
|
||||
& > a:after {
|
||||
border-left-color:#ffffff;
|
||||
}
|
||||
}
|
||||
.dropdown-submenu.pull-left {
|
||||
float:none;
|
||||
& > .dropdown-menu {
|
||||
left:-100%;
|
||||
margin-left:10px;
|
||||
-webkit-border-radius:6px 0 6px 6px;
|
||||
-moz-border-radius:6px 0 6px 6px;
|
||||
border-radius:6px 0 6px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,6 +2,9 @@
|
||||
@import "Bootstrap/mixins";
|
||||
|
||||
.toggle {
|
||||
height: 34px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.slide-button {
|
||||
.button-variant(@btn-danger-color, @btn-danger-bg, @btn-danger-border);
|
||||
|
||||
|
||||
@@ -8,4 +8,14 @@
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
.fc-button {
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.fc-header-space {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,23 @@
|
||||
@import "../variables";
|
||||
|
||||
body.control-panel-visible {
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
bottom: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background: @droneTeal;
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
width: 100%;
|
||||
bottom: 0px;
|
||||
.border-bottom-radius(0);
|
||||
|
||||
&.messenger-on-right {
|
||||
right : 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
2
src/UI/Content/bootstrap.less
vendored
Normal file
2
src/UI/Content/bootstrap.less
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
@import "./Bootstrap/bootstrap";
|
||||
@import "./Overrides/bootstrap";
|
||||
@@ -1,13 +1,7 @@
|
||||
@import "../Shared/Styles/clickable.less";
|
||||
|
||||
.form-group {
|
||||
.controls {
|
||||
i {
|
||||
font-size : 16px;
|
||||
color : #595959;
|
||||
margin-right : 5px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
.checkbox {
|
||||
width : 100px;
|
||||
margin-left : 0px;
|
||||
@@ -20,6 +14,7 @@
|
||||
display : inline-block;
|
||||
margin-top : -20px;
|
||||
margin-bottom : 0;
|
||||
margin-left : 10px;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
@@ -30,6 +25,22 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
font-size : 16px;
|
||||
color : #595959;
|
||||
margin-right : 5px;
|
||||
}
|
||||
|
||||
.help-inline {
|
||||
display : inline-block;
|
||||
margin-top : 8px;
|
||||
padding-left : 0px;
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.text-area-help {
|
||||
@@ -39,7 +50,12 @@
|
||||
}
|
||||
|
||||
textarea.release-restrictions {
|
||||
width : 260px;
|
||||
width : 100%;
|
||||
max-width : 100%;
|
||||
}
|
||||
|
||||
.help-inline-text-area {
|
||||
margin-top: 25px !important;
|
||||
}
|
||||
|
||||
.help-link {
|
||||
@@ -58,3 +74,16 @@ h3 {
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-inline {
|
||||
div {
|
||||
display : inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.has-error {
|
||||
.help-inline {
|
||||
color: #b94a48;
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,161 +0,0 @@
|
||||
@import "prefixer";
|
||||
|
||||
@grid-float-breakpoint: @screen-xs-min;
|
||||
|
||||
#main-menu-region {
|
||||
text-align : center;
|
||||
margin-bottom : 10px;
|
||||
|
||||
i:before {
|
||||
font-size : 35px;
|
||||
}
|
||||
|
||||
i {
|
||||
width : 40px;
|
||||
}
|
||||
|
||||
.navbar-nav, .navbar-nav>li {
|
||||
float : none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin-top : 25px;
|
||||
vertical-align : middle;
|
||||
height : 70px;
|
||||
width : 70px;
|
||||
|
||||
color: #ff0000;
|
||||
&:after {
|
||||
content: "unknown";
|
||||
}
|
||||
|
||||
@media (min-width: @screen-xs-min) {
|
||||
&:after {
|
||||
content: "xs";
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) {
|
||||
&:after {
|
||||
content: "sm";
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) {
|
||||
&:after {
|
||||
content: "md";
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-lg-min) {
|
||||
&:after {
|
||||
content: "lg";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type : none;
|
||||
display : inline-block;
|
||||
position : relative;
|
||||
|
||||
a {
|
||||
|
||||
&:focus {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
display : block;
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 38px;
|
||||
min-width : 42px;
|
||||
margin : 20px 0px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 84px;
|
||||
margin : 20px 0px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 84px;
|
||||
margin : 20px 10px 5px;
|
||||
}
|
||||
|
||||
color : #b9b9b9;
|
||||
font-weight : 100;
|
||||
}
|
||||
span.label.pull-right {
|
||||
position : absolute;
|
||||
top : 28px;
|
||||
right : 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.backdrop {
|
||||
#nav-region {
|
||||
background-color : #000000;
|
||||
.opacity(0.85);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
#nav-region {
|
||||
margin-bottom : 80px;
|
||||
height : 150px;
|
||||
|
||||
.col-md-12 {
|
||||
margin-left : 0px;
|
||||
}
|
||||
|
||||
li {
|
||||
a {
|
||||
&:hover {
|
||||
background-color : #555555;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.label {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
text-align: center;
|
||||
|
||||
input, .input-group-addon {
|
||||
background-color: #333333;
|
||||
border-color: #333333;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
ul {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: #333333;
|
||||
color: #cccccc;
|
||||
|
||||
> li > a {
|
||||
color: #cccccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
227
src/UI/Content/navbar.less
Normal file
227
src/UI/Content/navbar.less
Normal file
@@ -0,0 +1,227 @@
|
||||
@import "prefixer";
|
||||
@import "variables";
|
||||
|
||||
@grid-float-breakpoint: @screen-xs-min;
|
||||
|
||||
.backdrop {
|
||||
.navbar-nzbdrone {
|
||||
background-color : #000000;
|
||||
.opacity(0.85);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-nzbdrone {
|
||||
text-align : center;
|
||||
|
||||
i:before {
|
||||
font-size : 35px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar-nav, .navbar-nav>li {
|
||||
float : none;
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
border-color: #333;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.icon-bar {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
position: absolute;
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
padding: 9px 15px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||
padding: 30px 15px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-lg-min) {
|
||||
padding: 22px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-text {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
|
||||
.highlight {
|
||||
font-weight: 400;
|
||||
color: @droneTeal;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type : none;
|
||||
display : inline-block;
|
||||
position : relative;
|
||||
|
||||
a {
|
||||
display : block;
|
||||
color : #b9b9b9;
|
||||
font-weight : 100;
|
||||
|
||||
&:hover {
|
||||
background-color : #555555;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
border-radius : 6px;
|
||||
padding : 5px 0px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 64px;
|
||||
margin : 20px 5px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 64px;
|
||||
margin : 20px 10px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-lg-min) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 84px;
|
||||
margin : 20px 10px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.health {
|
||||
.label {
|
||||
position : absolute;
|
||||
top : 10px;
|
||||
right : 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
text-align : left;
|
||||
|
||||
i:before {
|
||||
font-size : 14px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
|
||||
a:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.health {
|
||||
margin-left: 5px;
|
||||
|
||||
.label {
|
||||
position : static;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
|
||||
i:before {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
input, .input-group-addon {
|
||||
background-color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
input, .input-group-addon {
|
||||
border-color: #333333;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
ul {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tt-dropdown-menu {
|
||||
|
||||
background-color: #333333;
|
||||
color: #cccccc;
|
||||
opacity: .95;
|
||||
|
||||
.tt-suggestion {
|
||||
color: #cccccc;
|
||||
|
||||
&.tt-cursor {
|
||||
//item selected
|
||||
|
||||
background-color: @droneTeal;
|
||||
color: #222222;
|
||||
|
||||
a {
|
||||
//link in item selected
|
||||
color: #222222;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//.screen-size {
|
||||
// color: @droneTeal;
|
||||
// &:after {
|
||||
// content: "unknown";
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-xs-min) {
|
||||
// &:after {
|
||||
// content: "xs";
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-sm-min) {
|
||||
// &:after {
|
||||
// content: "sm";
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-md-min) {
|
||||
// &:after {
|
||||
// content: "md";
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-lg-min) {
|
||||
// &:after {
|
||||
// content: "lg";
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
@@ -11,15 +11,16 @@
|
||||
}
|
||||
|
||||
.progressbar-back-text, .progressbar-front-text {
|
||||
font-size : 11.844px;
|
||||
font-size : 12px;
|
||||
font-weight : bold;
|
||||
text-align : center;
|
||||
cursor : default;
|
||||
line-height : 20px;
|
||||
}
|
||||
|
||||
.progressbar-back-text {
|
||||
position : absolute;
|
||||
height : 100%;
|
||||
position : absolute;
|
||||
height : 100%;
|
||||
}
|
||||
|
||||
.progressbar-front-text {
|
||||
@@ -27,7 +28,7 @@
|
||||
height : 100%;
|
||||
}
|
||||
|
||||
.bar {
|
||||
.progress-bar {
|
||||
position : absolute;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@import "Bootstrap/type";
|
||||
@import "font";
|
||||
@import "form";
|
||||
@import "menu";
|
||||
@import "navbar";
|
||||
@import "Backgrid/backgrid";
|
||||
@import "prefixer";
|
||||
@import "icons";
|
||||
@@ -14,6 +14,15 @@
|
||||
@import "../Shared/Styles/clickable";
|
||||
@import "../Shared/Styles/card";
|
||||
@import "../Rename/rename";
|
||||
@import "typeahead";
|
||||
@import "utilities";
|
||||
|
||||
.main-region {
|
||||
@media (min-width: @screen-lg-min) {
|
||||
padding-left : 30px;
|
||||
padding-right : 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
|
||||
@@ -150,8 +159,9 @@ body {
|
||||
min-width : 1210px; */
|
||||
max-width : 1210px;
|
||||
margin : auto;
|
||||
margin-top : -70px;
|
||||
// margin-top : -70px;
|
||||
padding : 20px 0px;
|
||||
|
||||
.header {
|
||||
padding-bottom : 10px;
|
||||
margin-bottom : 20px;
|
||||
@@ -186,12 +196,6 @@ body {
|
||||
color : @state-danger-text;
|
||||
}
|
||||
|
||||
.form-inline {
|
||||
div {
|
||||
display : inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.error {
|
||||
background: #FF0000;
|
||||
}
|
||||
@@ -219,6 +223,17 @@ body {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
height: 80px;
|
||||
opacity: 0;
|
||||
|
||||
@media (max-width: @screen-sm-max) {
|
||||
height: initial;
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
.tab-pane {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
152
src/UI/Content/typeahead.less
Normal file
152
src/UI/Content/typeahead.less
Normal file
@@ -0,0 +1,152 @@
|
||||
/*
|
||||
* typehead.js-bootstrap3.less
|
||||
* @version 0.2.3
|
||||
* https://github.com/hyspace/typeahead.js-bootstrap3.less
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/
|
||||
|
||||
//custom mixin for .form-control-validation
|
||||
.typeahead-form-control(@border-color: #ccc;) {
|
||||
border-color: @border-color;
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||
&:focus {
|
||||
border-color: darken(@border-color, 10%);
|
||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
}
|
||||
|
||||
//main styles for control
|
||||
.tt-input,
|
||||
.tt-hint {
|
||||
.twitter-typeahead &{
|
||||
//validation states
|
||||
.has-warning &{
|
||||
.typeahead-form-control(@state-warning-text);
|
||||
}
|
||||
.has-error &{
|
||||
.typeahead-form-control(@state-danger-text);
|
||||
}
|
||||
.has-success &{
|
||||
.typeahead-form-control(@state-success-text);
|
||||
}
|
||||
}
|
||||
|
||||
//border
|
||||
.input-group .twitter-typeahead:first-child &{
|
||||
.border-left-radius(@border-radius-base);
|
||||
}
|
||||
.input-group .twitter-typeahead:last-child &{
|
||||
.border-right-radius(@border-radius-base);
|
||||
}
|
||||
|
||||
//sizing - small:size and border
|
||||
.input-group.input-group-sm .twitter-typeahead &{
|
||||
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
||||
}
|
||||
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) &{
|
||||
border-radius: 0;
|
||||
}
|
||||
.input-group.input-group-sm .twitter-typeahead:first-child &{
|
||||
.border-left-radius(@border-radius-small);
|
||||
.border-right-radius(0);
|
||||
}
|
||||
.input-group.input-group-sm .twitter-typeahead:last-child &{
|
||||
.border-left-radius(0);
|
||||
.border-right-radius(@border-radius-small);
|
||||
}
|
||||
|
||||
//sizing - large:size and border
|
||||
.input-group.input-group-lg .twitter-typeahead &{
|
||||
.input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
||||
}
|
||||
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) &{
|
||||
border-radius: 0;
|
||||
}
|
||||
.input-group.input-group-lg .twitter-typeahead:first-child &{
|
||||
.border-left-radius(@border-radius-large);
|
||||
.border-right-radius(0);
|
||||
}
|
||||
.input-group.input-group-lg .twitter-typeahead:last-child &{
|
||||
.border-left-radius(0);
|
||||
.border-right-radius(@border-radius-large);
|
||||
}
|
||||
}
|
||||
|
||||
//for wrapper
|
||||
.twitter-typeahead {
|
||||
width: 100%;
|
||||
.input-group &{
|
||||
//overwrite `display:inline-block` style
|
||||
display: table-cell!important;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
//particular style for each other
|
||||
.twitter-typeahead .tt-hint {
|
||||
color: @text-muted;//color - hint
|
||||
}
|
||||
.twitter-typeahead .tt-input {
|
||||
z-index: 2;
|
||||
//disabled status
|
||||
//overwrite inline styles of .tt-query
|
||||
&[disabled],
|
||||
&[readonly],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
//overwirte inline style
|
||||
background-color: @input-bg-disabled!important;
|
||||
}
|
||||
}
|
||||
|
||||
//dropdown styles
|
||||
.tt-dropdown-menu {
|
||||
//dropdown menu
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: @zindex-dropdown;
|
||||
min-width: 160px;
|
||||
width: 100%;
|
||||
padding: 5px 0;
|
||||
margin: 2px 0 0;
|
||||
list-style: none;
|
||||
font-size: @font-size-base;
|
||||
background-color: @dropdown-bg;
|
||||
border: 1px solid @dropdown-fallback-border;
|
||||
border: 1px solid @dropdown-border;
|
||||
border-radius: @border-radius-base;
|
||||
.box-shadow(0 6px 12px rgba(0,0,0,.175));
|
||||
background-clip: padding-box;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
|
||||
.tt-suggestion {
|
||||
//item
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: @line-height-base;
|
||||
color: @dropdown-link-color;
|
||||
white-space: nowrap;
|
||||
|
||||
&.tt-cursor {
|
||||
//item selected
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
background-color: @dropdown-link-hover-bg;
|
||||
color: @dropdown-link-hover-color;
|
||||
a {
|
||||
//link in item selected
|
||||
color: @dropdown-link-hover-color;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
19
src/UI/Content/utilities.less
Normal file
19
src/UI/Content/utilities.less
Normal file
@@ -0,0 +1,19 @@
|
||||
@import "Bootstrap/variables";
|
||||
@import "Bootstrap/mixins";
|
||||
|
||||
@media (max-width: @screen-sm-max) {
|
||||
.pull-none-xs {
|
||||
float : none !important;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
&.btn-group-collapse {
|
||||
> .btn {
|
||||
margin : 2px;
|
||||
display : block;
|
||||
float : none;
|
||||
border-radius : @border-radius-base !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user