New design.
This commit is contained in:
James Brooks
@@ -1,6 +1,7 @@
|
||||
body {
|
||||
color: #333333;
|
||||
font-size: 1.4em;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
hr {
|
||||
@@ -8,7 +9,34 @@ hr {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: #4cae4c;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #D91E18;
|
||||
}
|
||||
|
||||
.text-alert {
|
||||
color: #F9BF3B;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 960px;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin-top: 20px;
|
||||
border-radius: 0;
|
||||
font-size: 1.2em;
|
||||
&.alert-success {
|
||||
background-color: #8DCD8D;
|
||||
border-color: #4cae4c;
|
||||
@@ -28,20 +56,58 @@ hr {
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
&.badge-success {
|
||||
background-color: #4cae4c;
|
||||
}
|
||||
&.badge-info {
|
||||
background-color: #46b8da;
|
||||
}
|
||||
&.badge-warning {
|
||||
background-color: #F27935;
|
||||
}
|
||||
&.badge-alert {
|
||||
background-color: #F9BF3B;
|
||||
}
|
||||
&.badge-danger {
|
||||
background-color: #CF000F;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group {
|
||||
margin-bottom: 20px;
|
||||
padding-left: 0;
|
||||
border-radius: 0;
|
||||
|
||||
.list-group-item {
|
||||
padding: 10px 15px;
|
||||
border-radius: 0;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #BDC3C7;
|
||||
font-size: 1.1em;
|
||||
|
||||
span.badge {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
i.glyphicon {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
&.list-group-item-heading {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: 400;
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
p, time {
|
||||
@@ -51,7 +117,35 @@ hr {
|
||||
|
||||
time {
|
||||
color: #6C7A89;
|
||||
font-weight: bold;
|
||||
// letter-spacing: 0.02em;
|
||||
font-weight: 600;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #F2F1EF;
|
||||
h3 {
|
||||
color: #22313F;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
font-weight: 300;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: inherit;
|
||||
border-color: #BDC3C7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.components {
|
||||
margin-bottom: 30px;
|
||||
p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.badge {
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
106
public/build/css/application-52640275.css
Executable file
106
public/build/css/application-52640275.css
Executable file
@@ -0,0 +1,106 @@
|
||||
body {
|
||||
color: #333333;
|
||||
font-size: 1.4em;
|
||||
font-weight: 300; }
|
||||
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px; }
|
||||
|
||||
h1 {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.text-success {
|
||||
color: #4cae4c; }
|
||||
|
||||
.text-danger {
|
||||
color: #D91E18; }
|
||||
|
||||
.text-alert {
|
||||
color: #F9BF3B; }
|
||||
|
||||
.container {
|
||||
max-width: 960px; }
|
||||
|
||||
.page-header {
|
||||
margin-top: 10px; }
|
||||
|
||||
.alert {
|
||||
margin-top: 20px;
|
||||
border-radius: 0;
|
||||
font-size: 1.2em; }
|
||||
.alert.alert-success {
|
||||
background-color: #8DCD8D;
|
||||
border-color: #4cae4c;
|
||||
color: white; }
|
||||
.alert.alert-info {
|
||||
background: #8CD3E8;
|
||||
border-color: #46b8da;
|
||||
color: #FFF; }
|
||||
.alert.alert-danger {
|
||||
background: #D91E18;
|
||||
border-color: #CF000F;
|
||||
color: #FFF; }
|
||||
|
||||
.badge {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px; }
|
||||
.badge.badge-success {
|
||||
background-color: #4cae4c; }
|
||||
.badge.badge-info {
|
||||
background-color: #46b8da; }
|
||||
.badge.badge-warning {
|
||||
background-color: #F27935; }
|
||||
.badge.badge-alert {
|
||||
background-color: #F9BF3B; }
|
||||
.badge.badge-danger {
|
||||
background-color: #CF000F; }
|
||||
|
||||
.list-group {
|
||||
margin-bottom: 20px;
|
||||
padding-left: 0;
|
||||
border-radius: 0; }
|
||||
.list-group .list-group-item {
|
||||
border-radius: 0;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #BDC3C7;
|
||||
font-size: 1.1em; }
|
||||
.list-group .list-group-item span.badge {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
display: block; }
|
||||
.list-group .list-group-item i.glyphicon {
|
||||
font-size: 1.4em; }
|
||||
.list-group .list-group-item h1, .list-group .list-group-item h2, .list-group .list-group-item h3, .list-group .list-group-item h4 {
|
||||
margin-bottom: 2px; }
|
||||
.list-group .list-group-item h4 {
|
||||
font-weight: 400;
|
||||
max-width: 90%; }
|
||||
.list-group .list-group-item p, .list-group .list-group-item time {
|
||||
margin-bottom: 0;
|
||||
line-height: 1.3em; }
|
||||
.list-group .list-group-item time {
|
||||
color: #6C7A89;
|
||||
font-weight: 600;
|
||||
font-size: 1.1em; }
|
||||
.list-group .list-group-item.active {
|
||||
background-color: #F2F1EF; }
|
||||
.list-group .list-group-item.active h3 {
|
||||
color: #22313F;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
font-weight: 300;
|
||||
font-size: 1.6em; }
|
||||
.list-group .list-group-item.active:hover {
|
||||
color: inherit;
|
||||
border-color: #BDC3C7; }
|
||||
.list-group.components {
|
||||
margin-bottom: 30px; }
|
||||
.list-group.components p {
|
||||
margin-bottom: 10px; }
|
||||
.list-group.components .badge {
|
||||
color: transparent; }
|
||||
@@ -1,37 +0,0 @@
|
||||
body {
|
||||
color: #333333;
|
||||
font-size: 1.4em; }
|
||||
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px; }
|
||||
|
||||
.alert.alert-success {
|
||||
background-color: #8DCD8D;
|
||||
border-color: #4cae4c;
|
||||
color: white; }
|
||||
.alert.alert-info {
|
||||
background: #8CD3E8;
|
||||
border-color: #46b8da;
|
||||
color: #FFF; }
|
||||
.alert.alert-danger {
|
||||
background: #D91E18;
|
||||
border-color: #CF000F;
|
||||
color: #FFF; }
|
||||
|
||||
.list-group {
|
||||
margin-bottom: 20px;
|
||||
padding-left: 0; }
|
||||
.list-group .list-group-item {
|
||||
padding: 10px 15px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #BDC3C7; }
|
||||
.list-group .list-group-item h1.list-group-item-heading, .list-group .list-group-item h2.list-group-item-heading, .list-group .list-group-item h3.list-group-item-heading, .list-group .list-group-item h4.list-group-item-heading {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
.list-group .list-group-item p, .list-group .list-group-item time {
|
||||
margin-bottom: 0;
|
||||
line-height: 1.3em; }
|
||||
.list-group .list-group-item time {
|
||||
color: #6C7A89;
|
||||
font-weight: bold; }
|
||||
@@ -1,37 +1,106 @@
|
||||
body {
|
||||
color: #333333;
|
||||
font-size: 1.4em; }
|
||||
font-size: 1.4em;
|
||||
font-weight: 300; }
|
||||
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px; }
|
||||
|
||||
.alert.alert-success {
|
||||
background-color: #8DCD8D;
|
||||
border-color: #4cae4c;
|
||||
color: white; }
|
||||
.alert.alert-info {
|
||||
background: #8CD3E8;
|
||||
border-color: #46b8da;
|
||||
color: #FFF; }
|
||||
.alert.alert-danger {
|
||||
background: #D91E18;
|
||||
border-color: #CF000F;
|
||||
color: #FFF; }
|
||||
h1 {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.text-success {
|
||||
color: #4cae4c; }
|
||||
|
||||
.text-danger {
|
||||
color: #D91E18; }
|
||||
|
||||
.text-alert {
|
||||
color: #F9BF3B; }
|
||||
|
||||
.container {
|
||||
max-width: 960px; }
|
||||
|
||||
.page-header {
|
||||
margin-top: 10px; }
|
||||
|
||||
.alert {
|
||||
margin-top: 20px;
|
||||
border-radius: 0;
|
||||
font-size: 1.2em; }
|
||||
.alert.alert-success {
|
||||
background-color: #8DCD8D;
|
||||
border-color: #4cae4c;
|
||||
color: white; }
|
||||
.alert.alert-info {
|
||||
background: #8CD3E8;
|
||||
border-color: #46b8da;
|
||||
color: #FFF; }
|
||||
.alert.alert-danger {
|
||||
background: #D91E18;
|
||||
border-color: #CF000F;
|
||||
color: #FFF; }
|
||||
|
||||
.badge {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px; }
|
||||
.badge.badge-success {
|
||||
background-color: #4cae4c; }
|
||||
.badge.badge-info {
|
||||
background-color: #46b8da; }
|
||||
.badge.badge-warning {
|
||||
background-color: #F27935; }
|
||||
.badge.badge-alert {
|
||||
background-color: #F9BF3B; }
|
||||
.badge.badge-danger {
|
||||
background-color: #CF000F; }
|
||||
|
||||
.list-group {
|
||||
margin-bottom: 20px;
|
||||
padding-left: 0; }
|
||||
padding-left: 0;
|
||||
border-radius: 0; }
|
||||
.list-group .list-group-item {
|
||||
padding: 10px 15px;
|
||||
border-radius: 0;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #BDC3C7; }
|
||||
.list-group .list-group-item h1.list-group-item-heading, .list-group .list-group-item h2.list-group-item-heading, .list-group .list-group-item h3.list-group-item-heading, .list-group .list-group-item h4.list-group-item-heading {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
border: 1px solid #BDC3C7;
|
||||
font-size: 1.1em; }
|
||||
.list-group .list-group-item span.badge {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
display: block; }
|
||||
.list-group .list-group-item i.glyphicon {
|
||||
font-size: 1.4em; }
|
||||
.list-group .list-group-item h1, .list-group .list-group-item h2, .list-group .list-group-item h3, .list-group .list-group-item h4 {
|
||||
margin-bottom: 2px; }
|
||||
.list-group .list-group-item h4 {
|
||||
font-weight: 400;
|
||||
max-width: 90%; }
|
||||
.list-group .list-group-item p, .list-group .list-group-item time {
|
||||
margin-bottom: 0;
|
||||
line-height: 1.3em; }
|
||||
.list-group .list-group-item time {
|
||||
color: #6C7A89;
|
||||
font-weight: bold; }
|
||||
font-weight: 600;
|
||||
font-size: 1.1em; }
|
||||
.list-group .list-group-item.active {
|
||||
background-color: #F2F1EF; }
|
||||
.list-group .list-group-item.active h3 {
|
||||
color: #22313F;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
font-weight: 300;
|
||||
font-size: 1.6em; }
|
||||
.list-group .list-group-item.active:hover {
|
||||
color: inherit;
|
||||
border-color: #BDC3C7; }
|
||||
.list-group.components {
|
||||
margin-bottom: 30px; }
|
||||
.list-group.components p {
|
||||
margin-bottom: 10px; }
|
||||
.list-group.components .badge {
|
||||
color: transparent; }
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
{
|
||||
"css/application.css": "css/application-c3c6ec34.css"
|
||||
"css/application.css": "css/application-52640275.css"
|
||||
}
|
||||
@@ -1,37 +1,106 @@
|
||||
body {
|
||||
color: #333333;
|
||||
font-size: 1.4em; }
|
||||
font-size: 1.4em;
|
||||
font-weight: 300; }
|
||||
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px; }
|
||||
|
||||
.alert.alert-success {
|
||||
background-color: #8DCD8D;
|
||||
border-color: #4cae4c;
|
||||
color: white; }
|
||||
.alert.alert-info {
|
||||
background: #8CD3E8;
|
||||
border-color: #46b8da;
|
||||
color: #FFF; }
|
||||
.alert.alert-danger {
|
||||
background: #D91E18;
|
||||
border-color: #CF000F;
|
||||
color: #FFF; }
|
||||
h1 {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.text-success {
|
||||
color: #4cae4c; }
|
||||
|
||||
.text-danger {
|
||||
color: #D91E18; }
|
||||
|
||||
.text-alert {
|
||||
color: #F9BF3B; }
|
||||
|
||||
.container {
|
||||
max-width: 960px; }
|
||||
|
||||
.page-header {
|
||||
margin-top: 10px; }
|
||||
|
||||
.alert {
|
||||
margin-top: 20px;
|
||||
border-radius: 0;
|
||||
font-size: 1.2em; }
|
||||
.alert.alert-success {
|
||||
background-color: #8DCD8D;
|
||||
border-color: #4cae4c;
|
||||
color: white; }
|
||||
.alert.alert-info {
|
||||
background: #8CD3E8;
|
||||
border-color: #46b8da;
|
||||
color: #FFF; }
|
||||
.alert.alert-danger {
|
||||
background: #D91E18;
|
||||
border-color: #CF000F;
|
||||
color: #FFF; }
|
||||
|
||||
.badge {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px; }
|
||||
.badge.badge-success {
|
||||
background-color: #4cae4c; }
|
||||
.badge.badge-info {
|
||||
background-color: #46b8da; }
|
||||
.badge.badge-warning {
|
||||
background-color: #F27935; }
|
||||
.badge.badge-alert {
|
||||
background-color: #F9BF3B; }
|
||||
.badge.badge-danger {
|
||||
background-color: #CF000F; }
|
||||
|
||||
.list-group {
|
||||
margin-bottom: 20px;
|
||||
padding-left: 0; }
|
||||
padding-left: 0;
|
||||
border-radius: 0; }
|
||||
.list-group .list-group-item {
|
||||
padding: 10px 15px;
|
||||
border-radius: 0;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #BDC3C7; }
|
||||
.list-group .list-group-item h1.list-group-item-heading, .list-group .list-group-item h2.list-group-item-heading, .list-group .list-group-item h3.list-group-item-heading, .list-group .list-group-item h4.list-group-item-heading {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
border: 1px solid #BDC3C7;
|
||||
font-size: 1.1em; }
|
||||
.list-group .list-group-item span.badge {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
display: block; }
|
||||
.list-group .list-group-item i.glyphicon {
|
||||
font-size: 1.4em; }
|
||||
.list-group .list-group-item h1, .list-group .list-group-item h2, .list-group .list-group-item h3, .list-group .list-group-item h4 {
|
||||
margin-bottom: 2px; }
|
||||
.list-group .list-group-item h4 {
|
||||
font-weight: 400;
|
||||
max-width: 90%; }
|
||||
.list-group .list-group-item p, .list-group .list-group-item time {
|
||||
margin-bottom: 0;
|
||||
line-height: 1.3em; }
|
||||
.list-group .list-group-item time {
|
||||
color: #6C7A89;
|
||||
font-weight: bold; }
|
||||
font-weight: 600;
|
||||
font-size: 1.1em; }
|
||||
.list-group .list-group-item.active {
|
||||
background-color: #F2F1EF; }
|
||||
.list-group .list-group-item.active h3 {
|
||||
color: #22313F;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
font-weight: 300;
|
||||
font-size: 1.6em; }
|
||||
.list-group .list-group-item.active:hover {
|
||||
color: inherit;
|
||||
border-color: #BDC3C7; }
|
||||
.list-group.components {
|
||||
margin-bottom: 30px; }
|
||||
.list-group.components p {
|
||||
margin-bottom: 10px; }
|
||||
.list-group.components .badge {
|
||||
color: transparent; }
|
||||
|
||||
Reference in New Issue
Block a user