1
/*! HTML5 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
/* side menu css */
27
28
#page-content-wrapper {
29
    visibility: hidden;
30
}
31
32
@media (max-width:767px) {
33
    .wrapper {
34
	padding-left: 70px;
35
}
36
.sidebar-wrapper {
37
    left: 70px;
38
}
39
40
.wrapper.active {
41
   padding-left: 150px;
42
}
43
44
.wrapper.active .sidebar-wrapper {
45
    left: 150px;
46
    width: 150px;
47
}
48
49
}
50
51
.link_disabled {
52
    pointer-events: none;
53
    cursor: none;
54
    color: gray;
55
}
56
57
@media (max-width:450px) {
58
    .thumbnail {
59
	height: 350px;
60
}
61
62
.caption_heading {
63
    height: 100px;
64
}
65
66
}
67
/* -------------end ----------- */
68
69
.sidebar-wrapper {
70
    /*transform*/
71
72
    -webkit-transform: translateZ(0);
73
    -moz-transform: translateZ(0);
74
    -o-transform: translateZ(0);
75
    -ms-transform: translateZ(0);
76
    transform: translateZ(0);
77
    margin-left: -150px;
78
    left: 20px;
79
    margin-top:0px;
80
    width: 165px;
81
   // background: #222;
82
    position: fixed;
83
    height: 100%;
84
    -ms-overflow-y: auto;
85
    overflow-y: auto;
86
    
87
    z-index: 10000;
88
    -webkit-transition: all .4s ease 0s;
89
    -moz-transition: all .4s ease 0s;
90
    -o-transition: all .4s ease 0s;
91
    -ms-transition: all .4s ease 0s;
92
    transition: all .4s ease 0s;
93
}
94
95
.nav-collapse.collapse {
96
    height: auto !important;
97
    overflow: visible !important;
98
}
99
100
.page-content {
101
    height: auto;
102
}
103
104
#page-content-wrapper {
105
    padding-left: 0;
106
    margin-left: 0;
107
    width: 100%;
108
    height: auto;
109
}
110
111
.sidebar-nav {
112
    display: block;
113
    float: left;
114
    width: 150px;
115
    list-style: none;
116
    margin: 0;
117
    padding: 0;
118
}
119
120
.sidebar_menu {
121
    display: block;
122
    float: left;
123
    top: 0;
124
    width: 150px;
125
    list-style: none;
126
    margin: 0;
127
    padding: 0;
128
}
129
130
.sidebar_menu li,.sidebar-nav li {
131
    line-height: 20px;
132
    text-indent: 5px;
133
}
134
135
.sidebar_menu li a,.sidebar-nav li a {
136
//    color: #999;
137
    display: block;
138
    float: left;
139
    text-decoration: none;
140
    width: 150px;
141
  //  background: #00FFFF;
142
  //  border-top: 1px solid #00FFFF;
143
//    border-bottom: 1px solid #00FFFF; /*transition*/
144
145
    -webkit-transition: background .5s;
146
    -moz-transition: background .5s;
147
    -o-transition: background .5s;
148
    -ms-transition: background .5s;
149
    transition: background .5s;
150
}
151
152
.sidebar_menu li a:hover,.sidebar-nav li a:hover {
153
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
154
    filter: alpha(opacity=80);
155
    opacity: .8;
156
    text-decoration: none;
157
}
158
159
.sidebar_menu li a:active,.sidebar_menu li a:focus,.sidebar-nav li a:active,.sidebar-nav li a:focus {
160
    text-decoration: none;
161
}
162
163
.sidebar_menu>.sidebar-brand {
164
    height: 40px;
165
    line-height: 30px;
166
    font-size: 15px;
167
}
168
169
170
.active_nav a .fa {
171
    color: #3cc;
172
173
}
174
175
.sidebar_name {
176
    padding-top: 25px;
177
    color: #fff;
178
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
179
    filter: alpha(opacity=70);
180
    opacity: .7;
181
}
182
183
.side_name {
184
    visibility: hidden;
185
}
186
187
.side_name p {
188
    font-size: 1.1em;
189
}
190
191
.side_name.active {
192
    visibility: visible;
193
}
194
195
#side_download {
196
    margin-top: 40px;
197
}
198
199
.content-header {
200
    height: 65px;
201
    line-height: 65px;
202
}
203
204
.content-header h1 {
205
    margin: 0;
206
    margin-left: 20px;
207
    line-height: 65px;
208
    display: inline-block;
209
}
210
211
.wrapper.active {
212
    padding-left: 0px;
213
//    border-right:2px solid #000;
214
//    margin-left:90px;
215
}
216
217
.wrapper.active .sidebar-wrapper {
218
    left: 200px;
219
    border-right:1px solid #00FFFF;
220
}
221
222
.row,.row-pad {
223
    margin-left: 0;
224
    margin-right: 0;
225
}
226
227
#message {
228
    padding-left: 15px;
