DigitalSignage/style.css at master · hwdsbcommons/DigitalSignage · 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
/*!
Theme Name: Digital Signage
Author: Ben Curtis
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: signage, digital signage, kiosk, carousel, slider, foundation, 1080p

*/

/* Artfully masterminded by ZURB  */

@import url('stylesheets/app.css');

.dock {
	background: rgba(95, 178, 206, 0.62)
}

h1 {
text-align:left;
}

h2 {
text-align:right;
margin-right:42px;
}

/* ==========================================================================
   Standard
   ========================================================================== */
.format-standard {
padding: 10px 30px 42px 30px;
}

/* ==========================================================================
   Quotes
   ========================================================================== */
.format-quote {
width:1200px;
margin: 200px auto;
padding: 10px 30px 42px 30px;
}

/* Style blockquotes within the quote post. */
.format-quote blockquote {}

/* Don't forget cite in case a user makes use of it. */
.format-quote cite {}

/* ==========================================================================
   Video
   ========================================================================== */
.format-video {
}

/* ==========================================================================
   Image
   ========================================================================== */
.format-image {
}

/* ==========================================================================
   Gallery
   ========================================================================== */
.format-gallery {
}

/* ==========================================================================
   Wrapper for Fluid Presentations
   ========================================================================== */

.slideWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.slideWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ==========================================================================
   Dock
   ========================================================================== */
#footer-dock {
	margin-top: 0;
	position:absolute;
}

@media (max-width:767px) {
	#footer-dock {
		display: block;
		width: 100%;
	}
}