work on layout

This commit is contained in:
Tyrel Souza 2014-11-07 14:59:19 -05:00
parent 0f65321029
commit e36172d337
3 changed files with 228 additions and 7 deletions

View File

@ -14,3 +14,176 @@
*= require_self
*= require bootstrap
*/
/* override bootstrap styles */
@import url('http://fonts.googleapis.com/css?family=Oswald:300,400:latin,latin-ext');
.navbar-form input, .form-inline input {
width:auto;
}
body {
color:#646464;
background-color:#FAFAFA;
}
h1,h2,h3,.highlight,.navbar a,#masthead h4 {
font-family:'Oswald',arial narrow,sans-serif;
}
footer {
margin-top:40px;
padding-top:40px;
padding-bottom:40px;
background-color:#cecece;
}
#masthead {
min-height:199px;
background-color:#0F63FF;
color:#aaaacc;
}
#masthead h1 {
font-size: 55px;
line-height: 1;
color:#fefeff;
margin-top:50px;
}
#masthead .well {
margin-top:31px;
background-color:#0F63FF;
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none ;
box-shadow: none;
color:#fff;
min-height:127px;
}
#topPanel {
padding-top:0px;
padding-left:22px;
padding-right:22px;
}
#topPanel .panel-body {
padding-top:0px;
}
.navbar.affix {
position:fixed;
top:0;
width:100%;
}
.top-spacer {
background-color:#ffffff;
height:40px;
}
a,a:hover {
color:#223344;
text-decoration:none;
}
.icon-bar {
background-color:#fff;
}
@media screen and (min-width: 768px) {
#masthead h1 {
font-size: 80px;
}
}
.navbar-bright {
background-color:#111166;
color:#fff;
margin-bottom: 0;
border-width: 0;
}
.navbar-bright a, .navbar-bright .navbar-brand, #masthead h4 {
color:#ccccdd;
font-size:14px;
text-transform: uppercase;
letter-spacing:.08em;
}
.navbar-bright li > a:hover {
background-color:#000044;
}
.dropdown-menu {
min-width: 250px;
}
.caret {
color:#fff;
}
.navbar-toggle {
color:#fff;
border-width:0;
}
.navbar-toggle:hover {
background-color:#fff;
}
.panel {
margin-top: -45px;
background-color: #fff;
border:3px solid #3AB1FE ! important;
border-radius:0;
padding:15px;
}
.thumbnail {
margin-bottom:8px;
}
.img-container {
overflow:hidden;
height:170px;
}
.img-container img {
min-width:280px;
min-height:180px;
max-width:380px;
max-height:280px;
}
.txt-container {
overflow:hidden;
height:100px;
}
.panel .lead {
overflow:hidden;
height:90px;
}
.label-float{
margin:0 auto;
position: absolute;
top: 0;
z-index: 1;
width:100%;
opacity:.9;
padding:6px;
color:#fff;
}
.btn-twitter {background-color:#4099FF;color:#fff;}
.btn-facebook {background-color:#3B5998;color:#fff;}
.btn-google-plus {background-color:#d34836;color:#fff;}
.btn-twitter:hover {background-color:#3088FF;color:#62BBFF;}
.btn-facebook:hover {background-color:#2A4998;color:#4C6BBA;}
.btn-google-plus:hover {background-color:#C23836;color:#E45A58;}

View File

@ -2,14 +2,66 @@
<html>
<head>
<title>Roadmap</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
<div id="masthead">
<div class="container">
<div class="row">
<div class="col-md-7">
<h1><%= link_to "Roadmap", root_path %>
<p class="lead"></p>
</h1>
</div>
<div class="col-md-5">
<div class="well well-lg">
<div class="row">
<div class="col-sm-12">
<%= link_to 'New Project', new_project_path %>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /cont -->
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<div class="row">
<%= yield %>
</div>
<!--/stories-->
</div>
</div>
</div>
<!--/col-12-->
</div>
</div>
</body>
</html>
</html>

View File

@ -1,7 +1,3 @@
<h1>Roadmap</h1>
<h2>Tech Marketing</h2>
<%= link_to 'New Project', new_project_path %>
<br>
<% if @active_projects.count > 0 %>