sondehub-tracker/css/layout.css at ca3892d0d17693db21db52ca2da71ed756ecd2be · danieldegroot2/sondehub-tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012

* Edited by Daniel Saul
* For use in the Habitat Webpage Template

*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* Header */
header{
    width: 100%;
    min-height: 75px;

    text-align: left;
    line-height: 75px;
    color: #ffffff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

    background: #00a3d3;
    border-bottom: 1px solid #009bc9;

}

header h1{
    height: 75px;
    float: left;
}

/* Grey Area */
#grey-section{
    width: 100%;
    margin-bottom: 50px;
    padding: 15px 0 15px 0;

    color: #666666;

    background: #fcfcfc;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #eeeeee;
}

#grey-section h3{
    color: #00a3d3;
}

#grey-section .badge{
    margin-top: -30px;
    margin-bottom: -100%;
    float: right;
    visibility: hidden;
}

/* Forms */
.form.row label{
    padding-top: 3px;
    font-weight: normal;
}

.form.row{
    margin-bottom: 44px;
}

.form.row input, .form.row select {
    margin-bottom: 0 !important;
}

.form.row select {
    /* base.css makes this different to input for some reason. */
    padding: 5px 4px;
    width: 220px;
}

.validated input{
    float: left;
}

.validated img{
    padding: 3px 0 0 10px;
    float: left;
}

.form.row .input_extra{
    background: #f8f8f8;
    color: #999999;
    padding: 5px;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    position: relative;
    min-height: 22px;
    width: auto;
}

@media only screen and (min-width: 768px){
.input_extra:before {
    content: "\0020";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f8f8f8;
    position: absolute;
    left: -14px;
    top: 1px;
    display: inline;
}
.form.row input.long {
    width: 380px;
}
}

.long_protection {
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/