diff --git a/assets/images/dashboard/cal.svg b/assets/images/dashboard/cal.svg new file mode 100644 index 00000000..6bc52dd7 --- /dev/null +++ b/assets/images/dashboard/cal.svg @@ -0,0 +1,22 @@ + + + + + + + + + + diff --git a/assets/images/dashboard/footer-logo.svg b/assets/images/dashboard/footer-logo.svg new file mode 100644 index 00000000..e63fcf97 --- /dev/null +++ b/assets/images/dashboard/footer-logo.svg @@ -0,0 +1,491 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/dashboard/gravatar.png b/assets/images/dashboard/gravatar.png new file mode 100644 index 00000000..cabf8b18 Binary files /dev/null and b/assets/images/dashboard/gravatar.png differ diff --git a/assets/images/dashboard/health-stats.svg b/assets/images/dashboard/health-stats.svg new file mode 100644 index 00000000..47ca9902 --- /dev/null +++ b/assets/images/dashboard/health-stats.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + diff --git a/assets/images/dashboard/orgs-eurucamp.png b/assets/images/dashboard/orgs-eurucamp.png new file mode 100644 index 00000000..4e52ceb6 Binary files /dev/null and b/assets/images/dashboard/orgs-eurucamp.png differ diff --git a/assets/images/dashboard/orgs-openkarma.png b/assets/images/dashboard/orgs-openkarma.png new file mode 100644 index 00000000..4e02f61c Binary files /dev/null and b/assets/images/dashboard/orgs-openkarma.png differ diff --git a/assets/images/dashboard/orgs-saltinejustine.png b/assets/images/dashboard/orgs-saltinejustine.png new file mode 100644 index 00000000..70870224 Binary files /dev/null and b/assets/images/dashboard/orgs-saltinejustine.png differ diff --git a/assets/images/dashboard/orgs-travisci.png b/assets/images/dashboard/orgs-travisci.png new file mode 100644 index 00000000..64a2e7fc Binary files /dev/null and b/assets/images/dashboard/orgs-travisci.png differ diff --git a/assets/images/dashboard/private-icon.svg b/assets/images/dashboard/private-icon.svg new file mode 100644 index 00000000..bac674cf --- /dev/null +++ b/assets/images/dashboard/private-icon.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/assets/images/dashboard/search-icon.svg b/assets/images/dashboard/search-icon.svg new file mode 100644 index 00000000..32cf04c0 --- /dev/null +++ b/assets/images/dashboard/search-icon.svg @@ -0,0 +1,13 @@ + + + + + + + + diff --git a/assets/images/dashboard/star-off.svg b/assets/images/dashboard/star-off.svg new file mode 100644 index 00000000..d2e41ebf --- /dev/null +++ b/assets/images/dashboard/star-off.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/images/dashboard/star-on.svg b/assets/images/dashboard/star-on.svg new file mode 100644 index 00000000..61b73a98 --- /dev/null +++ b/assets/images/dashboard/star-on.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/assets/images/dashboard/status-cancelled.svg b/assets/images/dashboard/status-cancelled.svg new file mode 100644 index 00000000..91c180d7 --- /dev/null +++ b/assets/images/dashboard/status-cancelled.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/assets/images/dashboard/status-errored.svg b/assets/images/dashboard/status-errored.svg new file mode 100644 index 00000000..fa691c36 --- /dev/null +++ b/assets/images/dashboard/status-errored.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/assets/images/dashboard/status-failed.svg b/assets/images/dashboard/status-failed.svg new file mode 100644 index 00000000..86107baa --- /dev/null +++ b/assets/images/dashboard/status-failed.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/assets/images/dashboard/status-passed.svg b/assets/images/dashboard/status-passed.svg new file mode 100644 index 00000000..93e75a67 --- /dev/null +++ b/assets/images/dashboard/status-passed.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/images/dashboard/status-pending.svg b/assets/images/dashboard/status-pending.svg new file mode 100644 index 00000000..e5b19378 --- /dev/null +++ b/assets/images/dashboard/status-pending.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/assets/images/dashboard/time.svg b/assets/images/dashboard/time.svg new file mode 100644 index 00000000..123f6c41 --- /dev/null +++ b/assets/images/dashboard/time.svg @@ -0,0 +1,14 @@ + + + + + + + + + diff --git a/assets/images/dashboard/travis-logo.svg b/assets/images/dashboard/travis-logo.svg new file mode 100644 index 00000000..47b7e4c9 --- /dev/null +++ b/assets/images/dashboard/travis-logo.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + diff --git a/assets/scripts/app/templates/dashboard.hbs b/assets/scripts/app/templates/dashboard.hbs index 76de1c7a..4c1fcaee 100644 --- a/assets/scripts/app/templates/dashboard.hbs +++ b/assets/scripts/app/templates/dashboard.hbs @@ -1 +1,66 @@ -

DASHBOARD GOES HERE!

+
+
+
+
+
+
+
+

travis-ci

+

travisbot

+
56 sec
+
1 day ago
+

#3286 Failed

+
+
+
+
+
+
+
+
+
+
+

travis-ci

+

travis-cookbooks

+
Private
+
27 sec
+
3 min ago
+

#3286 Started

+
+
+
+
+
+ +
+
+
+
+
+

travis-ci

+

docs-travis-ci-com

+
4 min 5 sec
+
1 day ago
+

#3286 Passed

+
+
+
+
+
+
+
+
+
+
+

travis-ci

+

travis-worker

+
11 min 12 sec
+
2 days ago
+

#3286 Passed

