mirror of
https://github.com/TracksApp/tracks.git
synced 2026-01-26 10:46:10 +01:00
115 lines
No EOL
1.6 KiB
SCSS
115 lines
No EOL
1.6 KiB
SCSS
/*
|
|
* Tracks CSS
|
|
*/
|
|
|
|
body {
|
|
background-color: #DDD;
|
|
}
|
|
|
|
div.tracks-middle {
|
|
background-color: #FFF;
|
|
padding: 15px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* Header */
|
|
|
|
.navbar-inner {
|
|
border-radius: none;
|
|
}
|
|
|
|
div#tracks-login-navbar {
|
|
.navbar-inner {
|
|
background-color: #000;
|
|
background-image: none;
|
|
}
|
|
}
|
|
|
|
div#tracks-login-form {
|
|
margin: 0 0 100px 0;
|
|
}
|
|
|
|
span.badge_count {
|
|
color: #FFF;
|
|
background-color: #F00;
|
|
text-shadow: none;
|
|
padding: 5px 5px 5px 5px;
|
|
border-radius: 2px 2px 2px 2px;
|
|
}
|
|
|
|
/* Footer */
|
|
|
|
footer {
|
|
margin-top: 50px;
|
|
text-align: center;
|
|
background-color: #000;
|
|
background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
|
|
}
|
|
|
|
/* Todo */
|
|
div.todo-item {
|
|
margin-top: 7px;
|
|
margin-left: 0px;
|
|
border: 3px solid #EEE;
|
|
border-width: 0px 0px 1px;
|
|
|
|
min-height: none;
|
|
line-height: none;
|
|
[class*="span"] {
|
|
min-height: 0px;
|
|
}
|
|
|
|
i.icon-check-empty {
|
|
margin-right: 10px;
|
|
}
|
|
i.icon-check-sign {
|
|
margin-right: 10px;
|
|
color: #666;
|
|
}
|
|
i.icon-star-empty, i.icon-play-sign, i.icon-book, i.icon-refresh {
|
|
color: #BBB; /* light gray */
|
|
}
|
|
i.icon-star {
|
|
color: #F89406; /* orange */
|
|
}
|
|
span.todo-description {
|
|
margin-right: 10px;
|
|
}
|
|
div.todo-item-icons {
|
|
display: block;
|
|
margin-right: 10px;
|
|
float:left;
|
|
}
|
|
div.todo-item-description-container {
|
|
display: inline-block;
|
|
float:left;
|
|
}
|
|
}
|
|
|
|
span.tags {
|
|
.label {
|
|
a:hover, a:focus {
|
|
text-decoration: none;
|
|
}
|
|
a {
|
|
text-shadow: none;
|
|
color: #FFF;
|
|
font-weight: normal;
|
|
}
|
|
margin-right: 1px;
|
|
background-color: #BBB;
|
|
}
|
|
}
|
|
|
|
/* Container */
|
|
|
|
div.todos-container {
|
|
margin-bottom: 25px;
|
|
h4 {
|
|
margin-bottom: 0px;
|
|
color: #444;
|
|
a {
|
|
color: #444;
|
|
}
|
|
}
|
|
} |