229
    padding-right: -15px;
230
}
231
232
233
.menu-toggle {
234
    font-size:18px;
235
    color:#1e9e04;
236
}
237
.menu-icon {
238
    margin-right: 10px;
239
}
240
241
.personal-info,.server-stats {
242
    list-style: none;
243
    padding-left: 0;
244
}
245
246
.progress {
247
248
    height: 5px;
249
}
250
251
h5 {
252
    color: #000;
253
}
254
255
.radio, .checkbox {
256
    color:#000;
257
    margin-left: 10px;
258
}
259
.radio label, .checkbox label {
260
    font-size:14px;
261
    color:#262525;
262
}
263
264
/* side menu css ends here */
265
266
.pageview p {
267
    text-align:justify;
268
}
269
270
.sidemenu-collapse {
271
    list-style-type:none;
272
    font-size:16px;
273
    margin-left:-35px;
274
    color:#1e9e04;
275
}
276
.subheading {
277
color:#262525;
278
}
279
/*
280
 * Remove text-shadow in selection highlight: h5bp.com/i
281
 * These selection rule sets have to be separate.
282
 * Customize the background color to match your design.
283
 */
284
285
::-moz-selection {
286
    background: #b3d4fc;
287
    text-shadow: none;
288
}
289
290
::selection {
291
    background: #b3d4fc;
292
    text-shadow: none;
293
}
294
295
/*
296
 * A better looking default horizontal rule
297
 */
298
299
hr {
300
    display: block;
301
    height: 1px;
302
    border: 0;
303
    border-top: 1px solid #ccc;
304
    margin: 1em 0;
305
    padding: 0;
306
}
307
308
/*
309
 * Remove the gap between images, videos, audio and canvas and the bottom of
310
 * their containers: h5bp.com/i/440
311
 */
312
313
audio,
314
canvas,
315
img,
316
video {
317
    vertical-align: middle;
318
}
319
320
/*
321
 * Remove default fieldset styles.
322
 */
323
324
fieldset {
325
    border: 0;
326
    margin: 0;
327
    padding: 0;
328
}
329
330
/*
331
 * Allow only vertical resizing of textareas.
332
 */
333
334
textarea {
335
    resize: vertical;
336
}
337
338
/* ==========================================================================
339
   Browse Happy prompt
340
   ========================================================================== */
341
342
.browsehappy {
343
    margin: 0.2em 0;
344
    background: #ccc;
345
    color: #000;
346
    padding: 0.2em 0;
347
}
348
349
/* ==========================================================================
350
   Author's custom styles
351
   ========================================================================== */
352
353
.news-item-wrapper {
354
  border: 2px solid #DDDDDD;
355
  box-shadow: 0 8px 6px -6px #AAAAAA;
356
  float: left;
357
  height: 120px;
358
  margin: 5px;
359
  padding: 5px;
360
  width: 275px;
361
}
362
.news-title {
363
  font-style: bold;
364
  margin: 10px;
365
}
366
.news-link {
367
  margin: 10px;
368
  font-size: 0.9em;
369
}
370
371
#feeds-loader {
372
  position: absolute;
373
  left: 45%;
374
  top: 45%;
375
}
376
377
.carousel {
378
//  background-color: #505050;
379
//  border: 1px solid #999;
380
  box-shadow: 1px 1px 3px #999;
381
  min-height: 405px;
382
}
383
384
/* Navigation and Layout related CSS */
385
.navbar-nav {
386
  position: relative;
387
  top: -35px;
388
}
389
.nav .nav-item {
390
  max-width: 160px;
391
  min-width: 90px;
392
}
393
.nav .nav-item-icon {
394
  height: 44px;
395
  width: 38px;
396
  background: url('/static/img/nav-item.svg') no-repeat;
397
}
398
.nav .nav-item-icon.active {
399
  height: 44px;
400
  width: 45px;
401
  position: relative;
402
  top: -7px;
403
  background: url('/static/img/nav-item-active.svg') no-repeat;
404
}
405
406
.nav>li>a:hover {
407
  text-decoration: underline;
408
  background: none;
409
}
410
.nav-icon {
411
  width: 100px;
412
  height: 130px;
413
  position: relative;
414
  top: -20px;
415
}
416
#header-banner {
417
  font-size: 30px;
418
  border-bottom: 1px solid black;
419
}
420
421
/* Global styles for site wide */
422
a {
423
  color: #262525;
424
}
425
a:hover, a:active {
426
  color: #1e9e04;
427
  text-decoration: underline;
428
}
429
430
body {
431
  font-family: "";
432
  background: url('/static/img/background.png') repeat;
433
  color:#262525;
434
}
435
.container {
436
  /*margin: 0;*/
437
}
438
439
.sub-heading {
440
    color:#1e9e04;
441
}
442
443
/* ==========================================================================
444
   Helper classes
445
   ========================================================================== */