+
+
+
+
+
+
+
diff --git a/assets/scripts/app/templates/layouts/dashboard.hbs b/assets/scripts/app/templates/layouts/dashboard.hbs index 8fd17179..6f8fbbe8 100644 --- a/assets/scripts/app/templates/layouts/dashboard.hbs +++ b/assets/scripts/app/templates/layouts/dashboard.hbs @@ -1,5 +1,118 @@ -{{#link-to "main"}}Home{{/link-to}} +
+
+
+ + + +
+
    +
  • +

    Justine Arreche

    + +
      +
    • Help
      • +
    • Sign Out
      • +
    +
    • +
+
+
+
+ + {{yield}} -END +
+ + \ No newline at end of file diff --git a/assets/styles/dashboard/a_foundation.scss b/assets/styles/dashboard/a_foundation.scss new file mode 100644 index 00000000..dab690ad --- /dev/null +++ b/assets/styles/dashboard/a_foundation.scss @@ -0,0 +1,1537 @@ +meta.foundation-version { + font-family: "/5.5.0/"; } + +meta.foundation-mq-small { + font-family: "/only screen/"; + width: 0; } + +meta.foundation-mq-small-only { + font-family: "/only screen and (max-width: 40em)/"; + width: 0; } + +meta.foundation-mq-medium { + font-family: "/only screen and (min-width:40.063em)/"; + width: 40.063em; } + +meta.foundation-mq-medium-only { + font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; + width: 40.063em; } + +meta.foundation-mq-large { + font-family: "/only screen and (min-width:64.063em)/"; + width: 64.063em; } + +meta.foundation-mq-large-only { + font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/"; + width: 64.063em; } + +meta.foundation-mq-xlarge { + font-family: "/only screen and (min-width:90.063em)/"; + width: 90.063em; } + +meta.foundation-mq-xlarge-only { + font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/"; + width: 90.063em; } + +meta.foundation-mq-xxlarge { + font-family: "/only screen and (min-width:120.063em)/"; + width: 120.063em; } + +meta.foundation-data-attribute-namespace { + font-family: false; } + +html, body { + height: 100%; } + +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +html, +body { + font-size: 100%; } + +body { + background: #fff; + color: #5e6872; + padding: 0; + margin: 0; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + font-style: normal; + line-height: 1.5; + position: relative; + cursor: auto; } + +a:hover { + cursor: pointer; } + +img { + max-width: 100%; + height: auto; } + +img { + -ms-interpolation-mode: bicubic; } + +#map_canvas img, +#map_canvas embed, +#map_canvas object, +.map_canvas img, +.map_canvas embed, +.map_canvas object { + max-width: none !important; } + +.left { + float: left !important; } + +.right { + float: right !important; } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; } +.clearfix:after { + clear: both; } + +.hide { + display: none !important; + visibility: hidden; } + +.invisible { + visibility: hidden; } + +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +img { + display: inline-block; + vertical-align: middle; } + +textarea { + height: auto; + min-height: 50px; } + +select { + width: 100%; } + +.row { + width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: 0; + margin-bottom: 0; + max-width: 1024px; } + .row:before, .row:after { + content: " "; + display: table; } + .row:after { + clear: both; } + .row.collapse > .column, + .row.collapse > .columns { + padding-left: 0; + padding-right: 0; } + .row.collapse .row { + margin-left: 0; + margin-right: 0; } + .row .row { + width: auto; + margin-left: -0.9375em; + margin-right: -0.9375em; + margin-top: 0; + margin-bottom: 0; + max-width: none; } + .row .row:before, .row .row:after { + content: " "; + display: table; } + .row .row:after { + clear: both; } + .row .row.collapse { + width: auto; + margin: 0; + max-width: none; } + .row .row.collapse:before, .row .row.collapse:after { + content: " "; + display: table; } + .row .row.collapse:after { + clear: both; } + +.column, +.columns { + padding-left: 0.9375em; + padding-right: 0.9375em; + width: 100%; + float: left; } + +[class*="column"] + [class*="column"]:last-child { + float: right; } + +[class*="column"] + [class*="column"].end { + float: left; } + +@media only screen { + .small-push-0 { + position: relative; + left: 0%; + right: auto; } + + .small-pull-0 { + position: relative; + right: 0%; + left: auto; } + + .small-push-1 { + position: relative; + left: 8.33333%; + right: auto; } + + .small-pull-1 { + position: relative; + right: 8.33333%; + left: auto; } + + .small-push-2 { + position: relative; + left: 16.66667%; + right: auto; } + + .small-pull-2 { + position: relative; + right: 16.66667%; + left: auto; } + + .small-push-3 { + position: relative; + left: 25%; + right: auto; } + + .small-pull-3 { + position: relative; + right: 25%; + left: auto; } + + .small-push-4 { + position: relative; + left: 33.33333%; + right: auto; } + + .small-pull-4 { + position: relative; + right: 33.33333%; + left: auto; } + + .small-push-5 { + position: relative; + left: 41.66667%; + right: auto; } + + .small-pull-5 { + position: relative; + right: 41.66667%; + left: auto; } + + .small-push-6 { + position: relative; + left: 50%; + right: auto; } + + .small-pull-6 { + position: relative; + right: 50%; + left: auto; } + + .small-push-7 { + position: relative; + left: 58.33333%; + right: auto; } + + .small-pull-7 { + position: relative; + right: 58.33333%; + left: auto; } + + .small-push-8 { + position: relative; + left: 66.66667%; + right: auto; } + + .small-pull-8 { + position: relative; + right: 66.66667%; + left: auto; } + + .small-push-9 { + position: relative; + left: 75%; + right: auto; } + + .small-pull-9 { + position: relative; + right: 75%; + left: auto; } + + .small-push-10 { + position: relative; + left: 83.33333%; + right: auto; } + + .small-pull-10 { + position: relative; + right: 83.33333%; + left: auto; } + + .small-push-11 { + position: relative; + left: 91.66667%; + right: auto; } + + .small-pull-11 { + position: relative; + right: 91.66667%; + left: auto; } + + .column, + .columns { + position: relative; + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; } + + .small-1 { + width: 8.33333%; } + + .small-2 { + width: 16.66667%; } + + .small-3 { + width: 25%; } + + .small-4 { + width: 33.33333%; } + + .small-5 { + width: 41.66667%; } + + .small-6 { + width: 50%; } + + .small-7 { + width: 58.33333%; } + + .small-8 { + width: 66.66667%; } + + .small-9 { + width: 75%; } + + .small-10 { + width: 83.33333%; } + + .small-11 { + width: 91.66667%; } + + .small-12 { + width: 100%; } + + .small-offset-0 { + margin-left: 0% !important; } + + .small-offset-1 { + margin-left: 8.33333% !important; } + + .small-offset-2 { + margin-left: 16.66667% !important; } + + .small-offset-3 { + margin-left: 25% !important; } + + .small-offset-4 { + margin-left: 33.33333% !important; } + + .small-offset-5 { + margin-left: 41.66667% !important; } + + .small-offset-6 { + margin-left: 50% !important; } + + .small-offset-7 { + margin-left: 58.33333% !important; } + + .small-offset-8 { + margin-left: 66.66667% !important; } + + .small-offset-9 { + margin-left: 75% !important; } + + .small-offset-10 { + margin-left: 83.33333% !important; } + + .small-offset-11 { + margin-left: 91.66667% !important; } + + .small-reset-order { + margin-left: 0; + margin-right: 0; + left: auto; + right: auto; + float: left; } + + .column.small-centered, + .columns.small-centered { + margin-left: auto; + margin-right: auto; + float: none; } + + .column.small-uncentered, + .columns.small-uncentered { + margin-left: 0; + margin-right: 0; + float: left; } + + .column.small-centered:last-child, + .columns.small-centered:last-child { + float: none; } + + .column.small-uncentered:last-child, + .columns.small-uncentered:last-child { + float: left; } + + .column.small-uncentered.opposite, + .columns.small-uncentered.opposite { + float: right; } + + .row.small-collapse > .column, + .row.small-collapse > .columns { + padding-left: 0; + padding-right: 0; } + .row.small-collapse .row { + margin-left: 0; + margin-right: 0; } + .row.small-uncollapse > .column, + .row.small-uncollapse > .columns { + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; } } +@media only screen and (min-width: 40.063em) { + .medium-push-0 { + position: relative; + left: 0%; + right: auto; } + + .medium-pull-0 { + position: relative; + right: 0%; + left: auto; } + + .medium-push-1 { + position: relative; + left: 8.33333%; + right: auto; } + + .medium-pull-1 { + position: relative; + right: 8.33333%; + left: auto; } + + .medium-push-2 { + position: relative; + left: 16.66667%; + right: auto; } + + .medium-pull-2 { + position: relative; + right: 16.66667%; + left: auto; } + + .medium-push-3 { + position: relative; + left: 25%; + right: auto; } + + .medium-pull-3 { + position: relative; + right: 25%; + left: auto; } + + .medium-push-4 { + position: relative; + left: 33.33333%; + right: auto; } + + .medium-pull-4 { + position: relative; + right: 33.33333%; + left: auto; } + + .medium-push-5 { + position: relative; + left: 41.66667%; + right: auto; } + + .medium-pull-5 { + position: relative; + right: 41.66667%; + left: auto; } + + .medium-push-6 { + position: relative; + left: 50%; + right: auto; } + + .medium-pull-6 { + position: relative; + right: 50%; + left: auto; } + + .medium-push-7 { + position: relative; + left: 58.33333%; + right: auto; } + + .medium-pull-7 { + position: relative; + right: 58.33333%; + left: auto; } + + .medium-push-8 { + position: relative; + left: 66.66667%; + right: auto; } + + .medium-pull-8 { + position: relative; + right: 66.66667%; + left: auto; } + + .medium-push-9 { + position: relative; + left: 75%; + right: auto; } + + .medium-pull-9 { + position: relative; + right: 75%; + left: auto; } + + .medium-push-10 { + position: relative; + left: 83.33333%; + right: auto; } + + .medium-pull-10 { + position: relative; + right: 83.33333%; + left: auto; } + + .medium-push-11 { + position: relative; + left: 91.66667%; + right: auto; } + + .medium-pull-11 { + position: relative; + right: 91.66667%; + left: auto; } + + .column, + .columns { + position: relative; + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; } + + .medium-1 { + width: 8.33333%; } + + .medium-2 { + width: 16.66667%; } + + .medium-3 { + width: 25%; } + + .medium-4 { + width: 33.33333%; } + + .medium-5 { + width: 41.66667%; } + + .medium-6 { + width: 50%; } + + .medium-7 { + width: 58.33333%; } + + .medium-8 { + width: 66.66667%; } + + .medium-9 { + width: 75%; } + + .medium-10 { + width: 83.33333%; } + + .medium-11 { + width: 91.66667%; } + + .medium-12 { + width: 100%; } + + .medium-offset-0 { + margin-left: 0% !important; } + + .medium-offset-1 { + margin-left: 8.33333% !important; } + + .medium-offset-2 { + margin-left: 16.66667% !important; } + + .medium-offset-3 { + margin-left: 25% !important; } + + .medium-offset-4 { + margin-left: 33.33333% !important; } + + .medium-offset-5 { + margin-left: 41.66667% !important; } + + .medium-offset-6 { + margin-left: 50% !important; } + + .medium-offset-7 { + margin-left: 58.33333% !important; } + + .medium-offset-8 { + margin-left: 66.66667% !important; } + + .medium-offset-9 { + margin-left: 75% !important; } + + .medium-offset-10 { + margin-left: 83.33333% !important; } + + .medium-offset-11 { + margin-left: 91.66667% !important; } + + .medium-reset-order { + margin-left: 0; + margin-right: 0; + left: auto; + right: auto; + float: left; } + + .column.medium-centered, + .columns.medium-centered { + margin-left: auto; + margin-right: auto; + float: none; } + + .column.medium-uncentered, + .columns.medium-uncentered { + margin-left: 0; + margin-right: 0; + float: left; } + + .column.medium-centered:last-child, + .columns.medium-centered:last-child { + float: none; } + + .column.medium-uncentered:last-child, + .columns.medium-uncentered:last-child { + float: left; } + + .column.medium-uncentered.opposite, + .columns.medium-uncentered.opposite { + float: right; } + + .row.medium-collapse > .column, + .row.medium-collapse > .columns { + padding-left: 0; + padding-right: 0; } + .row.medium-collapse .row { + margin-left: 0; + margin-right: 0; } + .row.medium-uncollapse > .column, + .row.medium-uncollapse > .columns { + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; } + + .push-0 { + position: relative; + left: 0%; + right: auto; } + + .pull-0 { + position: relative; + right: 0%; + left: auto; } + + .push-1 { + position: relative; + left: 8.33333%; + right: auto; } + + .pull-1 { + position: relative; + right: 8.33333%; + left: auto; } + + .push-2 { + position: relative; + left: 16.66667%; + right: auto; } + + .pull-2 { + position: relative; + right: 16.66667%; + left: auto; } + + .push-3 { + position: relative; + left: 25%; + right: auto; } + + .pull-3 { + position: relative; + right: 25%; + left: auto; } + + .push-4 { + position: relative; + left: 33.33333%; + right: auto; } + + .pull-4 { + position: relative; + right: 33.33333%; + left: auto; } + + .push-5 { + position: relative; + left: 41.66667%; + right: auto; } + + .pull-5 { + position: relative; + right: 41.66667%; + left: auto; } + + .push-6 { + position: relative; + left: 50%; + right: auto; } + + .pull-6 { + position: relative; + right: 50%; + left: auto; } + + .push-7 { + position: relative; + left: 58.33333%; + right: auto; } + + .pull-7 { + position: relative; + right: 58.33333%; + left: auto; } + + .push-8 { + position: relative; + left: 66.66667%; + right: auto; } + + .pull-8 { + position: relative; + right: 66.66667%; + left: auto; } + + .push-9 { + position: relative; + left: 75%; + right: auto; } + + .pull-9 { + position: relative; + right: 75%; + left: auto; } + + .push-10 { + position: relative; + left: 83.33333%; + right: auto; } + + .pull-10 { + position: relative; + right: 83.33333%; + left: auto; } + + .push-11 { + position: relative; + left: 91.66667%; + right: auto; } + + .pull-11 { + position: relative; + right: 91.66667%; + left: auto; } } +@media only screen and (min-width: 64.063em) { + .large-push-0 { + position: relative; + left: 0%; + right: auto; } + + .large-pull-0 { + position: relative; + right: 0%; + left: auto; } + + .large-push-1 { + position: relative; + left: 8.33333%; + right: auto; } + + .large-pull-1 { + position: relative; + right: 8.33333%; + left: auto; } + + .large-push-2 { + position: relative; + left: 16.66667%; + right: auto; } + + .large-pull-2 { + position: relative; + right: 16.66667%; + left: auto; } + + .large-push-3 { + position: relative; + left: 25%; + right: auto; } + + .large-pull-3 { + position: relative; + right: 25%; + left: auto; } + + .large-push-4 { + position: relative; + left: 33.33333%; + right: auto; } + + .large-pull-4 { + position: relative; + right: 33.33333%; + left: auto; } + + .large-push-5 { + position: relative; + left: 41.66667%; + right: auto; } + + .large-pull-5 { + position: relative; + right: 41.66667%; + left: auto; } + + .large-push-6 { + position: relative; + left: 50%; + right: auto; } + + .large-pull-6 { + position: relative; + right: 50%; + left: auto; } + + .large-push-7 { + position: relative; + left: 58.33333%; + right: auto; } + + .large-pull-7 { + position: relative; + right: 58.33333%; + left: auto; } + + .large-push-8 { + position: relative; + left: 66.66667%; + right: auto; } + + .large-pull-8 { + position: relative; + right: 66.66667%; + left: auto; } + + .large-push-9 { + position: relative; + left: 75%; + right: auto; } + + .large-pull-9 { + position: relative; + right: 75%; + left: auto; } + + .large-push-10 { + position: relative; + left: 83.33333%; + right: auto; } + + .large-pull-10 { + position: relative; + right: 83.33333%; + left: auto; } + + .large-push-11 { + position: relative; + left: 91.66667%; + right: auto; } + + .large-pull-11 { + position: relative; + right: 91.66667%; + left: auto; } + + .column, + .columns { + position: relative; + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; } + + .large-1 { + width: 8.33333%; } + + .large-2 { + width: 16.66667%; } + + .large-3 { + width: 25%; } + + .large-4 { + width: 33.33333%; } + + .large-5 { + width: 41.66667%; } + + .large-6 { + width: 50%; } + + .large-7 { + width: 58.33333%; } + + .large-8 { + width: 66.66667%; } + + .large-9 { + width: 75%; } + + .large-10 { + width: 83.33333%; } + + .large-11 { + width: 91.66667%; } + + .large-12 { + width: 100%; } + + .large-offset-0 { + margin-left: 0% !important; } + + .large-offset-1 { + margin-left: 8.33333% !important; } + + .large-offset-2 { + margin-left: 16.66667% !important; } + + .large-offset-3 { + margin-left: 25% !important; } + + .large-offset-4 { + margin-left: 33.33333% !important; } + + .large-offset-5 { + margin-left: 41.66667% !important; } + + .large-offset-6 { + margin-left: 50% !important; } + + .large-offset-7 { + margin-left: 58.33333% !important; } + + .large-offset-8 { + margin-left: 66.66667% !important; } + + .large-offset-9 { + margin-left: 75% !important; } + + .large-offset-10 { + margin-left: 83.33333% !important; } + + .large-offset-11 { + margin-left: 91.66667% !important; } + + .large-reset-order { + margin-left: 0; + margin-right: 0; + left: auto; + right: auto; + float: left; } + + .column.large-centered, + .columns.large-centered { + margin-left: auto; + margin-right: auto; + float: none; } + + .column.large-uncentered, + .columns.large-uncentered { + margin-left: 0; + margin-right: 0; + float: left; } + + .column.large-centered:last-child, + .columns.large-centered:last-child { + float: none; } + + .column.large-uncentered:last-child, + .columns.large-uncentered:last-child { + float: left; } + + .column.large-uncentered.opposite, + .columns.large-uncentered.opposite { + float: right; } + + .row.large-collapse > .column, + .row.large-collapse > .columns { + padding-left: 0; + padding-right: 0; } + .row.large-collapse .row { + margin-left: 0; + margin-right: 0; } + .row.large-uncollapse > .column, + .row.large-uncollapse > .columns { + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; } + + .push-0 { + position: relative; + left: 0%; + right: auto; } + + .pull-0 { + position: relative; + right: 0%; + left: auto; } + + .push-1 { + position: relative; + left: 8.33333%; + right: auto; } + + .pull-1 { + position: relative; + right: 8.33333%; + left: auto; } + + .push-2 { + position: relative; + left: 16.66667%; + right: auto; } + + .pull-2 { + position: relative; + right: 16.66667%; + left: auto; } + + .push-3 { + position: relative; + left: 25%; + right: auto; } + + .pull-3 { + position: relative; + right: 25%; + left: auto; } + + .push-4 { + position: relative; + left: 33.33333%; + right: auto; } + + .pull-4 { + position: relative; + right: 33.33333%; + left: auto; } + + .push-5 { + position: relative; + left: 41.66667%; + right: auto; } + + .pull-5 { + position: relative; + right: 41.66667%; + left: auto; } + + .push-6 { + position: relative; + left: 50%; + right: auto; } + + .pull-6 { + position: relative; + right: 50%; + left: auto; } + + .push-7 { + position: relative; + left: 58.33333%; + right: auto; } + + .pull-7 { + position: relative; + right: 58.33333%; + left: auto; } + + .push-8 { + position: relative; + left: 66.66667%; + right: auto; } + + .pull-8 { + position: relative; + right: 66.66667%; + left: auto; } + + .push-9 { + position: relative; + left: 75%; + right: auto; } + + .pull-9 { + position: relative; + right: 75%; + left: auto; } + + .push-10 { + position: relative; + left: 83.33333%; + right: auto; } + + .pull-10 { + position: relative; + right: 83.33333%; + left: auto; } + + .push-11 { + position: relative; + left: 91.66667%; + right: auto; } + + .pull-11 { + position: relative; + right: 91.66667%; + left: auto; } } +.inline-list { + margin: 0 auto 1.0625rem auto; + margin-left: -1.375rem; + margin-right: 0; + padding: 0; + list-style: none; + overflow: hidden; } + .inline-list > li { + list-style: none; + float: left; + margin-left: 1.375rem; + display: block; } + .inline-list > li > * { + display: block; } + +/* Tooltips */ +.has-tip { + border-bottom: dotted 1px #CCCCCC; + cursor: help; + font-weight: bold; + color: #333333; } + .has-tip:hover, .has-tip:focus { + border-bottom: dotted 1px #17343e; + color: #347389; } + .has-tip.tip-left, .has-tip.tip-right { + float: none !important; } + +.tooltip { + display: none; + position: absolute; + z-index: 1006; + font-weight: normal; + font-size: 0.875rem; + line-height: 1.3; + padding: 0.75rem; + max-width: 300px; + left: 50%; + width: 100%; + color: #FFFFFF; + background: #333333; } + .tooltip > .nub { + display: block; + left: 5px; + position: absolute; + width: 0; + height: 0; + border: solid 5px; + border-color: transparent transparent #333333 transparent; + top: -10px; + pointer-events: none; } + .tooltip > .nub.rtl { + left: auto; + right: 5px; } + .tooltip.radius { + border-radius: 3px; } + .tooltip.round { + border-radius: 1000px; } + .tooltip.round > .nub { + left: 2rem; } + .tooltip.opened { + color: #347389 !important; + border-bottom: dotted 1px #17343e !important; } + +.tap-to-close { + display: block; + font-size: 0.625rem; + color: #777777; + font-weight: normal; } + +@media only screen and (min-width: 40.063em) { + .tooltip > .nub { + border-color: transparent transparent #333333 transparent; + top: -10px; } + .tooltip.tip-top > .nub { + border-color: #333333 transparent transparent transparent; + top: auto; + bottom: -10px; } + .tooltip.tip-left, .tooltip.tip-right { + float: none !important; } + .tooltip.tip-left > .nub { + border-color: transparent transparent transparent #333333; + right: -10px; + left: auto; + top: 50%; + margin-top: -5px; } + .tooltip.tip-right > .nub { + border-color: transparent #333333 transparent transparent; + right: auto; + left: -10px; + top: 50%; + margin-top: -5px; } } +[class*="block-grid-"] { + display: block; + padding: 0; + margin: 0 -0.625rem; } + [class*="block-grid-"]:before, [class*="block-grid-"]:after { + content: " "; + display: table; } + [class*="block-grid-"]:after { + clear: both; } + [class*="block-grid-"] > li { + display: block; + height: auto; + float: left; + padding: 0 0.625rem 1.25rem; } + +@media only screen { + .small-block-grid-1 > li { + width: 100%; + list-style: none; } + .small-block-grid-1 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; } + + .small-block-grid-2 > li { + width: 50%; + list-style: none; } + .small-block-grid-2 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-2 > li:nth-of-type(2n+1) { + clear: both; } + + .small-block-grid-3 > li { + width: 33.33333%; + list-style: none; } + .small-block-grid-3 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-3 > li:nth-of-type(3n+1) { + clear: both; } + + .small-block-grid-4 > li { + width: 25%; + list-style: none; } + .small-block-grid-4 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-4 > li:nth-of-type(4n+1) { + clear: both; } + + .small-block-grid-5 > li { + width: 20%; + list-style: none; } + .small-block-grid-5 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-5 > li:nth-of-type(5n+1) { + clear: both; } + + .small-block-grid-6 > li { + width: 16.66667%; + list-style: none; } + .small-block-grid-6 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-6 > li:nth-of-type(6n+1) { + clear: both; } + + .small-block-grid-7 > li { + width: 14.28571%; + list-style: none; } + .small-block-grid-7 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-7 > li:nth-of-type(7n+1) { + clear: both; } + + .small-block-grid-8 > li { + width: 12.5%; + list-style: none; } + .small-block-grid-8 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-8 > li:nth-of-type(8n+1) { + clear: both; } + + .small-block-grid-9 > li { + width: 11.11111%; + list-style: none; } + .small-block-grid-9 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-9 > li:nth-of-type(9n+1) { + clear: both; } + + .small-block-grid-10 > li { + width: 10%; + list-style: none; } + .small-block-grid-10 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-10 > li:nth-of-type(10n+1) { + clear: both; } + + .small-block-grid-11 > li { + width: 9.09091%; + list-style: none; } + .small-block-grid-11 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-11 > li:nth-of-type(11n+1) { + clear: both; } + + .small-block-grid-12 > li { + width: 8.33333%; + list-style: none; } + .small-block-grid-12 > li:nth-of-type(1n) { + clear: none; } + .small-block-grid-12 > li:nth-of-type(12n+1) { + clear: both; } } +@media only screen and (min-width: 40.063em) { + .medium-block-grid-1 > li { + width: 100%; + list-style: none; } + .medium-block-grid-1 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; } + + .medium-block-grid-2 > li { + width: 50%; + list-style: none; } + .medium-block-grid-2 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-2 > li:nth-of-type(2n+1) { + clear: both; } + + .medium-block-grid-3 > li { + width: 33.33333%; + list-style: none; } + .medium-block-grid-3 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-3 > li:nth-of-type(3n+1) { + clear: both; } + + .medium-block-grid-4 > li { + width: 25%; + list-style: none; } + .medium-block-grid-4 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-4 > li:nth-of-type(4n+1) { + clear: both; } + + .medium-block-grid-5 > li { + width: 20%; + list-style: none; } + .medium-block-grid-5 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-5 > li:nth-of-type(5n+1) { + clear: both; } + + .medium-block-grid-6 > li { + width: 16.66667%; + list-style: none; } + .medium-block-grid-6 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-6 > li:nth-of-type(6n+1) { + clear: both; } + + .medium-block-grid-7 > li { + width: 14.28571%; + list-style: none; } + .medium-block-grid-7 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-7 > li:nth-of-type(7n+1) { + clear: both; } + + .medium-block-grid-8 > li { + width: 12.5%; + list-style: none; } + .medium-block-grid-8 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-8 > li:nth-of-type(8n+1) { + clear: both; } + + .medium-block-grid-9 > li { + width: 11.11111%; + list-style: none; } + .medium-block-grid-9 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-9 > li:nth-of-type(9n+1) { + clear: both; } + + .medium-block-grid-10 > li { + width: 10%; + list-style: none; } + .medium-block-grid-10 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-10 > li:nth-of-type(10n+1) { + clear: both; } + + .medium-block-grid-11 > li { + width: 9.09091%; + list-style: none; } + .medium-block-grid-11 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-11 > li:nth-of-type(11n+1) { + clear: both; } + + .medium-block-grid-12 > li { + width: 8.33333%; + list-style: none; } + .medium-block-grid-12 > li:nth-of-type(1n) { + clear: none; } + .medium-block-grid-12 > li:nth-of-type(12n+1) { + clear: both; } } +@media only screen and (min-width: 64.063em) { + .large-block-grid-1 > li { + width: 100%; + list-style: none; } + .large-block-grid-1 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; } + + .large-block-grid-2 > li { + width: 50%; + list-style: none; } + .large-block-grid-2 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-2 > li:nth-of-type(2n+1) { + clear: both; } + + .large-block-grid-3 > li { + width: 33.33333%; + list-style: none; } + .large-block-grid-3 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-3 > li:nth-of-type(3n+1) { + clear: both; } + + .large-block-grid-4 > li { + width: 25%; + list-style: none; } + .large-block-grid-4 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-4 > li:nth-of-type(4n+1) { + clear: both; } + + .large-block-grid-5 > li { + width: 20%; + list-style: none; } + .large-block-grid-5 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-5 > li:nth-of-type(5n+1) { + clear: both; } + + .large-block-grid-6 > li { + width: 16.66667%; + list-style: none; } + .large-block-grid-6 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-6 > li:nth-of-type(6n+1) { + clear: both; } + + .large-block-grid-7 > li { + width: 14.28571%; + list-style: none; } + .large-block-grid-7 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-7 > li:nth-of-type(7n+1) { + clear: both; } + + .large-block-grid-8 > li { + width: 12.5%; + list-style: none; } + .large-block-grid-8 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-8 > li:nth-of-type(8n+1) { + clear: both; } + + .large-block-grid-9 > li { + width: 11.11111%; + list-style: none; } + .large-block-grid-9 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-9 > li:nth-of-type(9n+1) { + clear: both; } + + .large-block-grid-10 > li { + width: 10%; + list-style: none; } + .large-block-grid-10 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-10 > li:nth-of-type(10n+1) { + clear: both; } + + .large-block-grid-11 > li { + width: 9.09091%; + list-style: none; } + .large-block-grid-11 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-11 > li:nth-of-type(11n+1) { + clear: both; } + + .large-block-grid-12 > li { + width: 8.33333%; + list-style: none; } + .large-block-grid-12 > li:nth-of-type(1n) { + clear: none; } + .large-block-grid-12 > li:nth-of-type(12n+1) { + clear: both; } } diff --git a/assets/styles/dashboard/dashboard.scss b/assets/styles/dashboard/dashboard.scss index df030d25..de782631 100644 --- a/assets/styles/dashboard/dashboard.scss +++ b/assets/styles/dashboard/dashboard.scss @@ -1,3 +1,634 @@ -h1 { - color: #A80000; +html, body { + font-family : 'Source Sans Pro', Helvetica, sans-serif; + font-size : 16px; + line-height : 1.2em; + color : #838b8c; + margin : 0; + padding : 0; } + +a { + text-decoration : none; +} + +.no-padding { + padding : 0; +} + +#top { + position: static; + height : 55px; + font-size : 15px; + color : #e9e9e9; + line-height : 28px; + background : #404650; + overflow: hidden; +} + +#logo { + float : left; + width : 123px; + height : 55px; + margin-right : 14px; + text-indent : -9999px; + background : #dc4136 url('/images/dashboard/travis-logo.svg') no-repeat 20px 18px; +} + +.status-graph { + background : url('/images/dashboard/health-stats.svg') no-repeat; + background : contain; + margin-top : 17px; + height : 18px; + width : 78px; + text-indent : -9999px; +} + +#top #nav { + margin-top : 9px; +} + +#top #nav li { + margin-right : 15px; +} + +#top ul, li { + list-style-type : none; + display : inline-block; + padding : 0; + line-height : 14px; + margin-top : 6px; +} + +#top a { + color : #ffffff; +} + +#top a:hover { + color : #ADC7D0; +} + +#top p { + display : inline-block; +} + +#user { + text-align : right; + cursor : pointer; +} + +#user p { + display : none; +} + +#top img { + float : right; + margin : 5px 10px 0 10px; + width : 30px; + height : 30px; + border-radius : 100px; + -webkit-border-radius : 100px; + -moz-border-radius : 100px; +} + +#user ul { + text-align : left; + display : inline; + margin : 0; + padding : 15px 0 17px 0; + list-style : none; + z-index : 1000; +} + +#user ul li ul { + padding : 0; + position : absolute; + top : 45px; + right : 0; + width : 150px; + display : none; + opacity : 0; + visibility : hidden; +} + +#user ul li ul li { + background : #404650; + color : #ffffff; + display : block; + line-height : 18px; + padding : 8px 18px; + margin : 0; +} + +#user ul li ul li:last-child { + border-bottom-left-radius : 4px; + border-bottom-right-radius : 4px; +} + +#user ul li ul li:hover { + background : #5e869a; + color : #ffffff; +} + +#user ul li:hover ul { + display : block; + opacity : 1; + visibility : visible; +} + +.current-org-avatar { + display : inline-block; + height : 20px; + width : 20px; + vertical-align: top; + margin : -5px 5px 0 0; +} + +#filters-search { + background : #ffffff; + font-size : 14px; + padding : 5px 0 5px 0; + max-height : 44px; +} + +#filters { + float : left; +} + +#filters ul { + text-align : left; + display : inline; + margin : 0; + padding : 0; + list-style : none; + z-index : 1000; +} + +#filters ul li { + background : #fff; + position : relative; + display : inline-block; + padding : 10px 0 10px 0; + margin-right : -4px; + margin-top : 0; + cursor : pointer; + border-radius : 0px; + -webkit-border-radius : 0px; + -moz-border-radius : 0px; +} + +#filters li.filters-start:hover { + background-color : #fff; +} + +#filters ul li ul { + padding : 0; + position : absolute; + top : 35px; + left : 0; + width : 200px; + display : none; + opacity : 0; + visibility : hidden; + box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4); + -webkit-box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4); + -moz-box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4); +} + +#filters ul li ul li { + display : block; + line-height : 23px; + padding-left : 20px; +} + +#filters ul li ul li:first-child { + border-top-left-radius : 4px; + border-top-right-radius : 4px; +} + +#filters ul li ul li:last-child { + border-bottom-left-radius : 4px; + border-bottom-right-radius : 4px; +} + +#filters ul li ul li div { + display : inline-block; + width : 20px; + height : 20px; + margin-right : 5px; + text-indent : -9999px; + border-radius : 100px; + -webkit-border-radius : 100px; + -moz-border-radius : 100px; +} + +.org-travisci { + background : url('/images/dashboard/orgs-travisci.png') no-repeat; + background-size : contain; +} + +.org-saltinejustine { + background : url('/images/dashboard/orgs-saltinejustine.png') no-repeat; + background-size : contain; +} + +.org-openkarma { + background : url('/images/dashboard/orgs-openkarma.png') no-repeat; + background-size : contain; +} + +.org-eurucamp { + background : url('/images/dashboard/orgs-eurucamp.png') no-repeat; + background-size : contain; +} + +#filters ul li ul li:hover { + background : #5e869a; + color : #ffffff; +} + +#filters ul li:hover ul { + display : block; + opacity : 1; + visibility : visible; +} + +#views { + float : left; +} + +#views ul { + text-align : left; + display : inline; + margin : 0; + padding : 0; + list-style : none; + z-index : 1000; +} + +#views ul li { + background : #fff; + position : relative; + display : inline-block; + padding : 10px 0 10px 0; + margin-right : -4px; + margin-top : 0; + cursor : pointer; + border-radius : 0px; + -webkit-border-radius : 0px; + -moz-border-radius : 0px; +} + +#views li.views-start:hover { + background-color : #fff; +} + +#views ul li ul { + padding : 0; + position : absolute; + top : 35px; + left : 0; + width : 200px; + display : none; + opacity : 0; + visibility : hidden; + box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4); + -webkit-box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4); + -moz-box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4); +} + +#views ul li ul li { + display : block; + line-height : 23px; + padding-left : 20px; +} + +#views ul li ul li:first-child { + border-top-left-radius : 4px; + border-top-right-radius : 4px; +} + +#views ul li ul li:last-child { + border-bottom-left-radius : 4px; + border-bottom-right-radius : 4px; +} + +#views ul li ul li:hover { + background : #5e869a; + color : #ffffff; +} + +#views ul li:hover ul { + display : block; + opacity : 1; + visibility : visible; +} + +.currently-selected { + font-weight : 600; +} + +.arrow-down { + width : 0; + height : 0; + display : inline-block; + padding-top : 2px; + margin-left : 5px; + border-left : 5px solid transparent; + border-right : 5px solid transparent; + border-top : 5px solid #9d9fa1; +} + +#search { + float : right; +} + +#search ul { + text-align : left; + margin : 0; + padding-left : 0; + list-style : none; +} + +#search ul li { + position : relative; + display : inline-block; + padding : 9px 0 8px 0; + margin-top : 0; + width : 158px; + line-height : 17px; +} + +.search-icon { + background : url('/images/dashboard/search-icon.svg') no-repeat; + background-size : contain; + display : inline-block; + float : right; + height : 16px; + width : 16px; + text-indent : -9999px; +} + +.tiles { + background : #f4f3ea; + padding : 30px 0 10px 0; +} + +.tile { + background : #fff; + min-height : 125px; + color : #9d9fa1; + font-size : 14px; + margin-bottom : 20px; + padding : 0 10px 0 0; + border-radius : 4px; + -webkit-border-radius : 4px; + -moz-border-radius : 4px; +} + +.build-passed { + position : absolute; + background : #3ba85d url('/images/dashboard/status-passed.svg') no-repeat 7px 10px; + background-size : 20px 20px; + min-height : 125px; + width : 33px; + border-radius : 4px 0 0 4px; +} + +.build-failed { + position : absolute; + background : #d04729 url('/images/dashboard/status-failed.svg') no-repeat 7px 10px; + background-size : 20px 20px; + min-height : 125px; + width : 33px; + border-radius : 4px 0 0 4px; +} + +.build-pending { + position : absolute; + background : #d2ca28 url('/images/dashboard/status-pending.svg') no-repeat 7px 10px; + background-size : 20px 20px; + min-height : 125px; + width : 33px; + border-radius : 4px 0 0 4px; +} + +.build-errored { + position : absolute; + background : #bec0c2 url('/images/dashboard/status-errored.svg') no-repeat 7px 10px; + background-size : 20px 20px; + min-height : 125px; + width : 33px; + border-radius : 4px 0 0 4px; +} + +.tile .build-information { + padding-left : 45px; + padding-top : 8px; +} + +.tile .org { + margin : 0; +} + +.tile .repo { + font-size : 20px; + display : inline-block; + margin : 0; + max-width : 250px; + white-space : nowrap; + overflow : hidden; + text-overflow : ellipsis; +} + +p.org.passed { + color : #3ba85d; +} + +p.org.failed { + color : #d04729; +} + +p.org.pending { + color : #848032; +} + +p.org.errored { + color : #999999; +} + +p.repo.passed { + color : #3ba85d; +} + +p.repo.failed { + color : #d04729; +} + +p.repo.pending { + color : #848032; +} + +p.repo.errored { + color : #999999; +} + +p.build-status { + position : absolute; + bottom : 25px; +} + +p.build-status.passed { + color : #3ba85d; +} + +p.build-status.failed { + color : #d04729; +} + +p.build-status.pending { + color : #848032; +} + +p.repo.errored { + color : #999999; +} + +.duration, .finished { + margin-top : 8px; + background-repeat: no-repeat; + background-position: 0 1px; +} + +.duration { + background-image: url('/images/dashboard/time.svg'); + background-size : 11px 11px; + text-indent : 15px; + line-height : 13px; +} + +.finished { + background-image: url('/images/dashboard/cal.svg'); + background-size : 11px 11px; + text-indent : 15px; + line-height : 14px; +} + +.build-status { + margin-bottom : 0; +} + +.tile .star-feature { + position : absolute; + top : 0; + right : 0; + background : url('/images/dashboard/star-on.svg') no-repeat 7px 10px; + background-size : 20px 20px; +} + +.if_private { + display : inline-block; + background : url('/images/dashboard/private-icon.svg') no-repeat 0 0; + background-size : contain; + height : 12px; + width : 9px; + margin-left : 5px; + text-indent : -9999px; +} + +footer { + padding : 20px 0; + background-color : #e0e0e0; + min-height : 65px; + font-size : 12px; + line-height : 22px; + margin-top: -334px; /* sticky footer */ +} + +.wrapper { + padding-bottom: 334px; + min-height: 100%; + height: auto; +} +@media (min-width: 640px) { + .wrapper { + padding-bottom: 204px; + } + footer { + margin-top: -204px; + } +} + +footer h3 { + font-size : 15px; + margin : 0 0 10px 0; + padding-top : 6px; + font-weight : 400; + color : #8f9ba2; + border-top : solid 4px #ccd0d5; +} + +footer .row p { + display : inline-block; + margin : 0; +} + +footer .row ul, +footer .row li { + display : block; + color : #404650; + line-height : 22px; + padding : 0; + margin-top : 0; + list-style-type : none; +} + +footer a { + text-decoration : none; + display : inline-block; + color : #404650; +} + +footer a:hover, +footer a:active { + text-decoration : underline; +} + +a { + text-decoration : none; + display : block; + color : #404650; +} + +.status-circle { + background : #3ba85d; + display : inline-block; + height : 11px; + width : 11px; + text-indent : -9999px; + margin-right : 5px; + border-radius : 100px; + -webkit-border-radius : 100px; + -moz-border-radius : 100px; + vertical-align: middle; +} + + +@media only screen and (min-width: 64.063em) { + #top img { + margin : 5px 0 0 10px; + } +} + +@media only screen and (min-width: 640px) { + #top #status li { + display : inline-block; + } + + #user p { + display : inline-block; + } + + #search { + float : right; + } +} \ No newline at end of file diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css deleted file mode 100644 index 5a39a2c8..00000000 --- a/public/styles/dashboard.css +++ /dev/null @@ -1,4 +0,0 @@ -/* line 1, /Users/drogus/code/travis/travis-web/assets/styles/dashboard/dashboard.scss */ -h1 { - color: #A80000; -}