mirror of
https://github.com/FreshRSS/FreshRSS.git
synced 2026-05-15 18:53:57 -04:00
fix regression mapco/ansum theme (#7490)
fix of https://github.com/FreshRSS/FreshRSS/pull/7489#discussion_r2023760515 Regression #7314
This commit is contained in:
maTh
@@ -1,234 +0,0 @@
|
||||
/* stylelint-disable property-no-vendor-prefix */
|
||||
/* FUNCTIONS */
|
||||
/*=== COMPONENTS */
|
||||
/*===============*/
|
||||
/*=== Forms */
|
||||
/*=== Horizontal-list */
|
||||
.horizontal-list {
|
||||
padding: 0.1rem 0;
|
||||
}
|
||||
.horizontal-list > .item:first-child {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
/*=== Dropdown */
|
||||
.dropdown .dropdown-target:target + .btn {
|
||||
background-color: #e4d8cc;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
margin: 9px 0 0 0;
|
||||
padding: 0.5rem 0 1rem 0;
|
||||
background: #fcfaf8;
|
||||
font-size: 1rem;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
|
||||
text-align: left;
|
||||
}
|
||||
.dropdown-menu::after {
|
||||
border: none;
|
||||
right: 17px;
|
||||
}
|
||||
.dropdown-menu .dropdown-header,
|
||||
.dropdown-menu .dropdown-section .dropdown-section-title {
|
||||
padding: 1rem 1.5rem;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
color: #766556;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.dropdown-menu .item {
|
||||
transition: all 0.075s ease-in-out;
|
||||
}
|
||||
.dropdown-menu .item > a,
|
||||
.dropdown-menu .item > span,
|
||||
.dropdown-menu .item > .as-link {
|
||||
padding: 0 2rem;
|
||||
color: #363330;
|
||||
font-size: inherit;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
.dropdown-menu .item > a span.icon,
|
||||
.dropdown-menu .item > span span.icon,
|
||||
.dropdown-menu .item > .as-link span.icon {
|
||||
padding: 0 0.25rem !important;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover .icon,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
|
||||
filter: grayscale(100%) brightness(2.5);
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
|
||||
border-top-color: #f5f0ec;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.dropdown-menu .item:not(.addItem) > a:hover,
|
||||
.dropdown-menu .item:not(.addItem) button:hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
.dropdown-menu .item:not(.addItem) > a:hover .icon,
|
||||
.dropdown-menu .item:not(.addItem) button:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.dropdown-menu .item[aria-checked=true] a::before {
|
||||
margin: 0 0 0 -14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dropdown-menu .item ~ .dropdown-header {
|
||||
margin-top: 0.75rem;
|
||||
padding-top: 1.75rem;
|
||||
border-top-color: #f5f0ec;
|
||||
}
|
||||
.dropdown-menu .item.separator {
|
||||
margin-top: 0.75rem;
|
||||
border-top-color: #f5f0ec;
|
||||
}
|
||||
.dropdown-menu .input select, .dropdown-menu .input input {
|
||||
margin: 0 auto 5px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item {
|
||||
padding: 0;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
|
||||
color: #363330;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
|
||||
background: #ca7227;
|
||||
}
|
||||
|
||||
/*=== Alerts */
|
||||
.alert {
|
||||
background: #fcfaf8;
|
||||
color: #766556;
|
||||
font-size: 1rem;
|
||||
border: 1px solid #d9ccbf;
|
||||
border-radius: 3px;
|
||||
text-shadow: 0 0 1px #f5f0ec;
|
||||
}
|
||||
|
||||
.alert-head {
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
.alert > a {
|
||||
text-decoration: underline;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.alert-warn {
|
||||
background: #fdfde0;
|
||||
color: #73762f;
|
||||
border: 1px solid #73762f33;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background: #cffdef;
|
||||
color: #0c7556;
|
||||
border: 1px solid #0c755633;
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
background: #fde0d8;
|
||||
color: #73341f;
|
||||
border: 1px solid #73341f33;
|
||||
}
|
||||
|
||||
/*=== Pagination */
|
||||
.pagination {
|
||||
background: #f5f0ec;
|
||||
color: #363330;
|
||||
}
|
||||
.pagination .item a {
|
||||
color: #363330;
|
||||
}
|
||||
|
||||
#load_more.loading,
|
||||
#load_more.loading:hover {
|
||||
background: url("loader.gif") center center no-repeat #34495e;
|
||||
}
|
||||
|
||||
/*=== Boxes */
|
||||
.box {
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.box .box-title {
|
||||
background: #f5f0ec;
|
||||
color: #363330;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
.box .box-content {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.box .box-content .item {
|
||||
padding: 0.5rem 0;
|
||||
color: #363330;
|
||||
font-size: 1rem;
|
||||
border-bottom: 1px solid #f5f0ec;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
.box .box-content .item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.box .configure {
|
||||
margin-right: 0.5rem;
|
||||
padding: 0.25rem;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.box .configure .icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .configure:hover {
|
||||
border-radius: 2px;
|
||||
background-color: #ca7227;
|
||||
}
|
||||
.box .configure:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
|
||||
/*=== "Load more" part */
|
||||
#bigMarkAsRead.big {
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background: #fdf6ef;
|
||||
color: #ca7227;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(7);
|
||||
}
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
text-indent: -9999px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -1,234 +0,0 @@
|
||||
/* stylelint-disable property-no-vendor-prefix */
|
||||
/* FUNCTIONS */
|
||||
/*=== COMPONENTS */
|
||||
/*===============*/
|
||||
/*=== Forms */
|
||||
/*=== Horizontal-list */
|
||||
.horizontal-list {
|
||||
padding: 0.1rem 0;
|
||||
}
|
||||
.horizontal-list > .item:first-child {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
/*=== Dropdown */
|
||||
.dropdown .dropdown-target:target + .btn {
|
||||
background-color: #e4d8cc;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
margin: 9px 0 0 0;
|
||||
padding: 0.5rem 0 1rem 0;
|
||||
background: #fcfaf8;
|
||||
font-size: 1rem;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
|
||||
text-align: right;
|
||||
}
|
||||
.dropdown-menu::after {
|
||||
border: none;
|
||||
left: 17px;
|
||||
}
|
||||
.dropdown-menu .dropdown-header,
|
||||
.dropdown-menu .dropdown-section .dropdown-section-title {
|
||||
padding: 1rem 1.5rem;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
color: #766556;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.dropdown-menu .item {
|
||||
transition: all 0.075s ease-in-out;
|
||||
}
|
||||
.dropdown-menu .item > a,
|
||||
.dropdown-menu .item > span,
|
||||
.dropdown-menu .item > .as-link {
|
||||
padding: 0 2rem;
|
||||
color: #363330;
|
||||
font-size: inherit;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
.dropdown-menu .item > a span.icon,
|
||||
.dropdown-menu .item > span span.icon,
|
||||
.dropdown-menu .item > .as-link span.icon {
|
||||
padding: 0 0.25rem !important;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover .icon,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
|
||||
filter: grayscale(100%) brightness(2.5);
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
|
||||
border-top-color: #f5f0ec;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.dropdown-menu .item:not(.addItem) > a:hover,
|
||||
.dropdown-menu .item:not(.addItem) button:hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
.dropdown-menu .item:not(.addItem) > a:hover .icon,
|
||||
.dropdown-menu .item:not(.addItem) button:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.dropdown-menu .item[aria-checked=true] a::before {
|
||||
margin: 0 -14px 0 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dropdown-menu .item ~ .dropdown-header {
|
||||
margin-top: 0.75rem;
|
||||
padding-top: 1.75rem;
|
||||
border-top-color: #f5f0ec;
|
||||
}
|
||||
.dropdown-menu .item.separator {
|
||||
margin-top: 0.75rem;
|
||||
border-top-color: #f5f0ec;
|
||||
}
|
||||
.dropdown-menu .input select, .dropdown-menu .input input {
|
||||
margin: 0 auto 5px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item {
|
||||
padding: 0;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
|
||||
color: #363330;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
|
||||
background: #ca7227;
|
||||
}
|
||||
|
||||
/*=== Alerts */
|
||||
.alert {
|
||||
background: #fcfaf8;
|
||||
color: #766556;
|
||||
font-size: 1rem;
|
||||
border: 1px solid #d9ccbf;
|
||||
border-radius: 3px;
|
||||
text-shadow: 0 0 1px #f5f0ec;
|
||||
}
|
||||
|
||||
.alert-head {
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
.alert > a {
|
||||
text-decoration: underline;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.alert-warn {
|
||||
background: #fdfde0;
|
||||
color: #73762f;
|
||||
border: 1px solid #73762f33;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background: #cffdef;
|
||||
color: #0c7556;
|
||||
border: 1px solid #0c755633;
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
background: #fde0d8;
|
||||
color: #73341f;
|
||||
border: 1px solid #73341f33;
|
||||
}
|
||||
|
||||
/*=== Pagination */
|
||||
.pagination {
|
||||
background: #f5f0ec;
|
||||
color: #363330;
|
||||
}
|
||||
.pagination .item a {
|
||||
color: #363330;
|
||||
}
|
||||
|
||||
#load_more.loading,
|
||||
#load_more.loading:hover {
|
||||
background: url("loader.gif") center center no-repeat #34495e;
|
||||
}
|
||||
|
||||
/*=== Boxes */
|
||||
.box {
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.box .box-title {
|
||||
background: #f5f0ec;
|
||||
color: #363330;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
.box .box-content {
|
||||
padding-right: 30px;
|
||||
}
|
||||
.box .box-content .item {
|
||||
padding: 0.5rem 0;
|
||||
color: #363330;
|
||||
font-size: 1rem;
|
||||
border-bottom: 1px solid #f5f0ec;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
.box .box-content .item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.box .configure {
|
||||
margin-left: 0.5rem;
|
||||
padding: 0.25rem;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.box .configure .icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .configure:hover {
|
||||
border-radius: 2px;
|
||||
background-color: #ca7227;
|
||||
}
|
||||
.box .configure:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
|
||||
/*=== "Load more" part */
|
||||
#bigMarkAsRead.big {
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background: #fdf6ef;
|
||||
color: #ca7227;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(7);
|
||||
}
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
text-indent: -9999px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -417,14 +417,14 @@ th {
|
||||
color: #ca7227;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead:hover {
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead:hover .bigTick {
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(7);
|
||||
}
|
||||
#bigMarkAsRead .bigTick {
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
|
||||
@@ -417,14 +417,14 @@ th {
|
||||
color: #ca7227;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead:hover {
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #ca7227;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead:hover .bigTick {
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(7);
|
||||
}
|
||||
#bigMarkAsRead .bigTick {
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
|
||||
@@ -1,250 +0,0 @@
|
||||
/* stylelint-disable property-no-vendor-prefix */
|
||||
/* FUNCTIONS */
|
||||
/*=== COMPONENTS */
|
||||
/*===============*/
|
||||
/*=== Forms */
|
||||
/*=== Horizontal-list */
|
||||
.horizontal-list {
|
||||
padding: 0.1rem 0;
|
||||
}
|
||||
.horizontal-list > .item:first-child {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
/*=== Dropdown */
|
||||
.dropdown .dropdown-target:target + .btn {
|
||||
background-color: #d5d8db;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
margin: 9px 0 0 0;
|
||||
padding: 0.5rem 0 1rem 0;
|
||||
background: #f9fafb;
|
||||
font-size: 1rem;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
|
||||
text-align: left;
|
||||
}
|
||||
.dropdown-menu::after {
|
||||
border: none;
|
||||
right: 18px;
|
||||
}
|
||||
.dropdown-menu .dropdown-header,
|
||||
.dropdown-menu .dropdown-section .dropdown-section-title {
|
||||
padding: 1rem 1.5rem;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
color: #5b6871;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.dropdown-menu .item {
|
||||
transition: all 0.075s ease-in-out;
|
||||
}
|
||||
.dropdown-menu .item > a,
|
||||
.dropdown-menu .item > span,
|
||||
.dropdown-menu .item > .as-link {
|
||||
padding: 0 2rem;
|
||||
color: #303136;
|
||||
font-size: inherit;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
.dropdown-menu .item > a span.icon,
|
||||
.dropdown-menu .item > span span.icon,
|
||||
.dropdown-menu .item > .as-link span.icon {
|
||||
padding: 0 0.25rem !important;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover {
|
||||
background: #36c;
|
||||
color: #fff;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover .icon,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
|
||||
border-top-color: #eff0f2;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.dropdown-menu .item[aria-checked=true] a::before {
|
||||
margin: 0 0 0 -14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dropdown-menu .item ~ .dropdown-header {
|
||||
margin-top: 0.75rem;
|
||||
padding-top: 1.75rem;
|
||||
border-top-color: #eff0f2;
|
||||
}
|
||||
.dropdown-menu .item.separator {
|
||||
margin-top: 0.75rem;
|
||||
border-top-color: #eff0f2;
|
||||
}
|
||||
.dropdown-menu .input select, .dropdown-menu .input input {
|
||||
margin: 0 auto 5px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item {
|
||||
padding: 0;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
|
||||
color: #303136;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
|
||||
background: #36c;
|
||||
}
|
||||
|
||||
/*=== Alerts */
|
||||
.alert {
|
||||
background: #f9fafb;
|
||||
color: #5b6871;
|
||||
font-size: 1rem;
|
||||
border: 1px solid #c5ced3;
|
||||
border-radius: 3px;
|
||||
text-shadow: 0 0 1px #eff0f2;
|
||||
}
|
||||
|
||||
.alert-head {
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
.alert > a {
|
||||
text-decoration: underline;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.alert-warn {
|
||||
background: #fdfde0;
|
||||
color: #73762f;
|
||||
border: 1px solid #73762f33;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background: #cffde7;
|
||||
color: #0c7540;
|
||||
border: 1px solid #0c754033;
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
background: #fde0d8;
|
||||
color: #73341f;
|
||||
border: 1px solid #73341f33;
|
||||
}
|
||||
|
||||
/*=== Pagination */
|
||||
.pagination {
|
||||
background: #eff0f2;
|
||||
color: #303136;
|
||||
}
|
||||
.pagination .item a {
|
||||
color: #303136;
|
||||
}
|
||||
|
||||
#load_more.loading,
|
||||
#load_more.loading:hover {
|
||||
background: url("loader.gif") center center no-repeat #34495e;
|
||||
}
|
||||
|
||||
/*=== Boxes */
|
||||
.box {
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.box .box-title {
|
||||
background: #eff0f2;
|
||||
color: #303136;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
.box .box-title .configure {
|
||||
padding: 5px;
|
||||
}
|
||||
.box .box-title:hover .configure .icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .box-title:hover .configure:hover {
|
||||
background-color: #36c;
|
||||
}
|
||||
.box .box-title:hover .configure:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.box .box-title form input {
|
||||
width: 85%;
|
||||
}
|
||||
.box .box-title form .dropdown {
|
||||
float: right;
|
||||
}
|
||||
.box .box-title form .dropdown a.dropdown-toggle {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
background-image: url(icons/more.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 8px;
|
||||
}
|
||||
.box .box-title form .dropdown a.dropdown-toggle img {
|
||||
display: none;
|
||||
}
|
||||
.box .box-content {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.box .box-content .item {
|
||||
padding: 0.25rem 0;
|
||||
color: #303136;
|
||||
font-size: 1rem;
|
||||
border-bottom: 1px solid #eff0f2;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
.box .box-content .item .configure {
|
||||
padding: 5px;
|
||||
}
|
||||
.box .box-content .item .configure .icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .box-content .item .configure:hover {
|
||||
background-color: #36c;
|
||||
}
|
||||
.box .box-content .item .configure:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.box .box-content .item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/*=== "Load more" part */
|
||||
#bigMarkAsRead.big {
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background: #effcfd;
|
||||
color: #36c;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #36c;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(5);
|
||||
}
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
text-indent: -9999px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -1,250 +0,0 @@
|
||||
/* stylelint-disable property-no-vendor-prefix */
|
||||
/* FUNCTIONS */
|
||||
/*=== COMPONENTS */
|
||||
/*===============*/
|
||||
/*=== Forms */
|
||||
/*=== Horizontal-list */
|
||||
.horizontal-list {
|
||||
padding: 0.1rem 0;
|
||||
}
|
||||
.horizontal-list > .item:first-child {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
/*=== Dropdown */
|
||||
.dropdown .dropdown-target:target + .btn {
|
||||
background-color: #d5d8db;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
margin: 9px 0 0 0;
|
||||
padding: 0.5rem 0 1rem 0;
|
||||
background: #f9fafb;
|
||||
font-size: 1rem;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
|
||||
text-align: right;
|
||||
}
|
||||
.dropdown-menu::after {
|
||||
border: none;
|
||||
left: 18px;
|
||||
}
|
||||
.dropdown-menu .dropdown-header,
|
||||
.dropdown-menu .dropdown-section .dropdown-section-title {
|
||||
padding: 1rem 1.5rem;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
color: #5b6871;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.dropdown-menu .item {
|
||||
transition: all 0.075s ease-in-out;
|
||||
}
|
||||
.dropdown-menu .item > a,
|
||||
.dropdown-menu .item > span,
|
||||
.dropdown-menu .item > .as-link {
|
||||
padding: 0 2rem;
|
||||
color: #303136;
|
||||
font-size: inherit;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
.dropdown-menu .item > a span.icon,
|
||||
.dropdown-menu .item > span span.icon,
|
||||
.dropdown-menu .item > .as-link span.icon {
|
||||
padding: 0 0.25rem !important;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover {
|
||||
background: #36c;
|
||||
color: #fff;
|
||||
}
|
||||
.dropdown-menu .item > a:not(.addItem):hover .icon,
|
||||
.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
|
||||
border-top-color: #eff0f2;
|
||||
}
|
||||
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.dropdown-menu .item[aria-checked=true] a::before {
|
||||
margin: 0 -14px 0 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dropdown-menu .item ~ .dropdown-header {
|
||||
margin-top: 0.75rem;
|
||||
padding-top: 1.75rem;
|
||||
border-top-color: #eff0f2;
|
||||
}
|
||||
.dropdown-menu .item.separator {
|
||||
margin-top: 0.75rem;
|
||||
border-top-color: #eff0f2;
|
||||
}
|
||||
.dropdown-menu .input select, .dropdown-menu .input input {
|
||||
margin: 0 auto 5px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item {
|
||||
padding: 0;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
|
||||
color: #303136;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
|
||||
background: #36c;
|
||||
}
|
||||
|
||||
/*=== Alerts */
|
||||
.alert {
|
||||
background: #f9fafb;
|
||||
color: #5b6871;
|
||||
font-size: 1rem;
|
||||
border: 1px solid #c5ced3;
|
||||
border-radius: 3px;
|
||||
text-shadow: 0 0 1px #eff0f2;
|
||||
}
|
||||
|
||||
.alert-head {
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
.alert > a {
|
||||
text-decoration: underline;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.alert-warn {
|
||||
background: #fdfde0;
|
||||
color: #73762f;
|
||||
border: 1px solid #73762f33;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background: #cffde7;
|
||||
color: #0c7540;
|
||||
border: 1px solid #0c754033;
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
background: #fde0d8;
|
||||
color: #73341f;
|
||||
border: 1px solid #73341f33;
|
||||
}
|
||||
|
||||
/*=== Pagination */
|
||||
.pagination {
|
||||
background: #eff0f2;
|
||||
color: #303136;
|
||||
}
|
||||
.pagination .item a {
|
||||
color: #303136;
|
||||
}
|
||||
|
||||
#load_more.loading,
|
||||
#load_more.loading:hover {
|
||||
background: url("loader.gif") center center no-repeat #34495e;
|
||||
}
|
||||
|
||||
/*=== Boxes */
|
||||
.box {
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.box .box-title {
|
||||
background: #eff0f2;
|
||||
color: #303136;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
.box .box-title .configure {
|
||||
padding: 5px;
|
||||
}
|
||||
.box .box-title:hover .configure .icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .box-title:hover .configure:hover {
|
||||
background-color: #36c;
|
||||
}
|
||||
.box .box-title:hover .configure:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.box .box-title form input {
|
||||
width: 85%;
|
||||
}
|
||||
.box .box-title form .dropdown {
|
||||
float: left;
|
||||
}
|
||||
.box .box-title form .dropdown a.dropdown-toggle {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
background-image: url(icons/more.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 8px;
|
||||
}
|
||||
.box .box-title form .dropdown a.dropdown-toggle img {
|
||||
display: none;
|
||||
}
|
||||
.box .box-content {
|
||||
padding-right: 30px;
|
||||
}
|
||||
.box .box-content .item {
|
||||
padding: 0.25rem 0;
|
||||
color: #303136;
|
||||
font-size: 1rem;
|
||||
border-bottom: 1px solid #eff0f2;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
.box .box-content .item .configure {
|
||||
padding: 5px;
|
||||
}
|
||||
.box .box-content .item .configure .icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .box-content .item .configure:hover {
|
||||
background-color: #36c;
|
||||
}
|
||||
.box .box-content .item .configure:hover .icon {
|
||||
filter: brightness(3);
|
||||
}
|
||||
.box .box-content .item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/*=== "Load more" part */
|
||||
#bigMarkAsRead.big {
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background: #effcfd;
|
||||
color: #36c;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #36c;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(5);
|
||||
}
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
text-indent: -9999px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -432,14 +432,14 @@ th {
|
||||
color: #36c;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead:hover {
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #36c;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead:hover .bigTick {
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(5);
|
||||
}
|
||||
#bigMarkAsRead .bigTick {
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
|
||||
@@ -432,14 +432,14 @@ th {
|
||||
color: #36c;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
#bigMarkAsRead:hover {
|
||||
#bigMarkAsRead.big:hover {
|
||||
background: #36c;
|
||||
color: #fff;
|
||||
}
|
||||
#bigMarkAsRead:hover .bigTick {
|
||||
#bigMarkAsRead.big:hover .bigTick {
|
||||
filter: brightness(5);
|
||||
}
|
||||
#bigMarkAsRead .bigTick {
|
||||
#bigMarkAsRead.big .bigTick {
|
||||
margin: 0.5rem 0;
|
||||
background: url(icons/tick-color.svg) center no-repeat;
|
||||
display: inline-block;
|
||||
|
||||
Reference in New Issue
Block a user