Commit b7966fae3f6f04382aabbe840077cc6a43cccc28

height and padding is changed in navigation bar
  • mouchak/static/css/main.css 1012 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  • Diff rendering mode:
  • inline
  • side by side

mouchak/static/css/main.css

14button,14button,
15input,15input,
16select,16select,
17textarea {
17textarea {
18 color: #222;18 color: #222;
19}
19 }
2020
21html {
21html {
22 font-size: 1em;22 font-size: 1em;
23 line-height: 1.4;23 line-height: 1.4;
24}
25body{
24 }
25body{
26background-color:#bcc8c0;26background-color:#bcc8c0;
27 }
27overflow-y:scroll;
28 }
2829
29.navigation-style {
30.navigation-style {
30 position: relative;31 position: relative;
31 margin-top: -60px;
32 height: 41px;
32 margin-top: -45px;
33 height: 35px;
33 background: none repeat scroll 0% 0% rgb(1, 55, 40);34 background: none repeat scroll 0% 0% rgb(1, 55, 40);
34z-index:1000;35z-index:1000;
35opacity:0.7;36opacity:0.7;
36padding-left:100px;
37
38}
39.navigation-style > ul > li {
37padding-left:185px;
38 }
39
40.navigation-style > ul > li {
40 font-size:18px;41 font-size:18px;
41 padding:0px 45px;42 padding:0px 45px;
42}
43.navigation-style li {
43 }
44.navigation-style li {
44 width:auto;45 width:auto;
45 color:red;46 color:red;
46 font-size: 16px;47 font-size: 16px;
47 line-height: 41px;
48 line-height: 35px;
48 padding: 0px 30px;49 padding: 0px 30px;
49 text-decoration: none;50 text-decoration: none;
50 display: inline-block;51 display: inline-block;
51 font-size:16px;52 font-size:16px;
53 float:left;
54 }
55
5256
53}
54
55.navigation-style li a {
57.navigation-style li a {
56 width:auto;58 width:auto;
57 color:white;59 color:white;
58 font-size:18px;60 font-size:18px;
59}
60
61.navigation-style li:hover a{
61
62 }
63.navigation-style li:hover a{
62 text-decoration: none;64 text-decoration: none;
63 display: inline-block;65 display: inline-block;
64}
66 }
65.navigation67.navigation
66{
67margin-left:7em;
68 }
69hr {
68{
69//margin-left:7em;
70 }
71hr {
70 color:blue;72 color:blue;
71}
72.contentblockright {
73 }
74.contentblockright {
73 float: right;75 float: right;
74 width: 400px76 width: 400px
75}
77 }
7678
7779
78/* home page content design */80/* home page content design */
79#khmdl-carousel .carousel-inner>.item>img {
81#khmdl-carousel .carousel-inner>.item>img {
80 height: 400px82 height: 400px
81 }
83 }
8284
83.content-head1 {
85.content-head1 {
84color:#000000; 86color:#000000;
85border-bottom: 1px dotted #C00000 ;87border-bottom: 1px dotted #C00000 ;
86width:80%;88width:80%;
……
90font-size: 24px;90font-size: 24px;
91padding: 1em 0.1em 0.1em 0em;91padding: 1em 0.1em 0.1em 0em;
92margin: 0.2em 0.1em 0.8em 0em;92margin: 0.2em 0.1em 0.8em 0em;
93}
93 }
9494
9595
96.content-head2 {
96.content-head2 {
97color:#000000; 97color:#000000;
98border-bottom: 1px dotted #C00000 ;98border-bottom: 1px dotted #C00000 ;
99width:80%;99width:80%;
……
101font-size: 24px;101font-size: 24px;
102padding: 1em 0.1em 0.1em 0em;102padding: 1em 0.1em 0.1em 0em;
103margin: 0.2em 0.1em 0.8em 0em;103margin: 0.2em 0.1em 0.8em 0em;
104}
104 }
105 .media105 .media
106 {
106 {
107 /*box-shadow:0px 0px 4px -2px #000;*/107 /*box-shadow:0px 0px 4px -2px #000;*/
108 margin: 20px 0;108 margin: 20px 0;
109 padding:30px;109 padding:30px;
110 }
110 }
111 .dp111 .dp
112 {
112 {
113 border:10px solid #eee;113 border:10px solid #eee;
114 transition: all 0.2s ease-in-out;114 transition: all 0.2s ease-in-out;
115width:175px;115width:175px;
116height:175px;116height:175px;
117 }
117 }
118 .dp:hover118 .dp:hover
119 {
119 {
120 border:2px solid #eee;120 border:2px solid #eee;
121 transform:rotate(360deg);121 transform:rotate(360deg);
122 -ms-transform:rotate(360deg); 122 -ms-transform:rotate(360deg);
123 -webkit-transform:rotate(360deg); 123 -webkit-transform:rotate(360deg);
124 /*-webkit-font-smoothing:antialiased;*/124 /*-webkit-font-smoothing:antialiased;*/
125 }
125 }
126/* content styling for other pages */126/* content styling for other pages */
127127
128.main-head {
128.main-head {
129color:#000000; 129color:#000000;
130/*font-family: sans-serif, roboto;*/130/*font-family: sans-serif, roboto;*/
131font-size: 24px;131font-size: 24px;
……
133margin: 5px 1px 8px 1px;133margin: 5px 1px 8px 1px;
134text-align: left;134text-align: left;
135border-bottom: 1px #c00000 dotted;135border-bottom: 1px #c00000 dotted;
136}
137.subcontent-head {
136 }
137.subcontent-head {
138color:#000000;138color:#000000;
139/*font-family: sans-serif, roboto;*/139/*font-family: sans-serif, roboto;*/
140font-size: 18px;140font-size: 18px;
141padding: 5px 1px 2px 0px;141padding: 5px 1px 2px 0px;
142margin: 5px 1px 8px 1px;142margin: 5px 1px 8px 1px;
143text-align: left;143text-align: left;
144}
145
146.col-md-6 {
144
145 }
146.col-md-6 {
147width: 58%;147width: 58%;
148margin-left: 0.3em;148margin-left: 0.3em;
149}
150.my-col-9 {
149 }
150.my-col-9 {
151 width: 75%;151 width: 75%;
152 float: left;152 float: left;
153 clear: both;153 clear: both;
154 position: relative;154 position: relative;
155 }
156 .my-col-3 {
155 }
156 .my-col-3 {
157 width: 25%;157 width: 25%;
158 float: left;158 float: left;
159 clear: both;159 clear: both;
160 position: relative;160 position: relative;
161 }
162 #header-bx .col-md-9, #header-box .col-md-3 {
161 }
162 #header-bx .col-md-9, #header-box .col-md-3 {
163 padding: 0;163 padding: 0;
164font-size: 46px;164font-size: 46px;
165font-style: italic;165font-style: italic;
166text-shadow: 0px 0px 20px #222;166text-shadow: 0px 0px 20px #222;
167 }
168
169.block {
167
168 }
169.block {
170line-height: 150%;170line-height: 150%;
171padding: 10px 0px 5px 2px;171padding: 10px 0px 5px 2px;
172margin: 10px 0px 5px 2px;172margin: 10px 0px 5px 2px;
173text-align: justify;173text-align: justify;
174font-size: 14px;174font-size: 14px;
175color: #000000;175color: #000000;
176}
176 }
177177
178.underblock {
178.underblock {
179line-height: 125%;179line-height: 125%;
180font-size: 14px;180font-size: 14px;
181text-align: justify;181text-align: justify;
182}
182
183 }
183184
184
185.block em {
185.block em {
186vertical-align: super;186vertical-align: super;
187}
187 }
188188
189a:link {
189a:link {
190color: rgb(1, 55, 40);190color: rgb(1, 55, 40);
191}
191 }
192192
193a:hover193a:hover
194 {
194 {
195color: #000000;195color: #000000;
196}
196 }
197197
198198
199ul.dropdown-menu li {
199ul.dropdown-menu li {
200/* background:!important none repeat scroll 0% 0% rgb(255, 255, 255);*/200/* background:!important none repeat scroll 0% 0% rgb(255, 255, 255);*/
201/* border-bottom: 1px inset rgb(188, 181, 215);*/201/* border-bottom: 1px inset rgb(188, 181, 215);*/
202 filter: none;202 filter: none;
……
207 padding: 6px;207 padding: 6px;
208 margin:0px 0px 0px 0px;208 margin:0px 0px 0px 0px;
209 color: #3f3b42 ;209 color: #3f3b42 ;
210}
211ul.dropdown-menu {
210 }
211ul.dropdown-menu {
212 margin:0;212 margin:0;
213 font-size:smaller;213 font-size:smaller;
214 background-color:rgb(1, 55, 40) ;214 background-color:rgb(1, 55, 40) ;
215}
216.dropdown-menu li a {
215 }
216.dropdown-menu li a {
217 padding: 3px 20px;217 padding: 3px 20px;
218 width:100%;
219 }
220li.maintab:hover {
218 width:100%;
219 }
220li.maintab:hover {
221 background-color:#3F3B42;221 background-color:#3F3B42;
222 color:yellow;222 color:yellow;
223}
224.navigation-style ul li a:hover {
223 }
224.navigation-style ul li a:hover {
225 color: white;225 color: white;
226 text-decoration: none;226 text-decoration: none;
227}
228.dropdown-menu > li > a:hover {
227 }
228.dropdown-menu > li > a:hover {
229 background-color:#3f3b42;229 background-color:#3f3b42;
230}
231.dropdown-menu > li > a:focus {
230 }
231.dropdown-menu > li > a:focus {
232 background-color:#3f3b42;232 background-color:#3f3b42;
233}
233 }
234.dropdown-menu234.dropdown-menu
235{
235{
236background-color:rgb(1, 55, 40);236background-color:rgb(1, 55, 40);
237 }
237 }
238/*testing hover */238/*testing hover */
239239
240.panel-body { padding:0px;}
241.panel-body table tr td { padding-left: 15px }
242.panel-body .table {margin-bottom: 0px; }
240
241
242
243243
244li.a {
244li.a {
245 color:#000;245 color:#000;
246 border-right:none;246 border-right:none;
247 list-style-type:square;247 list-style-type:square;
248}
249.header-color{
248 }
249.header-color{
250 color:red;250 color:red;
251}
252
253
254
255
256
257
258
259.col-md-4 {
251 }
252.col-md-4 {
260 padding:0px 10px 0px 0px;253 padding:0px 10px 0px 0px;
261 width:14%;254 width:14%;
262margin-left:15%;255margin-left:15%;
263margin-top:2%;256margin-top:2%;
264text-align:center;257text-align:center;
265color:rgb(1, 55, 40);258color:rgb(1, 55, 40);
266}
259 }
267/* Site Map style */260/* Site Map style */
268.dropdown-large {
261.dropdown-large {
269 position: static !important;262 position: static !important;
270}
271.dropdown-menu-large {
263 }
264.dropdown-menu-large {
272 margin-left: 16px;265 margin-left: 16px;
273 margin-right: 16px;266 margin-right: 16px;
274 padding: 20px 0px;267 padding: 20px 0px;
275 width: auto;268 width: auto;
276
277}
278.col-lg-12 {
269 }
270
271.col-lg-12 {
279 list-style:none;272 list-style:none;
280font-size:16px;273font-size:16px;
281}
282.dropdown-menu-large > li > ul {
274 }
275.dropdown-menu-large > li > ul {
283 padding: 0;276 padding: 0;
284 margin: 0;277 margin: 0;
285}
286.dropdown-menu-large > li > ul > li {
278 }
279.dropdown-menu-large > li > ul > li {
287 list-style: none;280 list-style: none;
288}
289.dropdown-menu-large > li > ul > li > a {
281 }
282.dropdown-menu-large > li > ul > li > a {
290 display: block;283 display: block;
291 padding: 3px 20px;284 padding: 3px 20px;
292 clear: both;285 clear: both;
……
287 line-height: 1.428571429;287 line-height: 1.428571429;
288// color: white;288// color: white;
289 white-space: normal;289 white-space: normal;
290}
290 }
291291
292292
293.dropdown-menu-large > li ul > li > a:hover {
293.dropdown-menu-large > li ul > li > a:hover {
294text-decoration: none;294text-decoration: none;
295background-color: #3f3b42;295background-color: #3f3b42;
296}
297.dropdown-menu-large > li ul > li > a:focus {
296 }
297.dropdown-menu-large > li ul > li > a:focus {
298 text-decoration: none;298 text-decoration: none;
299 color: #262626;299 color: #262626;
300 */background-color: #f5f5f5;*/300 */background-color: #f5f5f5;*/
301/head}
301}
302.dropdown-menu-large .disabled > a,302.dropdown-menu-large .disabled > a,
303.dropdown-menu-large .disabled > a:hover,303.dropdown-menu-large .disabled > a:hover,
304.dropdown-menu-large .disabled > a:focus {
304.dropdown-menu-large .disabled > a:focus {
305 color: #999999;305 color: #999999;
306}
306 }
307.dropdown-menu-large .disabled > a:hover,307.dropdown-menu-large .disabled > a:hover,
308.dropdown-menu-large .disabled > a:focus {
308.dropdown-menu-large .disabled > a:focus {
309 text-decoration: none;309 text-decoration: none;
310 background-color: transparent;310 background-color: transparent;
311 background-image: none;311 background-image: none;
312 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);312 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
313 cursor: not-allowed;313 cursor: not-allowed;
314}
315.dropdown-menu-large .dropdown-header {
314 }
315.dropdown-menu-large .dropdown-header {
316 color: white ;316 color: white ;
317 font-size: 18px;317 font-size: 18px;
318}
319@media (max-width: 768px) {
320 .dropdown-menu-large {
318 }
319@media (max-width: 768px) {
320 .dropdown-menu-large {
321 margin-left: 0 ;321 margin-left: 0 ;
322 margin-right: 0 ;322 margin-right: 0 ;
323 }
324 .dropdown-menu-large > li {
323 }
324 .dropdown-menu-large > li {
325 margin-bottom: 30px;325 margin-bottom: 30px;
326 }
327 .dropdown-menu-large > li:last-child {
326 }
327 .dropdown-menu-large > li:last-child {
328 margin-bottom: 0;328 margin-bottom: 0;
329 }
330 .dropdown-menu-large .dropdown-header {
329 }
330 .dropdown-menu-large .dropdown-header {
331 padding: 3px 15px !important;331 padding: 3px 15px !important;
332 }
333}
332
333 }}
334
334/* style map styles end */335/* style map styles end */
335/*dropsown sub menu css */
336/*dropdown sub menu css */
336337
337.dropdown-submenu {
338.dropdown-submenu {
338 position: relative;339 position: relative;
339}
340 }
340341
341.dropdown-submenu>.dropdown-menu {
342.dropdown-submenu>.dropdown-menu {
342 top: 0;343 top: 0;
343 left: 100%;344 left: 100%;
344 margin-top: -6px;345 margin-top: -6px;
……
347 -webkit-border-radius: 0 6px 6px 6px;347 -webkit-border-radius: 0 6px 6px 6px;
348 -moz-border-radius: 0 6px 6px;348 -moz-border-radius: 0 6px 6px;
349 border-radius: 0 6px 6px 6px;349 border-radius: 0 6px 6px 6px;
350}
350 }
351351
352.dropdown-submenu:hover>.dropdown-menu {
352.dropdown-submenu:hover>.dropdown-menu {
353 display: block;353 display: block;
354}
354 }
355355
356.dropdown-submenu>a:after {
356.dropdown-submenu>a:after {
357 display: block;357 display: block;
358 content: " ";358 content: " ";
359 float: right;359 float: right;
……
365 border-left-color: #ccc;365 border-left-color: #ccc;
366 margin-top: 5px;366 margin-top: 5px;
367 margin-right: -10px;367 margin-right: -10px;
368}
368 }
369369
370.dropdown-submenu:hover>a:after {
370.dropdown-submenu:hover>a:after {
371 border-left-color: #fff;371 border-left-color: #fff;
372}
372 }
373373
374.dropdown-submenu.pull-left {
374.dropdown-submenu.pull-left {
375 float: none;375 float: none;
376}
376 }
377377
378.dropdown-submenu.pull-left>.dropdown-menu {
378.dropdown-submenu.pull-left>.dropdown-menu {
379 left: -100%;379 left: -100%;
380 margin-left: 10px;380 margin-left: 10px;
381 -webkit-border-radius: 6px 0 6px 6px;381 -webkit-border-radius: 6px 0 6px 6px;
382 -moz-border-radius: 6px 0 6px 6px;382 -moz-border-radius: 6px 0 6px 6px;
383 border-radius: 6px 0 6px 6px;383 border-radius: 6px 0 6px 6px;
384}
384 }
385/* drop down menu css ends here */385/* drop down menu css ends here */
386386
387/* footer social icons style*/387/* footer social icons style*/
388#footer-container {
388#footer-container {
389 margin-bottom:20px;389 margin-bottom:20px;
390}
391.social-icons {
390 }
391.social-icons {
392 392
393 }
394
395.panel-default > .panel-heading {
393
394 }
395.panel-default > .panel-heading {
396 background-color: #000;396 background-color: #000;
397 padding: 5px 0px;397 padding: 5px 0px;
398}
399
400.footer-links {
398
399 }
400.footer-links {
401 margin-top: 1px;401 margin-top: 1px;
402}
402 }
403403
404.footer-links a {
404.footer-links a {
405 osition: relative;405 osition: relative;
406 color:#fff;406 color:#fff;
407 font-size: 18px;407 font-size: 18px;
……
410 background: none repeat scroll 0% 0% rgb(1, 55, 40);410 background: none repeat scroll 0% 0% rgb(1, 55, 40);
411 margin:0px 0px 0px 20px;411 margin:0px 0px 0px 20px;
412 padding:0px 10px;412 padding:0px 10px;
413
414}
415.footer-links a:hover{
413 }
414
415.footer-links a:hover{
416 color:white;416 color:white;
417background-color:#3f3b42;417background-color:#3f3b42;
418 text-decoration:none;418 text-decoration:none;
419}
420#pageview-counter-wrapper {
419 }
420#pageview-counter-wrapper {
421 margin-top: 3px;421 margin-top: 3px;
422}
423#collapse-sitemap .panel-body {
422 }
423#collapse-sitemap .panel-body {
424 background-color:rgb(1, 55, 40);424 background-color:rgb(1, 55, 40);
425 padding-bottom:5px;425 padding-bottom:5px;
426}
427
428#small-footer {
426
427 }
428#small-footer {
429 font-size:12px;429 font-size:12px;
430 margin-top:10px;430 margin-top:10px;
431margin-left:2em;431margin-left:2em;
432}
432 }
433/* footer style ends here */433/* footer style ends here */
434434
435/* Lightbox styles */
436@import "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
437
438
439
440
441
442
443
444.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto;
445 transition: all 0.5s;
446 -moz-transition: all 0.5s;
447 -webkit-transition: all 0.5s;
448 -o-transition: all 0.5s;
449}
450
451.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0;
452 transition: opacity .25s ease-out;
453 -moz-transition: opacity .25s ease-out;
454 -webkit-transition: opacity .25s ease-out;
455 -o-transition: opacity .25s ease-out;
456 }
457
458.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
459 opacity: 1;
460 -moz-opacity: 1;
461 -webkit-opacity: 1;
462 filter: alpha(opacity=1);
463 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
464 }
465
466
467
468
469
470
471
472
473
474
475/*!
476 * Lightbox for Bootstrap 3 by @ashleydw
477 * https://github.com/ashleydw/lightbox
478 *
479 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
480
481/* Lightbox styles ends here */
482
483/* Carousel styles */
484.transition-timer-carousel .carousel-caption {
485 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
486 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
487 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
488 background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
489 background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
490 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
491 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
492 width: 100%;
493 left: 0px;
494 right: 0px;
495 bottom: 0px;
496 text-align: left;
497 padding-top: 5px;
498 padding-left: 15%;
499 padding-right: 15%;
500}
501.transition-timer-carousel .carousel-caption .carousel-caption-header {
502 margin-top: 10px;
503 font-size: 24px;
504
505 }
506@media (min-width: 970px) {
507 /* Lower the font size of the carousel caption header so that our caption
508 doesn't take up the full image/slide on smaller screens */
509 .transition-timer-carousel .carousel-caption .carousel-caption-header {
510 font-size: 36px;
511 }
512
513.transition-timer-carousel .carousel-indicators {
514 bottom: 0px;
515 margin-bottom: 5px;
516 }
517.transition-timer-carousel .carousel-control {
518 z-index: 11;
519 }
520.transition-timer-carousel .transition-timer-carousel-progress-bar {
521 height: 5px;
522 background-color: #5cb85c;
523 width: 0%;
524 margin: -5px 0px 0px 0px;
525 border: none;
526 z-index: 11;
527 position: relative;
528 }
529.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
530 /* We make the transition time shorter to avoid the slide transitioning
531 before the timer bar is "full" - change the 4.25s here to fit your
532 carousel's transition time */
533 -webkit-transition: width 4.25s linear;
534 -moz-transition: width 4.25s linear;
535 -o-transition: width 4.25s linear;
536 transition: width 4.25s linear;
537 }
538/* Carousel styles ends here */
539/* side bar css */
540/* side menu css */
541
542#page-content-wrapper {
543 visibility: hidden;
544 }
545
546@media (max-width:767px) {
547 .wrapper {
548 padding-left: 70px;
549 }
550.sidebar-wrapper {
551 left: 70px;
552 }
553
554.wrapper.active .container{
555 padding-left: 150px;
556
557 }
558.wrapper.active .sidebar-wrapper {
559 left: 150px;
560 width: 150px;
561 }
562
563
564
565.sidebar-wrapper .row {
566 margin: 10px 0;
567 }
568
569.link_disabled {
570 pointer-events: none;
571 cursor: none;
572 color: gray;
573 }
574}
575@media (max-width:450px) {
576 .thumbnail {
577 height: 350px;
578 }
579
580.caption_heading {
581 height: 100px;
582 }
583}
584
585
586/* -------------end ----------- */
587.wrapper.active {
588 padding-left: 0px;
589// border-right:2px solid #000;
590// margin-left:90px;
591
592 }
593.wrapper.active .sidebar-wrapper {
594 left: 250px;
595 /*border-right:4px solid #727272;*/
596 }
597
598.heading {
599 border-bottom:1px solid #262525;
600 }
601
602#message {
603 padding-left: 15px;
604 padding-right: -15px;
605 }
606
607
608.menu-toggle {
609 font-size:18px;
610 color:#000;
611 }
612.menu-icon {
613 margin-left: -30px;
614 }
615.main_icon {
616 margin-right:20px;
617 }
618
619.personal-info,.server-stats {
620 list-style: none;
621 padding-left: 0;
622 }
623
624.progress {
625
626 height: 5px;
627 }
628
629h5 {
630 color: #000;
631 }
632
633.radio, .checkbox {
634 color:#000;
635 margin-left: 10px;
636 }
637.radio label, .checkbox label {
638 font-size:14px;
639 }
640
641.sidebar-wrapper {
642 /*transform*/
643 -webkit-transform: translateZ(0);
644 -moz-transform: translateZ(0);
645 -o-transform: translateZ(0);
646 -ms-transform: translateZ(0);
647 transform: translateZ(0);
648 margin-left: -250px;
649 left: 20px;
650 margin-top: 30px;
651 width: 270px;
652 background: #f0f0f0;
653 position: fixed;
654 height: auto;
655 -ms-overflow-y: auto;
656 overflow-y: auto;
657 z-index: 10000;
658 -webkit-transition: all .4s ease 0s;
659 -moz-transition: all .4s ease 0s;
660 -o-transition: all .4s ease 0s;
661 -ms-transition: all .4s ease 0s;
662 transition: all .4s ease 0s;
663 box-shadow: 1px 1px 1px #262525;
664 border-left: none;
665 padding-right: 5px;
666 padding-left: 10px;
667
668 }
669.home-icon-title {
670 /*text-align: center;*/
671 }
672.sidebar-link a{
673 color:#262525;
674 padding-left:10px;
675 font-size:16px;
676 }
677.sidebar-link a:hover{
678 color:#262525;
679 }
680.sidebar-heading {
681 color:#1e9e04;
682 padding-left:10px;
683 font-size:18px;
684
685 }
686.row {
687 margin-left: 0;
688 margin-right: 0;
689 }
690/* sidebar css ends here */
691
435/* Search box styles */692/* Search box styles */
436693
437.input-group {
694.input-group {
438 flaot:right;695 flaot:right;
439 position: relative;696 position: relative;
440 display: table;697 display: table;
441 border-collapse: separate;698 border-collapse: separate;
442 margin-top: 7.5%;699 margin-top: 7.5%;
443}
444
445.footer-style {
700
701 }
702.footer-style {
446 position: relative;703 position: relative;
447 font-size: 16px;704 font-size: 16px;
448 color:#fff;705 color:#fff;
……
707 background: none repeat scroll 0% 0% rgb(1, 55, 40);707 background: none repeat scroll 0% 0% rgb(1, 55, 40);
708 padding-top:2px;708 padding-top:2px;
709margin-top:4%;709margin-top:4%;
710 }
710 }
711711
712.footer-style li {
712.footer-style li {
713 width:auto;713 width:auto;
714 color:red;714 color:red;
715 font-size: 16px;715 font-size: 16px;
……
718 text-decoration: none;718 text-decoration: none;
719 display: inline-block;719 display: inline-block;
720 border-right: 1px solid rgb(255, 255, 255);720 border-right: 1px solid rgb(255, 255, 255);
721 }
722
721723
722}
723
724.footer-style li a {
724.footer-style li a {
725 width:auto;725 width:auto;
726 color:white;726 color:white;
727}
728.dropdown-menu-large > li ul > li > a{
727 }
728.dropdown-menu-large > li ul > li > a{
729 color:white;729 color:white;
730 padding-left: 0px;730 padding-left: 0px;
731 padding-right: 5px;731 padding-right: 5px;
732 }
733
732734
733}
734
735.dropdown-menu-large > li ul > li > a:hover{
735.dropdown-menu-large > li ul > li > a:hover{
736 color:white;736 color:white;
737}
738
737
738 }
739/*739/*
740 * Remove text-shadow in selection highlight: h5bp.com/i740 * Remove text-shadow in selection highlight: h5bp.com/i
741 * These selection rule sets have to be separate.741 * These selection rule sets have to be separate.
742 * Customize the background color to match your design.742 * Customize the background color to match your design.
743 */743 */
744744
745::-moz-selection {
745::-moz-selection {
746 background: #b3d4fc;746 background: #b3d4fc;
747 text-shadow: none;747 text-shadow: none;
748}
748 }
749749
750::selection {
750::selection {
751 background: #b3d4fc;751 background: #b3d4fc;
752 text-shadow: none;752 text-shadow: none;
753}
753
754 }
754755
755
756@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');756@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
757@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');757@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
758758
759.panel-heading {
759.panel-heading {
760 cursor: pointer;760 cursor: pointer;
761}761}
762762
763/* CSS Method for adding Font Awesome Chevron Icons */763/* CSS Method for adding Font Awesome Chevron Icons */
764 .accordion-toggle:after {
764 .accordion-toggle:after {
765 /* symbol for "opening" panels */765 /* symbol for "opening" panels */
766 font-family:'FontAwesome';766 font-family:'FontAwesome';
767 content:"\f077";767 content:"\f077";
768 float: right;768 float: right;
769 color: inherit;769 color: inherit;
770}
771.panel-heading.collapsed .accordion-toggle:after {
770 }
771.panel-heading.collapsed .accordion-toggle:after {
772 /* symbol for "collapsed" panels */772 /* symbol for "collapsed" panels */
773 content:"\f078";773 content:"\f078";
774
774 }
775/*775/*
776 * A better looking default horizontal rule776 * A better looking default horizontal rule
777 */777 */
778778
779hr {
779hr {
780 display: block;780 display: block;
781 height: 1px;781 height: 1px;
782 border: 0;782 border: 0;
783 border-top: 1px solid #ccc;783 border-top: 1px solid #ccc;
784 margin: 1em 0;784 margin: 1em 0;
785 padding: 0;785 padding: 0;
786}
786 }
787787
788/*788/*
789 * Remove the gap between images, videos, audio and canvas and the bottom of789 * Remove the gap between images, videos, audio and canvas and the bottom of
……
793audio,793audio,
794canvas,794canvas,
795img,795img,
796video {
796video {
797 vertical-align: middle;797 vertical-align: middle;
798}
798 }
799799
800/*800/*
801 * Remove default fieldset styles.801 * Remove default fieldset styles.
802 */802 */
803803
804fieldset {
804fieldset {
805 border: 0;805 border: 0;
806 margin: 0;806 margin: 0;
807 padding: 0;807 padding: 0;
808}
808 }
809809
810/*810/*
811 * Allow only vertical resizing of textareas.811 * Allow only vertical resizing of textareas.
812 */812 */
813813
814textarea {
814textarea {
815 resize: vertical;815 resize: vertical;
816}
816 }
817817
818/* ==========================================================================818/* ==========================================================================
819 Browse Happy prompt819 Browse Happy prompt
820 ========================================================================== */820 ========================================================================== */
821821
822.browsehappy {
822.browsehappy {
823 margin: 0.2em 0;823 margin: 0.2em 0;
824 background: #ccc;824 background: #ccc;
825 color: #000;825 color: #000;
826 padding: 0.2em 0;826 padding: 0.2em 0;
827}
827 }
828828
829/* ==========================================================================829/* ==========================================================================
830 Author's custom styles830 Author's custom styles
831 ========================================================================== */831 ========================================================================== */
832body {
832body {
833 padding: 30px 0px;833 padding: 30px 0px;
834 margin: 0; 834 margin: 0;
835 padding: 0; 835 padding: 0;
……
839 overflow-y:scroll; 839 overflow-y:scroll;
840 font-size:18px;840 font-size:18px;
841 }841 }
842#lightbox .modal-content {
842#lightbox .modal-content {
843 display: inline-block;843 display: inline-block;
844 text-align: center; 844 text-align: center;
845 width:136%;845 width:136%;
846 }
846 }
847847
848#lightbox .close {
848#lightbox .close {
849 opacity: 1;849 opacity: 1;
850 color: rgb(255, 255, 255);850 color: rgb(255, 255, 255);
851 background-color: rgb(25, 25, 25);851 background-color: rgb(25, 25, 25);
……
859 z-index:1032;859 z-index:1032;
860 }860 }
861 .head861 .head
862{
862{
863font-size: 46px;863font-size: 46px;
864font-style: italic;864font-style: italic;
865text-shadow: 0px 0px 20px #222;865text-shadow: 0px 0px 20px #222;
866 }
866 }
867.media-object .dp .img-circle867.media-object .dp .img-circle
868{
868{
869width:150px;869width:150px;
870height:150px;870height:150px;
871 }
871 }
872/* carousel */872/* carousel */
873#quote-carousel 873#quote-carousel
874{
874{
875 padding: 0 10px 30px 10px;875 padding: 0 10px 30px 10px;
876 margin-top: 30px 0px 0px;876 margin-top: 30px 0px 0px;
877
878 }877 }
878
879/* Control buttons */879/* Control buttons */
880#quote-carousel .carousel-control880#quote-carousel .carousel-control
881{
881{
882 background: none;882 background: none;
883 color: #222;883 color: #222;
884 font-size: 2.3em;884 font-size: 2.3em;
……
887 }887 }
888/* Previous button */888/* Previous button */
889#quote-carousel .carousel-control.left 889#quote-carousel .carousel-control.left
890{
890{
891 left: -12px;891 left: -12px;
892 }
892
893/* Next button */893/* Next button */
894#quote-carousel .carousel-control.right 894#quote-carousel .carousel-control.right
895{
895{
896 right: -12px !important;896 right: -12px !important;
897right: 0px;897right: 0px;
898left: auto;898left: auto;
……
900 }900 }
901/* Changes the position of the indicators */901/* Changes the position of the indicators */
902#quote-carousel .carousel-indicators 902#quote-carousel .carousel-indicators
903{
903{
904 right: 50%;904 right: 50%;
905 top: auto;905 top: auto;
906 bottom: 0px;906 bottom: 0px;
907 margin-right: -19px;
908margin-bottom:-19px;
909 }
910/* Changes the color of the indicators */
911#quote-carousel .carousel-indicators li
912{
913 background: #c0c0c0;
914 }
915#quote-carousel .carousel-indicators .active
916{
917 background: #333333;
918 }
919#quote-carousel img
920{
921 width: 250px;
922 height: 100px
923 }
924/* End carousel */
925
926.item blockquote {
927 border-left: none;
928 margin: 0;
929
930 }
931.item blockquote img {
932 margin-bottom: 10px;
933
934 }
935.item blockquote p:before {
936 content: "\f10d";
937 font-family: 'Fontawesome';
938 float: left;
939 margin-right: 10px;
940
941 }
942
943
944<<<<<<< HEAD
945
946.img-heading
947{
948color:rgb(1, 55, 40);
949
950 }
951/**
952 MEDIA QUERIES
953*/
954
955/* Small devices (tablets, 768px and up) */
956@media (min-width: 768px) {
957 #quote-carousel
958 {
959 margin-bottom: 0;
960 padding: 0 40px 30px 40px;
961 margin-top: 30px;
962
963
964
965 }
966}
967/* Small devices (tablets, up to 768px) */
968@media (max-width: 768px) {
969
970 /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
971
972 #quote-carousel .carousel-indicators {
973 bottom: -20px !important;
974 }
975 #quote-carousel .carousel-indicators li {
976 display: inline-block;
977 margin: 0px 5px;
978 width: 15px;
979 height: 15px;
980 }
981
982 #quote-carousel .carousel-indicators li.active {
983 margin: 0px 5px;
984 width: 20px;
985 height: 20px;
986
987 }
988
989.destacados{
990 padding: 20px 0;
991 text-align: center;
992
993 }
994.destacados > div > div{
995 padding: 10px;
996 border: 1px solid transparent;
997 border-radius: 4px;
998 transition: 0.2s;
999 }
1000.destacados > div:hover > div{
1001 margin-top: -10px;
1002 border: 1px solid rgb(200, 200, 200);
1003 box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
1004 background: rgba(200, 200, 200, 0.1);
1005 transition: 0.5s;
1006 }
1007
1008
1009
1010
1011
1012#text
1013{
1014text-shadow: 0px 4px 7px rgb(29, 104, 96);
1015color: rgb(1, 55, 49);
1016font: 40px tahoma, sans-serif, arial;
1017position:absolute;
1018top: 1%;
1019padding-left: 10px;
1020 }
1021.img-size
1022{
1023height:154px;
1024 }
1025
1026
1027
1028/* ==========================================================================
1029 Helper classes
1030 ========================================================================== */
1031
1032/*
1033 * Image replacement
1034 */
1035
1036.ir {
1037 background-color: transparent;
1038 border: 0;
1039 overflow: hidden;
1040 /* IE 6/7 fallback */
1041 *text-indent: -9999px;
1042}
1043
1044.ir:before {
1045 content: "";
1046 display: block;
1047 width: 0;
1048 height: 150%;
1049}
1050
1051/*
1052 * Hide from both screenreaders and browsers: h5bp.com/u
1053 */
1054
1055.hidden {
1056 display: none !important;
1057 visibility: hidden;
1058}
1059
1060/*
1061 * Hide only visually, but have it available for screenreaders: h5bp.com/v
1062 */
1063
1064.visuallyhidden {
1065 border: 0;
1066 clip: rect(0 0 0 0);
1067 height: 1px;
1068 margin: -1px;
1069 overflow: hidden;
1070 padding: 0;
1071 position: absolute;
1072 width: 1px;
1073}
1074
1075/*
1076 * Extends the .visuallyhidden class to allow the element to be focusable
1077 * when navigated to via the keyboard: h5bp.com/p
1078 */
1079
1080.visuallyhidden.focusable:active,
1081.visuallyhidden.focusable:focus {
1082 clip: auto;
1083 height: auto;
1084 margin: 0;
1085 overflow: visible;
1086 position: static;
1087 width: auto;
1088}
1089
1090/*
1091 * Hide visually and from screenreaders, but maintain layout
1092 */
1093
1094.invisible {
1095 visibility: hidden;
1096}
1097
1098/*
1099 * Clearfix: contain floats
1100 *
1101 * For modern browsers
1102 * 1. The space content is one way to avoid an Opera bug when the
1103 * `contenteditable` attribute is included anywhere else in the document.
1104 * Otherwise it causes space to appear at the top and bottom of elements
1105 * that receive the `clearfix` class.
1106 * 2. The use of `table` rather than `block` is only necessary if using
1107 * `:before` to contain the top-margins of child elements.
1108 */
1109
1110.clearfix:before,
1111.clearfix:after {
1112 content: " "; /* 1 */
1113 display: table; /* 2 */
1114}
1115
1116.clearfix:after {
1117 clear: both;
1118}
1119
1120/*
1121 * For IE 6/7 only
1122 * Include this rule to trigger hasLayout and contain floats.
1123 */
1124
1125.clearfix {
1126 *zoom: 1;
1127}
1128
1129/* ==========================================================================
1130 EXAMPLE Media Queries for Responsive Design.
1131 These examples override the primary ('mobile first') styles.
1132 Modify as content requires.
1133 ========================================================================== */
1134
1135@media only screen and (min-width: 35em) {
1136 /* Style adjustments for viewports that meet the condition */
1137}
1138
1139@media print,
1140 (-o-min-device-pixel-ratio: 5/4),
1141 (-webkit-min-device-pixel-ratio: 1.25),
1142 (min-resolution: 120dpi) {
1143 /* Style adjustments for high resolution devices */
1144}
1145
1146/* ==========================================================================
1147 Print styles.
1148 Inlined to avoid required HTTP connection: h5bp.com/r
1149 ========================================================================== */
1150
1151@media print {
1152 * {
1153 background: transparent !important;
1154 color: #000 !important; /* Black prints faster: h5bp.com/s */
1155 box-shadow: none !important;
1156 text-shadow: none !important;
1157 }
1158
1159 a,
1160 a:visited {
1161 text-decoration: underline;
1162 }
1163
1164 a[href]:after {
1165 content: " (" attr(href) ")";
1166 }
1167
1168 abbr[title]:after {
1169 content: " (" attr(title) ")";
1170 }
1171
1172 /*
1173 * Don't show links for images, or javascript/internal links
1174 */
1175
1176 .ir a:after,
1177 a[href^="javascript:"]:after,
1178 a[href^="#"]:after {
1179 content: "";
1180 }
1181
1182 pre,
1183 blockquote {
1184 border: 1px solid #999;
1185 page-break-inside: avoid;
1186 }
1187
1188 thead {
1189 display: table-header-group; /* h5bp.com/t */
1190 }
1191
1192 tr,
1193 img {
1194 page-break-inside: avoid;
1195 }
1196
1197 img {
1198 max-width: 100% !important;
1199 }
1200
1201 @page {
1202 margin: 0.5cm;
1203 }
1204
1205 p,
1206 h2,
1207 h3 {
1208 orphans: 3;
1209 widows: 3;
1210 }
1211
1212 h2,
1213 h3 {
1214 page-break-after: avoid;
1215 }
1216}
1217
1218li .dropdown .maintab: hover ul .dropdown-menu
1219{ display:block;
1220 }
907 margin-right: -19 }