Jared Cosulich
9 years ago
parent
df2ea95ceb
commit
e93f12c22a
@ -0,0 +1,7 @@
|
||||
$primary-color: #9e9e9e; // grey
|
||||
$darkgrey: #212121;
|
||||
$lightgrey: #e0e0e0;
|
||||
$lightgreen: #C8E6C9; // lightgreen
|
||||
$lightred: #FFCDD2; // lightred
|
||||
$lightyellow: #fcf5e2; // lightyellow
|
||||
$orange: #ffab40; // orange
|
||||
@ -1,15 +0,0 @@
|
||||
/*
|
||||
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
||||
* listed below.
|
||||
*
|
||||
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
||||
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
|
||||
*
|
||||
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
||||
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
|
||||
* files in this directory. Styles in this file should be added after the last require_* statement.
|
||||
* It is generally better to create a new file per style scope.
|
||||
*
|
||||
*= require_tree .
|
||||
*= require_self
|
||||
*/
|
||||
@ -0,0 +1,3 @@
|
||||
@import "bootstrap";
|
||||
@import "scaffolds";
|
||||
@import "recipients";
|
||||
@ -1,89 +1,46 @@
|
||||
@import 'variables';
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
font-family: verdana, arial, helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
margin: 33px;
|
||||
}
|
||||
|
||||
p, ol, ul, td {
|
||||
font-family: verdana, arial, helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
font-family: 'Roboto', sans-serif; font-size: 13px;
|
||||
line-height: 18px;
|
||||
margin: 33px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: #eee;
|
||||
padding: 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
|
||||
&:visited {
|
||||
color: #666;
|
||||
.notice, .alert, .subscription, .highlight {
|
||||
margin-top: 12px;
|
||||
padding: 24px;
|
||||
text-align: center;
|
||||
border-radius: 12px;
|
||||
a, a:hover, a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding-bottom: 7px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
div {
|
||||
&.field, &.actions {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.notice {
|
||||
background-color: $lightgreen;
|
||||
}
|
||||
|
||||
#notice {
|
||||
color: green;
|
||||
.alert {
|
||||
background-color: $lightred;
|
||||
}
|
||||
|
||||
.field_with_errors {
|
||||
padding: 2px;
|
||||
background-color: red;
|
||||
display: table;
|
||||
.highlight {
|
||||
background-color: $lightyellow;
|
||||
}
|
||||
|
||||
#error_explanation {
|
||||
width: 450px;
|
||||
border: 2px solid red;
|
||||
padding: 7px;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 20px;
|
||||
background-color: #f0f0f0;
|
||||
|
||||
h2 {
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
padding: 5px 5px 5px 15px;
|
||||
font-size: 12px;
|
||||
margin: -7px;
|
||||
margin-bottom: 0;
|
||||
background-color: #c00;
|
||||
color: #fff;
|
||||
}
|
||||
header {
|
||||
border-bottom: 1px solid $primary-color;
|
||||
margin-bottom: 30px;
|
||||
|
||||
ul li {
|
||||
font-size: 12px;
|
||||
list-style: square;
|
||||
a, a:hover, a:visited {
|
||||
color: $darkgrey;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
footer {
|
||||
height: 90px;
|
||||
border-top: 1px solid #ccc;
|
||||
padding-top: 12px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@ -1,38 +1,10 @@
|
||||
%header.row
|
||||
.title.col.s9.m11.l8
|
||||
.hide-on-small-only
|
||||
%h5= link_to('Thoughtful<br/>Recommendations.com'.html_safe, root_path)
|
||||
.hide-on-med-and-up
|
||||
%h6= link_to('Thoughtful<br/>Recommendations.com'.html_safe, root_path)
|
||||
.title.col-sm-8
|
||||
%h2= link_to('EdContext'.html_safe, root_path)
|
||||
|
||||
.navigation.col.hide-on-med-and-down.l4.right-align
|
||||
.navigation.col-sm-4.text-right
|
||||
- if current_user
|
||||
- unless @limited_header
|
||||
- if current_user.profile.blank?
|
||||
= link_to 'Create Profile', new_profile_path, class: 'btn btn-small grey waves-effect waves-light '
|
||||
- else
|
||||
= link_to 'My Profile', direct_profile_path(current_user.profile), class: 'btn btn-small grey waves-effect waves-light '
|
||||
= link_to 'My Bucketlist', bucketlist_path, class: 'btn btn-small grey waves-effect waves-light '
|
||||
|
||||
= link_to 'Sign Out', destroy_user_session_path, rel: "nofollow", method: :delete, class: 'btn btn-small grey waves-effect waves-light '
|
||||
- else
|
||||
= link_to 'Login', new_user_session_path, class: 'btn btn-small grey waves-effect waves-light '
|
||||
= link_to 'Contribute / Sign Up', contribute_profile_recommendation_path, class: 'btn btn-small grey waves-effect waves-light '
|
||||
|
||||
.col.s3.m1.hide-on-large-only.right-align
|
||||
= link_to '<i class="mdi-navigation-menu medium black-text"></i>'.html_safe, '#', data: {activates: 'mobile-nav'}, class: 'button-collapse'
|
||||
#mobile-nav.side-nav
|
||||
%ul
|
||||
- if current_user
|
||||
- unless @limited_header
|
||||
- if current_user.profile.present?
|
||||
%li= link_to 'My Profile', direct_profile_path(current_user.profile)
|
||||
%li= link_to 'My Bucketlist', bucketlist_path
|
||||
%li= link_to 'Add Something', new_profile_recommendation_path
|
||||
- else
|
||||
%li= link_to 'Create Profile', new_profile_path
|
||||
|
||||
%li= link_to 'Sign Out', destroy_user_session_path, rel: "nofollow", method: :delete
|
||||
- else
|
||||
%li= link_to 'Login', new_user_session_path
|
||||
%li= link_to 'Contribute / Sign Up', contribute_profile_recommendation_path
|
||||
= link_to 'Register', new_user_registration_path, class: 'btn btn-small grey waves-effect waves-light '
|
||||
|
||||
Loading…
Reference in new issue