Commit cb3caa9e authored by yPhil's avatar yPhil
Browse files

SYS: Initial loading spinner theme colors

parent 3461a662
......@@ -133,16 +133,15 @@ input#feedGuess {
}
#noSourcesButton > div > i {
color: var(--color-pri) !important;
font-size: 24pt;
}
button > i {
margin: 0 !important;
line-height: 0;
color: #8d94a5 !important;
font-size: 8em;
}
.icon-motorcycle {
margin-right: .4px !important;
#noSourcesButton > div > div {
margin: 2em 0 0 0;
color: var(--color-pri) !important;
font-size: 12pt;
}
li.ui-tabs-active,
......
......@@ -23,12 +23,12 @@ li.mobTab,
}
.tabCloser {
display: none;
display: none;
}
/* FEEDS */
.ui-tabs-panel {
padding:0 !important;
padding:0 !important;
}
@keyframes spin-animation {
......@@ -51,13 +51,13 @@ li.mobTab,
}
.rotate {
display:inline-block;
cursor:pointer;
transition: all .2s linear;
display:inline-block;
cursor:pointer;
transition: all .2s linear;
}
.rotate.down {
transform: rotate(-90deg);
transform: rotate(-90deg);
}
.rotate.right {
......@@ -65,7 +65,7 @@ li.mobTab,
}
.rotate.close {
transform: rotate(-180deg);
transform: rotate(-180deg);
}
/* Fontello */
......@@ -74,58 +74,58 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
}
.tab {
border: none !important;
margin:0 !important;
border: none !important;
margin:0 !important;
}
#tabs li .ui-icon-close {
/* float: left; */
/* margin: 0.4em 0.2em 0 0; */
cursor: pointer;
/* float: left; */
/* margin: 0.4em 0.2em 0 0; */
cursor: pointer;
}
.newFeedButton {
position: absolute;
text-align: center;
cursor: pointer;
/* float: right; */
top: 0px;
right: .2em;
width: 78px;
height: 78px;
position: absolute;
text-align: center;
cursor: pointer;
/* float: right; */
top: 0px;
right: .2em;
width: 78px;
height: 78px;
}
.newFeedButton > p {
margin: 6px -92px 5px auto;
vertical-align:middle;
margin: 6px -92px 5px auto;
vertical-align:middle;
}
.newFeedButton > p > span.plus {
font-weight: normal;
font-weight: normal;
}
.newFeedButton > p > span.text {
position: relative;
top: 5px;
opacity: 0.1;
font-size: 1em;
font-weight: bold;
position: relative;
top: 5px;
opacity: 0.1;
font-size: 1em;
font-weight: bold;
}
/* Feed */
ul.tabSort {
/* display: flex; */
/* flex-wrap: wrap; */
/* align-items:flex-start; */
/* padding-bottom: 0px !important; */
/* display: flex; */
/* flex-wrap: wrap; */
/* align-items:flex-start; */
/* padding-bottom: 0px !important; */
/* column-count: 3; */
/* columns: 15em; */
/* column-gap: .3em; */
padding: 0 .2em .2em;
columns: 18rem;
column-gap: .3em;
min-height:30px;
/* column-count: 3; */
/* columns: 15em; */
/* column-gap: .3em; */
padding: 0 .2em .2em;
columns: 18rem;
column-gap: .3em;
min-height:30px;
}
li.feed {
......@@ -152,16 +152,16 @@ li.feed {
.selected,
li.feed {
width: 100%;
min-height:20px !important;
width: 100%;
min-height:20px !important;
}
.feedBody {
margin: 0;
margin: 0;
}
.selected {
opacity: 0.5;
opacity: 0.5;
}
/* Item */
......@@ -184,7 +184,7 @@ li.feedItem:not(.error) a {
}
li.feedItem {
padding: .2rem;
padding: .2rem;
}
div.feedItem img {
......@@ -194,17 +194,17 @@ div.feedItem img {
}
div.feedItem img.full {
min-width:100%;
min-width:100%;
}
li.feedItem {
border:0 !important;
border:0 !important;
}
/* Theme Overrides */
.ui-widget-content,
.ui-widget-header {
border: none !important;
border: none !important;
}
.feed {
......
......@@ -3,6 +3,7 @@
--bg-color-sec: #4B5162;
--bg-color-ter: #7C818C;
--bg-color-qua: #404552;
--bg-color-qui: #404552;
--color-pri: #ffffff;
--color-sec: #dddddd;
--color-ter: #fdfae9;
......
......@@ -4,13 +4,13 @@ MOB.utilities = {
var $loadingSpinner = $('<i>')
.attr('class', 'icon-spin3 spin');
var $noSourcesText = $('<span>').text('Loading sources');
var $noSourcesText = $('<div>').text('Loading sources');
var $noSourcesButton = $('<div>')
// .append('<span data-content="Whoops, no sources!" data-title="Whoops, no sources!" class="translate"> Whoops, no sources! </span> <br/> <span data-content="Click here to add some." data-title="Click here to add some." class="translate"> Click here to add some.</span>')
.append($noSourcesText)
.append($loadingSpinner)
.append('<br>')
.append($loadingSpinner);
.append($noSourcesText);
var $noSourcesButtonContainer = $('<div>')
.attr('id', 'noSourcesButton')
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment