← Back to branch summary

~paola.hernandez/dream-builder/prototype

« back to all changes in this revision

Viewing changes to css/login.css

  • Committer: Glen Sojo
  • Date: 2014-01-20 04:19:22 UTC
  • Revision ID: glen.sojo@gmail.com-20140120041922-aymgyp40rfx6wjm3
[ADD] Protoype Login form
[ADD] Initial work on index.html

Show diffs side-by-side

added added

removed removed

Lines of Context:
css/login.css
 
1
@import url(main.css);
 
2
 
 
3
header, footer {
 
4
    text-align: center;
 
5
}
 
6
 
 
7
header {
 
8
    font-size: 30px;
 
9
}
 
10
 
 
11
input[type="text"], input[type="password"] {
 
12
    width: 94%;
 
13
}
 
14
 
 
15
section.logo img {
 
16
    max-width: 100%;
 
17
}
 
18
 
 
19
@media screen and (min-width: 800px){
 
20
    .page {
 
21
        margin: auto;
 
22
        vertical-align: middle;
 
23
        max-width: 600px;
 
24
    }
 
25
    
 
26
    section.logo img {
 
27
        max-height: 250px;
 
28
    }
 
29
    
 
30
    div.page {
 
31
        margin-top: 6%;
 
32
    }
 
33
}
 
34
 
 
35
@media screen and (max-width: 800px) {
 
36
    section.logo img {
 
37
        height: 100px
 
38
    }
 
39
}
 
40