mouchak/static/css/main.css - cr2-maraa in CR2-maraa

/*! HTML4 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body {
    background-image:url("/static/img/bg.jpg");
    overflow-y:scroll;
}
.heading {
    font-family: Helvetica, Arial, Sans-Serif;
}/*
.navigation-img {
    top:-20px;
    padding:0px 25px;
}
.container-fluid{
 background-color:;
 height:20px;
}

body{margin:0px;}

.stepwizard-step a {
    color:#000;
}

.stepwizard-step a:hover {
    color:red;
    text-decoration:none;
}
.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
    padding:0 10px;
}
.stepwizard-row:before {
    top: 44px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #000;
    z-order: 0;
    
}


.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
    padding:0px 10px 0px 10px;
}

/*.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}*/

/* CSS classes for the images urls */

.body-background {
    url : "/static/img/bg.jpg"
}

.global radio icon {
    url : "/static/img/global-radio-icon.svg"
}
.icon-1 {
    url : "/static/img/icon-1.svg"
}
.play-icon {
    url : "/static/img/play-icon.svg"
}
.play-icon-for-homepage {
    url : "/static/img/play-icon-for-homepage.svg"
}
.icon1on-mouseover {
    url : "/static/img/icon1on-mouseover.svg"
}
.popup-box {
    url : "/static/img/popup-box.svg"
}
.popup-box-long {
    url : "/static/img/popup-box-long.svg"
}
.radio-policies {
    url : "/static/img/radio-policies.svg"
}
.research- methodologies {
    url : "/static/img/research- methodologies.svg"
}
.signal-strength-icon {
    url : "/static/img/signal-strength-icon.svg"
}*/
    
/* CSS classes for the image url ends here */


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*a .showme {
  display:none;
}

a .default {
  display:block;
}*/

/*.nav>li:link .default{
  display:none;

}
.nav>li:link .showme{
  display:block;
}*/

.nav li a:hover .default{
  display:none;
}

.nav li a:hover .showme{
  display: block;
  position:relative;
  top: -3px;
}

.nav li.active .default{
  display:none;

}
.nav li.active .showme{
  display:block;
  position:relative;
  top:-3px;
}



.navbar {
  background-image: url("/static/img/bg.jpg");

}

#forline  {
  position: relative;
  display: block;
  height: 1px;
  /*width: 100%;*/
  border: 1px solid #444;
  z-index: 1;

}

.navbar-nav {
  position:relative;
  top:-1.5em;
  left:10%;
}

.playcollapse {
  position:relative;
  top:-1.5em;
  width:150px;
  height:auto;
}

#navpos {
  position:relative;
  top:-10px;
}

#play-about {
  display:block;
  position:relative;

}
#play-signal-intensity, #play-research-methodology, #play-radio-policies, #play-global-radio {
  position: relative;
  top:-47px;

}

a {
  color:#444;
}

/*a:active .showme{
  display:block;
}

a:active .default{
  display:none;
}*/
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

