beenull/tellform
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

updated styles

Browse source
This commit is contained in:
David Baldwynn 2015-06-30 03:00:23 -07:00
parent 46d958a95d
commit c0ab6df74d
5 changed files with 60 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
public/modules/core/css/core.css
View file

@ -1,3 +1,14 @@
.navbar .navbar-brand {
font-size: 1.6em;
font-weight: 900;
color: #FA787E;
}
.navbar .navbar-brand span {
text-decoration: underline;
}
.content {
margin-top: 50px;
}
@ -21,4 +32,15 @@ body.ng-cloak
section > .jumbotron {
padding-top: 15px;
}
background-image: url(http://yourplaceandmine.ie/wp-content/uploads/2014/09/Daingean-meeting-048_13-1080x675.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
section > .jumbotron > .opacity-background {
background-color: rgba(70,51,51,0.5);
height:inherit;
width:inherit;
padding:inherit;
}

5
public/modules/core/views/header.client.view.html
View file

@ -7,7 +7,10 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/#!/" class="navbar-brand">MedForm</a>
<a href="/#!/" class="navbar-brand">
<!-- <i class="fa fa-5 fa-heartbeat"></i> -->
Med<span>Form</span>
</a>
</div>
<nav class="collapse navbar-collapse" collapse="!isCollapsed" role="navigation">
<ul class="nav navbar-nav" data-ng-if="menu.shouldRender(authentication.user);">

53
public/modules/core/views/home.client.view.html
View file

@ -1,30 +1,33 @@
<section data-ng-controller="HomeController">
<div class="jumbotron text-center">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
<!-- <img alt="MEAN.JS" class="img-responsive text-center" src="modules/core/img/brand/logo.png" /> -->
</div>
</div>
<br>
<div class="row" data-ng-if="!authentication.isAuthenticated()">
<p class="lead">
Make beautiful forms in a snap.
</p>
<br><br> <br><br>
<a class="btn btn-info">
Signup now
</a>
</div>
<div class="row" data-ng-if="authentication.isAuthenticated()">
<p class="lead">
Hi there {{authentication.user.displayName}}
</p>
</div>
<div class="row" data-ng-if="authentication.isAuthenticated()">
<p>
<a class="btn btn-primary btn-lg" href="http://meanjs.org" target="_blank">Learn more</a>
</p>
<div class="jumbotron text-center">
<div class="opacity-background jumbotron">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
<!-- <img alt="MEAN.JS" class="img-responsive text-center" src="modules/core/img/brand/logo.png" /> -->
</div>
</div>
<br>
<div class="row" data-ng-if="!authentication.isAuthenticated()">
<p class="lead">
Make beautiful forms in a snap.
</p>
<br><br> <br><br>
<a class="btn btn-info">
Signup now
</a>
</div>
<div class="row" data-ng-if="authentication.isAuthenticated()">
<p class="lead">
Hi there {{authentication.user.displayName}}
</p>
</div>
<div class="row" data-ng-if="authentication.isAuthenticated()">
<p>
<a class="btn btn-primary btn-lg" href="http://meanjs.org" target="_blank">Learn more</a>
</p>
</div>
</div>
</div>

5
public/modules/forms/css/form.css
View file

@ -16,11 +16,12 @@
.form-item.row:hover, .form-item.row.create-new:hover {
border-bottom: 6px inset #ccc;
background-color: #d9d9d9;
}
.form-item.row.create-new:hover {
color: rgb(51, 122, 183);
background-color: rgb(238, 238, 238);
/*color: #eee;*/
background-color: rgb(81,81,81);
}

4
public/modules/forms/views/list-forms.client.view.html
View file

@ -2,8 +2,8 @@
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="list-group container">
<a data-ng-href="/forms/create" class="col-md-2 col-md-offset-1 form-item row create-new">
<div class=" container">
<a data-ng-href="#!/forms/create" class="col-md-2 col-md-offset-1 form-item row create-new">
<div class="title-row col-md-12">
<h4 class=" fa fa-plus fa-6"></h4>
</div>