From 09763dbf6a6f24263cdff535a3aca64da35a0abb Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Wed, 13 Jun 2018 22:14:05 -0700 Subject: Initial commit --- app.css | 130 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 130 insertions(+) create mode 100644 app.css (limited to 'app.css') diff --git a/app.css b/app.css new file mode 100644 index 0000000..7a4c255 --- /dev/null +++ b/app.css @@ -0,0 +1,130 @@ +body { + font-family: 'Raleway', sans-serif; + background-color: #F5F5F5; + height: 100%; } + body h1, body h2, body h3, body h4, body h5, body h6 { + font-family: 'Lato', sans-serif; } + body h1 { + font-size: 2rem; } + body h2 { + font-size: 1.7rem; + margin-top: 3rem; + margin-bottom: 1rem; } + body h2 .fa { + margin-right: 10px; + color: #4285f4; } + body h2 span { + font-weight: bold; + color: #4285f4; } + body [v-cloak] { + display: none; } + body #bighead { + color: #ffffff; } + body #bighead .dashboard-title { + padding: 6px 0 0 80px; } + body #bighead .first-line { + height: 100px; + vertical-align: center; + background-color: #3367d6; } + body #bighead .first-line h1 { + margin-top: -12px; + font-size: 2rem; } + body #bighead .first-line .headline { + margin-top: 5px; + font-size: 0.9rem; } + body #bighead .first-line .container { + height: 80px; + padding: 10px 0; } + body #bighead .first-line img { + float: left; + max-height: 70px; + max-width: 70px; + padding: 10px; } + body #bighead .navbar { + background-color: #4285f4; } + body #bighead .navbar a { + color: #152138; } + body #bighead .navbar a:hover { + background-color: #5a95f5; } + body #main-section { + margin-bottom: 3rem; + padding: 0; } + body #main-section h2 { + border-bottom: 1px dashed #ccc; + padding-bottom: 10px; } + body #main-section .title { + font-size: 1.1em; } + body #main-section .subtitle { + font-size: .9em; } + body #main-section .column { + padding: 1.2rem .75rem; } + body #main-section .message { + margin-top: 45px; + box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); } + body #main-section .message .message-header { + font-weight: bold; } + body #main-section .message .message-body { + border: none; } + body .media-content { + overflow: inherit; } + body .tag { + color: #4285f4; + background-color: #4285f4; + position: absolute; + top: 1rem; + right: -0.3rem; + width: 3px; + overflow: hidden; + transition: all 0.2s ease-out; + padding: 0; } + body .card { + border-radius: 5px; + border: none; + box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); + transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; } + body .card:hover { + background-color: #FFFFFF; + transform: translate(0, -3px); } + body .card:hover .tag { + width: auto; + color: #ffffff; + padding: 0 0.75em; } + body .card-content { + height: 110px; } + body .footer { + position: fixed; + left: 0; + right: 0; + bottom: 0; + padding: 1rem 0.5rem; + text-align: left; + background-color: #fafafa; + border-top: 1px solid #F5F5F5; } + body .search-bar { + position: relative; } + body .search-bar #search { + border: none; + background-color: #5f98f6; + border-radius: 5px; + padding: 2px 12px 2px 30px; + margin: 10px 0; + transition: all 100ms linear; + color: #ffffff; + height: 30px; + width: 100px; } + body .search-bar #search:focus { + color: #000000; + width: 250px; + background-color: #ffffff; } + body .search-bar .search-label::before { + font-family: 'FontAwesome'; + position: absolute; + top: 12px; + left: 8px; + content: "\f002"; + width: 20px; + height: 20px; } + body .search-bar:focus-within .search-label::before { + color: #4a4a4a; } + +/*# sourceMappingURL=app.css.map */ -- cgit v1.2.3