1	/! HTML4 Boilerplate v4.3.0 \| MIT License \| http://h5bp.com/ /
2
3	/*
4	* What follows is the result of much research on cross-browser styling.
5	* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6	* Kroc Camen, and the H5BP dev community and team.
7	*/
8
9	/* ==========================================================================
10	Base styles: opinionated defaults
11	========================================================================== */
12
13	html,
14	button,
15	input,
16	select,
17	textarea {
18	color: #222;
19	}
20
21	html {
22	font-size: 1em;
23	line-height: 1.4;
24	}
25
26	/*
27	* Remove text-shadow in selection highlight: h5bp.com/i
28	* These selection rule sets have to be separate.
29	* Customize the background color to match your design.
30	*/
31
32	::-moz-selection {
33	background: #b3d4fc;
34	text-shadow: none;
35	}
36
37	::selection {
38	background: #b3d4fc;
39	text-shadow: none;
40	}
41
42	/*
43	* A better looking default horizontal rule
44	*/
45
46	hr {
47	display: block;
48	height: 1px;
49	border: 0;
50	border-top: 1px solid #000;
51	margin: 1em 0;
52	padding: 0;
53	}
54
55	/*
56	* Remove the gap between images, videos, audio and canvas and the bottom of
57	* their containers: h5bp.com/i/440
58	*/
59
60	audio,
61	canvas,
62	img,
63	video {
64	vertical-align: middle;
65	}
66
67	/*
68	* Remove default fieldset styles.
69	*/
70
71	fieldset {
72	border: 0;
73	margin: 0;
74	padding: 0;
75	}
76
77	/*
78	* Allow only vertical resizing of textareas.
79	*/
80
81	textarea {
82	resize: vertical;
83	}
84
85	/* ==========================================================================
86	Browse Happy prompt
87	========================================================================== */
88
89	.browsehappy {
90	margin: 0.2em 0;
91	background: #ccc;
92	color: #000;
93	padding: 0.2em 0;
94	}
95
96	body {
97	background-image:url("/static/img/bg.jpg");
98	overflow-y:scroll;
99	}
100	.heading {
101	font-family: Helvetica, Arial, Sans-Serif;
102	}/*
103	.navigation-img {
104	top:-20px;
105	padding:0px 25px;
106	}
107	.container-fluid{
108	background-color:;
109	height:20px;
110	}
111
112	body{margin:0px;}
113
114	.stepwizard-step a {
115	color:#000;
116	}
117
118	.stepwizard-step a:hover {
119	color:red;
120	text-decoration:none;
121	}
122	.stepwizard-step p {
123	margin-top: 10px;
124	}
125
126	.stepwizard-row {
127	display: table-row;
128	}
129
130	.stepwizard {
131	display: table;
132	width: 100%;
133	position: relative;
134	padding:0 10px;
135	}
136	.stepwizard-row:before {
137	top: 44px;
138	bottom: 0;
139	position: absolute;
140	content: " ";
141	width: 100%;
142	height: 1px;
143	background-color: #000;
144	z-order: 0;
145
146	}
147
148
149	.stepwizard-step {
150	display: table-cell;
151	text-align: center;
152	position: relative;
153	padding:0px 10px 0px 10px;
154	}
155
156	/*.btn-circle {
157	width: 30px;
158	height: 30px;
159	text-align: center;
160	padding: 6px 0;
161	font-size: 12px;
162	line-height: 1.428571429;
163	border-radius: 15px;
164	}*/
165
166	/* CSS classes for the images urls */
167
168	.body-background {
169	url : "/static/img/bg.jpg"
170	}
171
172	.global radio icon {
173	url : "/static/img/global-radio-icon.svg"
174	}
175	.icon-1 {
176	url : "/static/img/icon-1.svg"
177	}
178	.play-icon {
179	url : "/static/img/play-icon.svg"
180	}
181	.play-icon-for-homepage {
182	url : "/static/img/play-icon-for-homepage.svg"
183	}
184	.icon1on-mouseover {
185	url : "/static/img/icon1on-mouseover.svg"
186	}
187	.popup-box {
188	url : "/static/img/popup-box.svg"
189	}
190	.popup-box-long {
191	url : "/static/img/popup-box-long.svg"
192	}
193	.radio-policies {
194	url : "/static/img/radio-policies.svg"
195	}
196	.research- methodologies {
197	url : "/static/img/research- methodologies.svg"
198	}
199	.signal-strength-icon {
200	url : "/static/img/signal-strength-icon.svg"
201	}*/
202
203	/* CSS classes for the image url ends here */
204
205
206	/* ==========================================================================
207	Author's custom styles
208	========================================================================== */
209
210	/*a .showme {
211	display:none;
212	}
213
214	a .default {
215	display:block;
216	}*/
217
218	/*.nav>li:link .default{
219	display:none;
220
221	}
222	.nav>li:link .showme{
223	display:block;
224	}*/
225
226	.nav li a:hover .default{
227	display:none;
228	}
229
230	.nav li a:hover .showme{
231	display: block;
232	position:relative;
233	top: -3px;
234	}
235
236	.nav li.active .default{
237	display:none;
238
239	}
240	.nav li.active .showme{
241	display:block;
242	position:relative;
243	top:-3px;
244	}
245
246
247
248	.navbar {
249	background-image: url("/static/img/bg.jpg");
250
251	}
252
253	#forline {
254	position: relative;
255	display: block;
256	height: 1px;
257	/width: 100%;/
258	border: 1px solid #444;
259	z-index: 1;
260
261	}
262
263	.navbar-nav {
264	position:relative;
265	top:-1.5em;
266	left:10%;
267	}
268
269	.playcollapse {
270	position:relative;
271	top:-1.5em;
272	width:150px;
273	height:auto;
274	}
275
276	#navpos {
277	position:relative;
278	top:-10px;
279	}
280
281	#play-about {
282	display:block;
283	position:relative;
284
285	}
286	#play-signal-intensity, #play-research-methodology, #play-radio-policies, #play-global-radio {
287	position: relative;
288	top:-47px;
289
290	}
291
292	a {
293	color:#444;
294	}
295
296	/*a:active .showme{
297	display:block;
298	}
299
300	a:active .default{
301	display:none;
302	}*/
303	/* ==========================================================================
304	Helper classes
305	========================================================================== */
306
307	/*
308	* Image replacement
309	*/
310
311	.ir {
312	background-color: transparent;
313	border: 0;
314	overflow: hidden;
315	/* IE 6/7 fallback */
316	*text-indent: -9999px;
317	}
318
319	.ir:before {
320	content: "";
321	display: block;
322	width: 0;
323	height: 150%;
324	}
325
326	/*
327	* Hide from both screenreaders and browsers: h5bp.com/u
328	*/
329
330	.hidden {
331	display: none !important;
332	visibility: hidden;
333	}
334
335	/*
336	* Hide only visually, but have it available for screenreaders: h5bp.com/v
337	*/
338
339	.visuallyhidden {
340	border: 0;
341	clip: rect(0 0 0 0);
342	height: 1px;
343	margin: -1px;
344	overflow: hidden;
345	padding: 0;
346	position: absolute;
347	width: 1px;
348	}
349
350	/*
351	* Extends the .visuallyhidden class to allow the element to be focusable
352	* when navigated to via the keyboard: h5bp.com/p
353	*/
354
355	.visuallyhidden.focusable:active,
356	.visuallyhidden.focusable:focus {
357	clip: auto;
358	height: auto;
359	margin: 0;
360	overflow: visible;
361	position: static;
362	width: auto;
363	}
364
365	/*
366	* Hide visually and from screenreaders, but maintain layout
367	*/
368
369	.invisible {
370	visibility: hidden;
371	}
372
373	/*
374	* Clearfix: contain floats
375	*
376	* For modern browsers
377	* 1. The space content is one way to avoid an Opera bug when the
378	* `contenteditable` attribute is included anywhere else in the document.
379	* Otherwise it causes space to appear at the top and bottom of elements
380	* that receive the `clearfix` class.
381	* 2. The use of `table` rather than `block` is only necessary if using
382	* `:before` to contain the top-margins of child elements.
383	*/
384
385	.clearfix:before,
386	.clearfix:after {
387	content: " "; /* 1 */
388	display: table; /* 2 */
389	}
390
391	.clearfix:after {
392	clear: both;
393	}
394
395	/*
396	* For IE 6/7 only
397	* Include this rule to trigger hasLayout and contain floats.
398	*/
399
400	.clearfix {
401	*zoom: 1;
402	}
403
404	/* ==========================================================================
405	EXAMPLE Media Queries for Responsive Design.
406	These examples override the primary ('mobile first') styles.
407	Modify as content requires.
408	========================================================================== */
409
410	@media only screen and (min-width: 35em) {
411	/* Style adjustments for viewports that meet the condition */
412	}
413
414	@media print,
415	(-o-min-device-pixel-ratio: 5/4),
416	(-webkit-min-device-pixel-ratio: 1.25),
417	(min-resolution: 120dpi) {
418	/* Style adjustments for high resolution devices */
419	}
420
421	/* ==========================================================================
422	Print styles.
423	Inlined to avoid required HTTP connection: h5bp.com/r
424	========================================================================== */
425
426	@media print {
427	* {
428	background: transparent !important;
429	color: #000 !important; /* Black prints faster: h5bp.com/s */
430	box-shadow: none !important;
431	text-shadow: none !important;
432	}
433
434	a,
435	a:visited {
436	text-decoration: underline;
437	}
438
439	a[href]:after {
440	content: " (" attr(href) ")";
441	}
442
443	abbr[title]:after {
444	content: " (" attr(title) ")";
445	}
446
447	/*
448	* Don't show links for images, or javascript/internal links
449	*/
450
451	.ir a:after,
452	a[href^="javascript:"]:after,
453	a[href^="#"]:after {
454	content: "";
455	}
456
457	pre,
458	blockquote {
459	border: 1px solid #999;
460	page-break-inside: avoid;
461	}
462
463	thead {
464	display: table-header-group; /* h5bp.com/t */
465	}
466
467	tr,
468	img {
469	page-break-inside: avoid;
470	}
471
472	img {
473	max-width: 100% !important;
474	}
475
476	@page {
477	margin: 0.5cm;
478	}
479
480	p,
481	h2,
482	h3 {
483	orphans: 3;
484	widows: 3;
485	}
486
487	h2,
488	h3 {
489	page-break-after: avoid;
490	}
491	}

Gitorious