Commit ad21a71aa9af3093dae8b0ede1703e744ddc0260

  • avatar
  • pradeep
  • Thu Feb 27 16:45:16 IST 2014
  • Tree SHA1: 21f3de9
  • Parent SHA1: a1a3b8f (Merge branch 'master' of git.pantoto.org:karnataka-hybrid-micro-devices-ltd-khmdl-website/khmdl-website)
  • raw diff | raw patch 
New Layout css for khmdl site
  • mouchak/static/css/main.css 131 -------------------------------------------++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  • Diff rendering mode:
  • inline
  • side by side

mouchak/static/css/main.css

26 margin: 0;26 margin: 0;
27 padding: 0;27 padding: 0;
28 font-family:'Roboto', sans-serif;28 font-family:'Roboto', sans-serif;
29
30}29}
31.container {30.container {
32 margin-right:0;
31
33}32}
34.navigation-style {33.navigation-style {
35 position: relative;34 position: relative;
36 font-size: 12px;
37 margin-top: 15px;35 margin-top: 15px;
38 height: 41px;36 height: 41px;
39 background: none repeat scroll 0% 0% #000;37 background: none repeat scroll 0% 0% #000;
40}38}
39.navigation-style > ul > li {
40 font-size:18px;
41 padding:0px 40px;
42}
41.navigation-style li {43.navigation-style li {
42 width:auto;44 width:auto;
43 color:red;45 color:red;
……
48 padding: 0px 30px;48 padding: 0px 30px;
49 text-decoration: none;49 text-decoration: none;
50 display: inline-block;50 display: inline-block;
51 font-size:16px;
5152
52}53}
5354
54.navigation-style li a {55.navigation-style li a {
55 width:auto;56 width:auto;
56 color:white;57 color:white;
58 font-size:20px;
57}59}
5860
59.navigation-style li:hover a{61.navigation-style li:hover a{
……
100margin: 0.2em 0.1em 0.8em 0em;100margin: 0.2em 0.1em 0.8em 0em;
101}101}
102102
103.navigation-style.col-md-10 {
104 padding-left: 0;
105 padding-right: 0;
106}
107103
108.col-md-4 p {
109 width: 85%
110}
111
112
113.col-md-2 {
114width: 23%
115}
116
117
118.content-head2 {104.content-head2 {
119color:#000000; 105color:#000000;
120border-bottom: 1px dotted #C00000 ;106border-bottom: 1px dotted #C00000 ;
……
110padding: 1em 0.1em 0.1em 0em;110padding: 1em 0.1em 0.1em 0em;
111margin: 0.2em 0.1em 0.8em 0em;111margin: 0.2em 0.1em 0.8em 0em;
112}112}
113
113 .media
114 {
115 /*box-shadow:0px 0px 4px -2px #000;*/
116 margin: 20px 0;
117 padding:30px;
118 }
119 .dp
120 {
121 border:10px solid #eee;
122 transition: all 0.2s ease-in-out;
123 }
124 .dp:hover
125 {
126 border:2px solid #eee;
127 transform:rotate(360deg);
128 -ms-transform:rotate(360deg);
129 -webkit-transform:rotate(360deg);
130 /*-webkit-font-smoothing:antialiased;*/
131 }
114/* content styling for other pages */132/* content styling for other pages */
115133
116.main-head {134.main-head {
……
229 overflow-y:scroll;229 overflow-y:scroll;
230 }230 }
231.glyphicon { margin-right:10px; }231.glyphicon { margin-right:10px; }
232.panel-body { padding:0px; }
232.panel-body { padding:0px;background-color:#000; }
233.panel-body table tr td { padding-left: 15px }233.panel-body table tr td { padding-left: 15px }
234.panel-body .table {margin-bottom: 0px; }234.panel-body .table {margin-bottom: 0px; }
235235
236
237
238.col-sm-3 col-md-3{
239 margin:0px 0px 0px -30px;
240}
241
242
243
244.panel panel-default {
245 width:700px;
246}
247
248li.a {236li.a {
249 color:#000;237 color:#000;
250 border-right:none;238 border-right:none;
251 list-style-type:square;239 list-style-type:square;
252}240}
253
254.header-color{241.header-color{
255 color:red;242 color:red;
256}243}
……
258 width: auto;258 width: auto;
259259
260}260}
261.col-lg-12 {
262 list-style:none;
263}
261.dropdown-menu-large > li > ul {264.dropdown-menu-large > li > ul {
262 padding: 0;265 padding: 0;
263 margin: 0;266 margin: 0;
……
274 clear: both;274 clear: both;
275 font-weight: normal;275 font-weight: normal;
276 line-height: 1.428571429;276 line-height: 1.428571429;
277 color: white;
277// color: white;
278 white-space: normal;278 white-space: normal;
279}279}
280280
……
373/* drop down menu css ends here */373/* drop down menu css ends here */
374374
375/* footer social icons style*/375/* footer social icons style*/
376.images {
377 float:right;
378 margin:-45px 50px 0px 0px;
376.social-icons {
377
378 }
379
380.panel-default > .panel-heading {
381 background-color: #000;
382 padding: 5px 0px;
379}383}
380384
385.footer-links {
386 margin-top: 1px;
387}
388
389.footer-links a {
390 osition: relative;
391 color:#fff;
392 font-size: 18px;
393 margin-top: 15px;
394 height: 41px;
395 background: none repeat scroll 0% 0% #000;
396 margin:0px 0px 0px 20px;
397 padding:0px 10px;
398
399}
400.footer-links a:hover{
401 color:red;
402 text-decoration:none;
403}
404
405#pageview-counter-wrapper {
406 margin-top: 3px;
407}
381/* footer style ends here */408/* footer style ends here */
382409
383/* Search box styles */410/* Search box styles */
……
414 position: relative;414 position: relative;
415 display: table;415 display: table;
416 border-collapse: separate;416 border-collapse: separate;
417 margin-top: 7.5%;
417}418}
418419
419.footer-style {420.footer-style {
420 position: relative;421 position: relative;
421 font-size: 12px;
422 margin-top: 15px;
423 height: 35px;
422 font-size: 16px;
423 color:#fff;
424 height: 35px;
424 background: none repeat scroll 0% 0% #000;425 background: none repeat scroll 0% 0% #000;
426 padding-top:2px;
427 }
425428
426 }
427
428.footer-style li {429.footer-style li {
429 width:auto;430 width:auto;
430 color:red;431 color:red;
……
442 width:auto;442 width:auto;
443 color:white;443 color:white;
444}444}
445
446.dropdown-menu-large > li ul > li > a{445.dropdown-menu-large > li ul > li > a{
447 line-height:1;
448 color:white;446 color:white;
449 padding-left: 0px;447 padding-left: 0px;
450 padding-right: 5px;448 padding-right: 5px;
449
451}450}
452451
453.dropdown-menu-large > li ul > li > a:hover{452.dropdown-menu-large > li ul > li > a:hover{
……
468 background: #b3d4fc;468 background: #b3d4fc;
469 text-shadow: none;469 text-shadow: none;
470}470}
471
472
473@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
474@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
475
476.panel-heading {
477 cursor: pointer;
478}
479
480/* CSS Method for adding Font Awesome Chevron Icons */
481 .accordion-toggle:after {
482 /* symbol for "opening" panels */
483 font-family:'FontAwesome';
484 content:"\f077";
485 float: right;
486 color: inherit;
487}
488.panel-heading.collapsed .accordion-toggle:after {
489 /* symbol for "collapsed" panels */
490 content:"\f078";
471491
472/*492/*
473 * A better looking default horizontal rule493 * A better looking default horizontal rule