Permalink
Browse files

finished tweeking all of the other views

  • Loading branch information...
1 parent a37c6f6 commit 0cd3a30978f0b7f8bd20b73e2b5f1e4c539ef8ba @rauhryan rauhryan committed Dec 16, 2012
View
307 public/css/main.css
@@ -1,307 +0,0 @@
-@import url("../font/iconic.css");
-ul.repos, ul.repos li {
- list-style: none;
- margin: 0; }
-
-ul.repos li {
- margin: 0 0 8px 0;
- position: relative;
- overflow: hidden;
- border-bottom: 1px solid #ccc; }
-
-ul.repos li:last-child {
- border: 0;
- margin-bottom: 3px; }
-
-ul.repos li a {
- float: right;
- padding-top: 30px;
- position: relative;
- margin: 0 3px; }
-
-ul.repos li > span a {
- float: none; }
-
-ul.repos li a span {
- color: gray; }
-
-ul.repos li > span {
- font-size: 1.4em; }
-
-ul.repos li a strong {
- font-size: 2em;
- position: absolute;
- top: 3px;
- left: 10%; }
-
-ul.repos li a.btn {
- padding-top: 7px;
- margin-top: 7px; }
-
-#workqueue > div {
- margin: 0 0 40px 0; }
-
-ul.milestones .ui-sortable-placeholder {
- background: rgba(0, 0, 0, 0.1);
- list-style: none;
- padding: 20px 5px 15px 5px;
- margin: 10px 0;
- border-radius: 4px; }
-
-li.ui-state-dragging {
- border-radius: 4px;
- background: rgba(0, 104, 215, 0.25); }
-
-ul.milestones {
- list-style: none;
- counter-reset: milestone;
- margin: 0;
- padding: 10px 2px;
- padding-top: 0px; }
-
-ul.milestones li {
- margin: 0 0 4px 0;
- position: relative;
- cursor: move;
- padding-left: 10px; }
-
-ul.milestones li a {
- display: block;
- padding: 7px;
- margin-left: 20px; }
-
-ul.milestones li:before {
- content: counter(milestone);
- counter-increment: milestone;
- background: #CCC;
- border-radius: 20px;
- height: 20px;
- width: 20px;
- margin: 0px;
- text-align: center;
- vertical-align: middle;
- position: absolute;
- top: 7px;
- box-shadow: 0px 1px 2px #333;
- color: #333;
- cursor: move; }
-
-ul.milestones li a:first-letter {
- text-transform: capitalize; }
-
-ul.milestones li a em {
- float: right;
- font-style: normal;
- font-weight: normal; }
-
-ul.milestones li div {
- position: absolute;
- top: 0;
- left: 30%;
- width: 50%;
- background: #ccc;
- border-radius: 4px; }
-
-ul.milestones li div span {
- display: block;
- background: rgba(0, 0, 0, 0.3);
- padding: 7px 0;
- text-indent: -9999em;
- border-radius: 4px 0 0 4px;
- -moz-border-radius: 4px 0 0 4px; }
-
-table {
- width: 100%; }
-
-table td {
- vertical-align: top;
- padding: 0px 5px; }
- table td:first-child {
- padding-left: 0; }
- table td:last-child {
- padding-right: 0; }
-
-table h3 {
- line-height: 20px;
- margin: 10px 0;
- padding: 1em;
- font-size: 100%;
- text-align: center; }
-
-table ul {
- margin: 0;
- padding: 0; }
-
-table li.drop-shadow {
- list-style: none;
- padding: 5px 5px 30px 5px;
- margin: 10px 0;
- cursor: move;
- position: relative; }
-
-table li .title {
- border-bottom: 1px solid #cccccc;
- padding: 5px 0;
- color: #444444; }
-
-table li .milestone a {
- color: #999999;
- font-size: 11px;
- cursor: pointer; }
-
-table li img {
- position: absolute;
- bottom: 3px;
- left: 3px;
- border-radius: 2px; }
-
-table li a.number {
- position: absolute;
- bottom: 6px;
- right: 3px;
- font-size: 2em; }
-
-table li a.close {
- position: absolute;
- top: 12px;
- right: 3px;
- font-size: 30px;
- color: red;
- opacity: 0.0; }
-
-table li:hover a.close {
- opacity: 0.3; }
-
-table li a.close:hover {
- opacity: 0.5;
- color: red; }
-
-table li a small {
- color: #999999;
- padding-right: 2px; }
-
-table .ui-sortable-placeholder {
- background: #cccccc;
- list-style: none;
- padding: 80px 5px 10px 5px;
- margin: 10px 0; }
-
-table .ui-sortable-hover {
- background: #efefef; }
-
-#drawer {
- position: absolute;
- width: 252px;
- top: 0;
- left: 270px; }
-
-.toggle-drawer {
- position: absolute;
- z-index: 5;
- margin: 5px;
- padding: 5px;
- font-size: 19px; }
-
-.toggle-drawer:hover {
- text-decoration: none; }
-
-.toggle-drawer span {
- position: relative; }
-
-.filters {
- list-style: none;
- margin: 0;
- padding: 0 20px 0 0; }
-
-.filters li {
- position: relative;
- margin: 10px 0;
- background: #fff;
- border-radius: 4px; }
-
-.filters li.clear-filters, .filters li.clear-filters a {
- background: none;
- color: #666666; }
-
-.filters li.clear-filters {
- border-radius: 0;
- border-bottom: 1px solid #444444; }
-
-.filters li.clear-filters a:hover {
- color: #666666; }
-
-.filters li.state-active, .state-active a, .state-active a:hover {
- background: #0069D6;
- color: white;
- text-decoration: none;
- border-radius: 4px; }
-
-.filters li a {
- padding: 10px;
- display: block;
- font-weight: bold;
- padding-right: 25px;
- text-decoration: none;
- border-radius: 4px;
- color: #777; }
-
-.filters li a strong {
- position: absolute;
- top: 12px;
- right: 10px; }
-
-body, html {
- height: 100%; }
-
-#wrapper {
- height: auto !important;
- height: 100%;
- min-height: 100%;
- margin-bottom: -60px; }
-
-#footer, #footer-pusher {
- min-height: 60px; }
-
-#footer {
- background-color: #353535;
- color: #676767;
- color: rgba(255, 255, 255, 0.3);
- text-shadow: -1px -1px rgba(0, 0, 0, 0.4); }
-
-.hide {
- display: none; }
-
-.breadcrumb {
- margin: -43px 0 7px 0; }
-
-#main-stage {
- margin-top: 50px;
- margin-bottom: 50px; }
-
-.container-fluid {
- position: relative; }
- .container-fluid > .sidebar {
- width: 230px;
- position: absolute;
- border-right: 1px solid #ccc;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
- .container-fluid > .content {
- margin-left: 250px; }
-
-.drop-shadow, .filters li a {
- position: relative;
- padding: 1em;
- background: #fff;
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 1px rgba(0, 0, 0, 0.1);
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 1px rgba(0, 0, 0, 0.1); }
-
-.instructions {
- text-align: center; }
-
-.instructions ol {
- width: 30px;
- text-align: left;
- margin-left: auto;
- margin-right: auto; }
View
132 public/css/marketing.css
@@ -1,132 +0,0 @@
-.hb-button {
- border: 1px solid #076fe4;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-shadow: compact(inset 0 1px 0 0 #8ebcf1, false, false, false, false, false, false, false, false);
- box-shadow: compact(inset 0 1px 0 0 #8ebcf1, false, false, false, false, false, false, false, false);
- color: white;
- display: inline-block;
- font-size: 11px;
- font-weight: bold;
- background-color: #4294f0;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#4294f0, #0776f3, false, false, false, false, false, false, false, false)));
- background-image: -webkit-linear-gradient(top, compact(#4294f0, #0776f3, false, false, false, false, false, false, false, false));
- background-image: -moz-linear-gradient(top, compact(#4294f0, #0776f3, false, false, false, false, false, false, false, false));
- background-image: -ms-linear-gradient(top, compact(#4294f0, #0776f3, false, false, false, false, false, false, false, false));
- background-image: -o-linear-gradient(top, compact(#4294f0, #0776f3, false, false, false, false, false, false, false, false));
- background-image: linear-gradient(top, compact(#4294f0, #0776f3, false, false, false, false, false, false, false, false));
- padding: 7px 18px;
- text-decoration: none;
- text-shadow: 0 1px 0 #0065d6;
- -webkit-background-clip: padding-box;
- text-align: center; }
- .hb-button:hover:not(:disabled) {
- -webkit-box-shadow: compact(inset 0 1px 0 0 #60a2ec, false, false, false, false, false, false, false, false);
- box-shadow: compact(inset 0 1px 0 0 #60a2ec, false, false, false, false, false, false, false, false);
- cursor: pointer;
- background-color: #2f87ea;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#2f87ea, #086fe3, false, false, false, false, false, false, false, false)));
- background-image: -webkit-linear-gradient(top, compact(#2f87ea, #086fe3, false, false, false, false, false, false, false, false));
- background-image: -moz-linear-gradient(top, compact(#2f87ea, #086fe3, false, false, false, false, false, false, false, false));
- background-image: -ms-linear-gradient(top, compact(#2f87ea, #086fe3, false, false, false, false, false, false, false, false));
- background-image: -o-linear-gradient(top, compact(#2f87ea, #086fe3, false, false, false, false, false, false, false, false));
- background-image: linear-gradient(top, compact(#2f87ea, #086fe3, false, false, false, false, false, false, false, false)); }
- .hb-button:active:not(:disabled) {
- border: 1px solid #076fe4;
- -webkit-box-shadow: compact(inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false);
- box-shadow: compact(inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); }
- .hb-button:disabled {
- opacity: 0.5;
- cursor: not-allowed; }
- .hb-button:hover {
- color: #FFF;
- text-decoration: none; }
-
-body {
- font-family: "ProximaNovaRegular", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; }
-
-.navbar .navbar-inner {
- background: #f8f8f8;
- box-shadow: none; }
-
-.navbar .brand {
- line-height: 90px;
- padding-top: 0;
- padding-bottom: 0;
- color: rgba(255, 255, 255, 0.3);
- text-shadow: -1px -1px rgba(0, 0, 0, 0.4);
- font-family: "ProximaNovaBold", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
- font-weight: bold;
- font-size: 40px; }
- .navbar .brand:hover {
- color: rgba(255, 255, 255, 0.3);
- text-shadow: -1px -1px rgba(0, 0, 0, 0.7); }
-
-.navbar .nav > li > a {
- font-family: "ProximaNovaRegular", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
- font-size: 18px;
- line-height: 90px;
- padding-top: 0;
- padding-bottom: 0; }
-
-body, html {
- height: 100%; }
-
-#wrapper {
- height: auto !important;
- height: 100%;
- min-height: 100%;
- margin-bottom: -60px; }
-
-#footer, #footer-pusher {
- min-height: 60px; }
-
-#footer {
- background-color: #353535;
- color: #676767;
- color: rgba(255, 255, 255, 0.3);
- text-shadow: -1px -1px rgba(0, 0, 0, 0.4); }
-
-@font-face {
- font-family: 'ProximaNovaRegular';
- src: url("../font/proximanova-regular-webfont.eot");
- src: local("ProximaNovaRegular"), url("../font/proximanova-regular-webfont.woff") format("woff"), url("../font/proximanova-regular-webfont.ttf") format("truetype"); }
-
-@font-face {
- font-family: 'ProximaNovaBold';
- src: url("../font/proximanova-bold-webfont.eot");
- src: local("ProximaNovaBold"), url("../font/proxima_nova_bold-webfont.woff") format("woff"), url("../font/proxima_nova_bold-webfont.ttf") format("truetype"); }
-
-.preamble {
- background-color: #353535;
- color: #676767;
- color: rgba(255, 255, 255, 0.3);
- text-shadow: -1px -1px rgba(0, 0, 0, 0.4);
- padding-top: 60px; }
- .preamble h1 {
- color: #f8f8f8;
- color: rgba(248, 248, 248, 0.9);
- text-shadow: -1px -1px rgba(0, 0, 0, 0.1); }
- .preamble h1, .preamble h2 {
- font-family: "ProximaNovaBold", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; }
- .preamble .hb-button {
- margin: 0 auto;
- width: 200px;
- display: block;
- padding: 20px;
- font-size: 24px;
- font-weight: bold; }
- .preamble .sign-up {
- margin-top: 80px; }
-
-.features {
- padding-bottom: 100px;
- padding-top: 100px; }
- .features h3, .features h2 {
- font-family: "ProximaNovaBold", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; }
-
-.gutter {
- background-color: #f5f5f5;
- -webkit-box-shadow: inset 0px 0px 2px #cccccc;
- -moz-box-shadow: inset 0px 0px 2px #cccccc;
- box-shadow: inset 0px 0px 2px #cccccc; }
View
73 public/css/scss/_board.scss
@@ -3,48 +3,32 @@
padding-right: 25px;
padding-left: 25px;
}
-.header {
- font-size: 24px;
-
- .author{
- color: #08C;
- font-weight: normal;
- }
- .repo {
- color: #08C;
- }
- input {
- border: 0;
- outline: 0;
- background: #fff;
- vertical-align: baseline;
- line-height: 40px;
- margin: 0;
- padding:0;
- font-size: 24px;
- }
-}
.toggle-drawer {
position:absolute;
z-index:5;
+
margin: 0px;
padding: 10px;
+ border: 1px solid #ccc;
+ @include prefixer(border-radius, 20px);
+ @include box-sizing(border-box);
+ width:40px;
line-height: 20px;
+
background: #fff;
- width:40px;
+ background: rgba(255,255,255,0.8);
text-align: center;
- @include box-sizing(border-box);
- @include prefixer(border-radius, 20px);
- border: 1px solid #ccc;
&.arrow-right {
right: -35px;
+
background-color: #0069D6;
background-color: rgba(0,105,214,0.6);
border-color: #0069D6;
border-color: rgba(0,105,214,0.6);
color: #fff;
+
&:hover {
right: -40px;
color: #fff;
@@ -142,9 +126,7 @@
}
}
}
-}
-.column li {
.card-header {
border-bottom: 1px solid $borderColor;
padding: 5px 0;
@@ -155,27 +137,26 @@
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
- }
+ }
+ .milestone a {
+ color: $lightGrey;
+ font-size:11px;
+ cursor:pointer;
+ }
+ img {
+ position: absolute;
+ bottom:5px;
+ left: 5px;
+ }
+ .number {
+ position: absolute;
+ vertical-align: bottom;
+ bottom:5px;
+ right: 5px;
+ font-size:2em;
+ }
}
-.column li .milestone a {
- color: $lightGrey;
- font-size:11px;
- cursor:pointer;
-}
-.column li img {
- position: absolute;
- bottom:5px;
- left: 5px;
- border-radius: 2px;
-}
-.column li a.number {
- position: absolute;
- vertical-align: bottom;
- bottom:5px;
- right: 5px;
- font-size:2em;
-}
.column li a.close {
position: absolute;
View
22 public/css/scss/_header.scss
@@ -0,0 +1,22 @@
+.header {
+ font-size: 24px;
+
+ .author{
+ color: #08C;
+ font-weight: normal;
+ }
+ .repo {
+ color: #08C;
+ }
+ input {
+ border: 0;
+ outline: 0;
+ background: #fff;
+ vertical-align: baseline;
+ line-height: 40px;
+ margin: 0;
+ padding:0;
+ font-size: 24px;
+ }
+}
+
View
6 public/css/scss/main.scss
@@ -4,6 +4,7 @@
@import "repos";
@import "milestones";
@import "board";
+@import "header";
@import "footer";
.navbar {
@@ -69,12 +70,15 @@
position:relative;
padding:1em;
background:#fff;
- @include box-shadow( 0 1px 2px rgba(0,0,0, 0.3), inset 0 0 1px rgba(0,0,0,0.1) );
+ border: 1px solid #f2f2f2;
+ border-bottom-color: darken(#f2f2f2, 5%);
+ @include box-shadow( 0 1px 2px rgba(0,0,0, 0.4));
}
.instructions {
text-align: center;
+ margin-top: 60px;
}
.instructions ol {
width: 30px;
View
2 views/create_board.erb
@@ -1,4 +1,4 @@
- <div class="instructions drop-shadow lifted">
+ <div class="instructions drop-shadow">
<h2> We noticed you haven't setup your repository </h2>
<p> Huboard can get you started with a default set up </p>
<ol>
View
16 views/index.erb
@@ -1,12 +1,16 @@
-<div>
- <ul class="breadcrumb">
+<% content_for :header do %>
+ <h1 class="header">
<% if (@filtered.nil?) %>
- <li class="active">Repos</li>
+ <span class="author">Repos</span>
+ /
<% else %>
- <li><a href="/">Repos</a> <span class="divider">/</span></li>
- <li class="active"><%= @filtered %></li>
+ <span class="author"><%= @filtered %></span>
+ /
<% end %>
-</ul>
+ </h1>
+
+<% end %>
+<div>
<ul class="repos drop-shadow ">
<% @repos.each do |repo| %>
<li class="repo">
View
1 views/layout.erb
@@ -56,6 +56,7 @@
</div>
</div>
<div class="container" id="main-stage">
+ <% yield_content :header %>
<%= yield %>
</div>
View
9 views/milestones.erb
@@ -3,6 +3,15 @@
<% content_for :title do %><%=@parameters[:repo]%> :: <% end %>
+<% content_for :header do %>
+ <h1 class="header">
+ <span class="author"><%= h @parameters[:user] %></span>
+ /
+ <span class="repo"><%= h @parameters[:repo] %></span>
+ </h1>
+
+<% end %>
+
<% content_for :navigation do %>
<li class="active">

0 comments on commit 0cd3a30

Please sign in to comment.