446
447
/*
448
 * Image replacement
449
 */
450
451
.ir {
452
    background-color: transparent;
453
    border: 0;
454
    overflow: hidden;
455
    /* IE 6/7 fallback */
456
    *text-indent: -9999px;
457
}
458
459
.ir:before {
460
    content: "";
461
    display: block;
462
    width: 0;
463
    height: 150%;
464
}
465
466
/*
467
 * Hide from both screenreaders and browsers: h5bp.com/u
468
 */
469
470
.hidden {
471
    display: none !important;
472
    visibility: hidden;
473
}
474
475
/*
476
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
477
 */
478
479
.visuallyhidden {
480
    border: 0;
481
    clip: rect(0 0 0 0);
482
    height: 1px;
483
    margin: -1px;
484
    overflow: hidden;
485
    padding: 0;
486
    position: absolute;
487
    width: 1px;
488
}
489
490
/*
491
 * Extends the .visuallyhidden class to allow the element to be focusable
492
 * when navigated to via the keyboard: h5bp.com/p
493
 */
494
495
.visuallyhidden.focusable:active,
496
.visuallyhidden.focusable:focus {
497
    clip: auto;
498
    height: auto;
499
    margin: 0;
500
    overflow: visible;
501
    position: static;
502
    width: auto;
503
}
504
505
/*
506
 * Hide visually and from screenreaders, but maintain layout
507
 */
508
509
.invisible {
510
    visibility: hidden;
511
}
512
513
/*
514
 * Clearfix: contain floats
515
 *
516
 * For modern browsers
517
 * 1. The space content is one way to avoid an Opera bug when the
518
 *    `contenteditable` attribute is included anywhere else in the document.
519
 *    Otherwise it causes space to appear at the top and bottom of elements
520
 *    that receive the `clearfix` class.
521
 * 2. The use of `table` rather than `block` is only necessary if using
522
 *    `:before` to contain the top-margins of child elements.
523
 */
524
525
.clearfix:before,
526
.clearfix:after {
527
    content: " "; /* 1 */
528
    display: table; /* 2 */
529
}
530
531
.clearfix:after {
532
    clear: both;
533
}
534
535
/*
536
 * For IE 6/7 only
537
 * Include this rule to trigger hasLayout and contain floats.
538
 */
539
540
.clearfix {
541
    *zoom: 1;
542
}
543
544
/* ==========================================================================
545
   EXAMPLE Media Queries for Responsive Design.
546
   These examples override the primary ('mobile first') styles.
547
   Modify as content requires.
548
   ========================================================================== */
549
550
@media only screen and (min-width: 35em) {
551
    /* Style adjustments for viewports that meet the condition */
552
}
553
554
@media print,
555
       (-o-min-device-pixel-ratio: 5/4),
556
       (-webkit-min-device-pixel-ratio: 1.25),
557
       (min-resolution: 120dpi) {
558
    /* Style adjustments for high resolution devices */
559
}
560
561
/* ==========================================================================
562
   Print styles.
563
   Inlined to avoid required HTTP connection: h5bp.com/r
564
   ========================================================================== */
565
566
@media print {
567
    * {
568
        background: transparent !important;
569
        color: #000 !important; /* Black prints faster: h5bp.com/s */
570
        box-shadow: none !important;
571
        text-shadow: none !important;
572
    }
573
574
    a,
575
    a:visited {
576
        text-decoration: underline;
577
    }
578
579
    a[href]:after {
580
        content: " (" attr(href) ")";
581
    }
582
583
    abbr[title]:after {
584
        content: " (" attr(title) ")";
585
    }
586
587
    /*
588
     * Don't show links for images, or javascript/internal links
589
     */
590
591
    .ir a:after,
592
    a[href^="javascript:"]:after,
593
    a[href^="#"]:after {
594
        content: "";
595
    }
596
597
    pre,
598
    blockquote {
599
        border: 1px solid #999;
600
        page-break-inside: avoid;
601
    }
602
603
    thead {
604
        display: table-header-group; /* h5bp.com/t */
605
    }
606
607
    tr,
608
    img {
609
        page-break-inside: avoid;
610
    }
611
612
    img {
613
        max-width: 100% !important;
614
    }
615
616
    @page {
617
        margin: 0.5cm;
618
    }
619
620
    p,
621
    h2,
622
    h3 {
623
        orphans: 3;
624
        widows: 3;
625
    }
626
627
    h2,
628
    h3 {
629
        page-break-after: avoid;
630
    }
631
}