Commit 757acd17239a3158ef5db3af5c05c157f9d86fdd
vijayanagara-mouchak website first commit
- mouchak/static/css/main.css 462 -+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
- mouchak/templates/index.html 2 -+
| | | | 22 | font-size: 1em; | 22 | font-size: 1em; |
---|
23 | line-height: 1.4; | 23 | line-height: 1.4; |
---|
24 | } | 24 | } |
---|
| | 25 | body { |
---|
| | 26 | margin: 0; |
---|
| | 27 | padding: 0; |
---|
| | 28 | font-family:'Roboto', sans-serif; |
---|
| | 29 | } |
---|
| | 30 | .container { |
---|
| | 31 | |
---|
| | 32 | } |
---|
| | 33 | .navigation-style { |
---|
| | 34 | position: relative; |
---|
| | 35 | margin-top: 15px; |
---|
| | 36 | height: 41px; |
---|
| | 37 | background: none repeat scroll 0% 0% #000; |
---|
| | 38 | } |
---|
| | 39 | .navigation-style > ul > li { |
---|
| | 40 | font-size:18px; |
---|
| | 41 | padding:0px 45px; |
---|
| | 42 | } |
---|
| | 43 | .navigation-style li { |
---|
| | 44 | width:auto; |
---|
| | 45 | color:red; |
---|
| | 46 | font-size: 16px; |
---|
| | 47 | line-height: 41px; |
---|
| | 48 | padding: 0px 30px; |
---|
| | 49 | text-decoration: none; |
---|
| | 50 | display: inline-block; |
---|
| | 51 | font-size:16px; |
---|
25 | | 52 | |
---|
| | 53 | } |
---|
| | 54 | |
---|
| | 55 | .navigation-style li a { |
---|
| | 56 | width:auto; |
---|
| | 57 | color:white; |
---|
| | 58 | font-size:18px; |
---|
| | 59 | } |
---|
| | 60 | |
---|
| | 61 | .navigation-style li:hover a{ |
---|
| | 62 | text-decoration: none; |
---|
| | 63 | display: inline-block; |
---|
| | 64 | } |
---|
| | 65 | hr { |
---|
| | 66 | color:blue; |
---|
| | 67 | } |
---|
| | 68 | .contentblockright { |
---|
| | 69 | float: right; |
---|
| | 70 | width: 400px |
---|
| | 71 | } |
---|
| | 72 | |
---|
| | 73 | |
---|
| | 74 | /* home page content design */ |
---|
| | 75 | #khmdl-carousel .carousel-inner>.item>img { |
---|
| | 76 | height: 400px |
---|
| | 77 | } |
---|
| | 78 | |
---|
| | 79 | .content-head1 { |
---|
| | 80 | color:#000000; |
---|
| | 81 | border-bottom: 1px dotted #C00000 ; |
---|
| | 82 | width:80%; |
---|
| | 83 | /*font-family: sans-serif, roboto;*/ |
---|
| | 84 | font-size: 24px; |
---|
| | 85 | padding: 1em 0.1em 0.1em 0em; |
---|
| | 86 | margin: 0.2em 0.1em 0.8em 0em; |
---|
| | 87 | } |
---|
| | 88 | |
---|
| | 89 | |
---|
| | 90 | .content-head2 { |
---|
| | 91 | color:#000000; |
---|
| | 92 | border-bottom: 1px dotted #C00000 ; |
---|
| | 93 | width:80%; |
---|
| | 94 | /*font-family: sans-serif, roboto;*/ |
---|
| | 95 | font-size: 24px; |
---|
| | 96 | padding: 1em 0.1em 0.1em 0em; |
---|
| | 97 | margin: 0.2em 0.1em 0.8em 0em; |
---|
| | 98 | } |
---|
| | 99 | .media |
---|
| | 100 | { |
---|
| | 101 | /*box-shadow:0px 0px 4px -2px #000;*/ |
---|
| | 102 | margin: 20px 0; |
---|
| | 103 | padding:30px; |
---|
| | 104 | } |
---|
| | 105 | .dp |
---|
| | 106 | { |
---|
| | 107 | border:10px solid #eee; |
---|
| | 108 | transition: all 0.2s ease-in-out; |
---|
| | 109 | } |
---|
| | 110 | .dp:hover |
---|
| | 111 | { |
---|
| | 112 | border:2px solid #eee; |
---|
| | 113 | transform:rotate(360deg); |
---|
| | 114 | -ms-transform:rotate(360deg); |
---|
| | 115 | -webkit-transform:rotate(360deg); |
---|
| | 116 | /*-webkit-font-smoothing:antialiased;*/ |
---|
| | 117 | } |
---|
| | 118 | /* content styling for other pages */ |
---|
| | 119 | |
---|
| | 120 | .main-head { |
---|
| | 121 | color:#000000; |
---|
| | 122 | /*font-family: sans-serif, roboto;*/ |
---|
| | 123 | font-size: 24px; |
---|
| | 124 | padding: 5px 1px 2px 0px; |
---|
| | 125 | margin: 5px 1px 8px 1px; |
---|
| | 126 | text-align: left; |
---|
| | 127 | border-bottom: 1px #c00000 dotted; |
---|
| | 128 | } |
---|
| | 129 | .subcontent-head { |
---|
| | 130 | color:#000000; |
---|
| | 131 | /*font-family: sans-serif, roboto;*/ |
---|
| | 132 | font-size: 18px; |
---|
| | 133 | padding: 5px 1px 2px 0px; |
---|
| | 134 | margin: 5px 1px 8px 1px; |
---|
| | 135 | text-align: left; |
---|
| | 136 | } |
---|
| | 137 | |
---|
| | 138 | .col-md-6 { |
---|
| | 139 | width: 58%; |
---|
| | 140 | margin-left: 0.3em; |
---|
| | 141 | } |
---|
| | 142 | .my-col-9 { |
---|
| | 143 | width: 75%; |
---|
| | 144 | float: left; |
---|
| | 145 | clear: both; |
---|
| | 146 | position: relative; |
---|
| | 147 | } |
---|
| | 148 | .my-col-3 { |
---|
| | 149 | width: 25%; |
---|
| | 150 | float: left; |
---|
| | 151 | clear: both; |
---|
| | 152 | position: relative; |
---|
| | 153 | } |
---|
| | 154 | #header-box .col-md-9, #header-box .col-md-3 { |
---|
| | 155 | padding: 0; |
---|
| | 156 | } |
---|
| | 157 | |
---|
| | 158 | .block { |
---|
| | 159 | line-height: 150%; |
---|
| | 160 | padding: 10px 0px 5px 2px; |
---|
| | 161 | margin: 10px 0px 5px 2px; |
---|
| | 162 | text-align: justify; |
---|
| | 163 | font-size: 14px; |
---|
| | 164 | color: #000000; |
---|
| | 165 | } |
---|
| | 166 | |
---|
| | 167 | .underblock { |
---|
| | 168 | line-height: 125%; |
---|
| | 169 | font-size: 14px; |
---|
| | 170 | text-align: justify; |
---|
| | 171 | } |
---|
| | 172 | |
---|
| | 173 | |
---|
| | 174 | .block em { |
---|
| | 175 | vertical-align: super; |
---|
| | 176 | } |
---|
| | 177 | |
---|
| | 178 | a:link { |
---|
| | 179 | color: #c00000; |
---|
| | 180 | } |
---|
| | 181 | |
---|
| | 182 | a:hover { |
---|
| | 183 | color: #000000; |
---|
| | 184 | } |
---|
| | 185 | |
---|
| | 186 | |
---|
| | 187 | ul.dropdown-menu li { |
---|
| | 188 | /* background:!important none repeat scroll 0% 0% rgb(255, 255, 255);*/ |
---|
| | 189 | /* border-bottom: 1px inset rgb(188, 181, 215);*/ |
---|
| | 190 | filter: none; |
---|
| | 191 | font-size: 14px; |
---|
| | 192 | display: block; |
---|
| | 193 | border-right:none; |
---|
| | 194 | line-height: 1px; |
---|
| | 195 | padding: 6px; |
---|
| | 196 | margin:0px 0px 0px 0px; |
---|
| | 197 | color: rgb(0, 0, 0); |
---|
| | 198 | } |
---|
| | 199 | ul.dropdown-menu { |
---|
| | 200 | margin:0; |
---|
| | 201 | font-size:smaller; |
---|
| | 202 | background-color:#c00000; |
---|
| | 203 | } |
---|
| | 204 | .dropdown-menu li a { |
---|
| | 205 | padding: 3px 20px; |
---|
| | 206 | width:100%; |
---|
| | 207 | } |
---|
| | 208 | li.maintab:hover { |
---|
| | 209 | background-color:#c00000; |
---|
| | 210 | color:yellow; |
---|
| | 211 | } |
---|
| | 212 | .navigation-style ul li a:hover { |
---|
| | 213 | color: white; |
---|
| | 214 | text-decoration: none; |
---|
| | 215 | } |
---|
| | 216 | .dropdown-menu > li > a:hover { |
---|
| | 217 | background-color:#000; |
---|
| | 218 | } |
---|
| | 219 | .dropdown-menu > li > a:focus { |
---|
| | 220 | background-color:#c00000; |
---|
| | 221 | } |
---|
| | 222 | |
---|
| | 223 | /*testing hover */ |
---|
| | 224 | body{margin-top:0px; |
---|
| | 225 | overflow-y:scroll; |
---|
| | 226 | font-size:18px; |
---|
| | 227 | } |
---|
| | 228 | .panel-body { padding:0px;} |
---|
| | 229 | .panel-body table tr td { padding-left: 15px } |
---|
| | 230 | .panel-body .table {margin-bottom: 0px; } |
---|
| | 231 | |
---|
| | 232 | li.a { |
---|
| | 233 | color:#000; |
---|
| | 234 | border-right:none; |
---|
| | 235 | list-style-type:square; |
---|
| | 236 | } |
---|
| | 237 | .header-color{ |
---|
| | 238 | color:red; |
---|
| | 239 | } |
---|
| | 240 | |
---|
| | 241 | .well { |
---|
| | 242 | background-color:#f7f7f7; |
---|
| | 243 | border-radius: 0px; |
---|
| | 244 | } |
---|
| | 245 | |
---|
| | 246 | .col-md-4 { |
---|
| | 247 | padding:0px 10px 0px 0px; |
---|
| | 248 | } |
---|
| | 249 | /* Site Map style */ |
---|
| | 250 | .dropdown-large { |
---|
| | 251 | position: static !important; |
---|
| | 252 | } |
---|
| | 253 | .dropdown-menu-large { |
---|
| | 254 | margin-left: 16px; |
---|
| | 255 | margin-right: 16px; |
---|
| | 256 | padding: 20px 0px; |
---|
| | 257 | width: auto; |
---|
| | 258 | |
---|
| | 259 | } |
---|
| | 260 | .col-lg-12 { |
---|
| | 261 | list-style:none; |
---|
| | 262 | } |
---|
| | 263 | .dropdown-menu-large > li > ul { |
---|
| | 264 | padding: 0; |
---|
| | 265 | margin: 0; |
---|
| | 266 | } |
---|
| | 267 | .dropdown-menu-large > li > ul > li { |
---|
| | 268 | list-style: none; |
---|
| | 269 | } |
---|
| | 270 | .dropdown-menu-large > li > ul > li > a { |
---|
| | 271 | display: block; |
---|
| | 272 | padding: 3px 20px; |
---|
| | 273 | clear: both; |
---|
| | 274 | font-weight: normal; |
---|
| | 275 | line-height: 1.428571429; |
---|
| | 276 | // color: white; |
---|
| | 277 | white-space: normal; |
---|
| | 278 | } |
---|
| | 279 | |
---|
| | 280 | |
---|
| | 281 | .dropdown-menu-large > li ul > li > a:hover { |
---|
| | 282 | text-decoration: none; |
---|
| | 283 | background-color: #C00000; |
---|
| | 284 | } |
---|
| | 285 | .dropdown-menu-large > li ul > li > a:focus { |
---|
| | 286 | text-decoration: none; |
---|
| | 287 | color: #262626; |
---|
| | 288 | */background-color: #f5f5f5;*/ |
---|
| | 289 | /head} |
---|
| | 290 | .dropdown-menu-large .disabled > a, |
---|
| | 291 | .dropdown-menu-large .disabled > a:hover, |
---|
| | 292 | .dropdown-menu-large .disabled > a:focus { |
---|
| | 293 | color: #999999; |
---|
| | 294 | } |
---|
| | 295 | .dropdown-menu-large .disabled > a:hover, |
---|
| | 296 | .dropdown-menu-large .disabled > a:focus { |
---|
| | 297 | text-decoration: none; |
---|
| | 298 | background-color: transparent; |
---|
| | 299 | background-image: none; |
---|
| | 300 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
---|
| | 301 | cursor: not-allowed; |
---|
| | 302 | } |
---|
| | 303 | .dropdown-menu-large .dropdown-header { |
---|
| | 304 | color: #c00000; |
---|
| | 305 | font-size: 18px; |
---|
| | 306 | } |
---|
| | 307 | @media (max-width: 768px) { |
---|
| | 308 | .dropdown-menu-large { |
---|
| | 309 | margin-left: 0 ; |
---|
| | 310 | margin-right: 0 ; |
---|
| | 311 | } |
---|
| | 312 | .dropdown-menu-large > li { |
---|
| | 313 | margin-bottom: 30px; |
---|
| | 314 | } |
---|
| | 315 | .dropdown-menu-large > li:last-child { |
---|
| | 316 | margin-bottom: 0; |
---|
| | 317 | } |
---|
| | 318 | .dropdown-menu-large .dropdown-header { |
---|
| | 319 | padding: 3px 15px !important; |
---|
| | 320 | } |
---|
| | 321 | } |
---|
| | 322 | /* style map styles end */ |
---|
| | 323 | /*dropsown sub menu css */ |
---|
| | 324 | |
---|
| | 325 | .dropdown-submenu { |
---|
| | 326 | position: relative; |
---|
| | 327 | } |
---|
| | 328 | |
---|
| | 329 | .dropdown-submenu>.dropdown-menu { |
---|
| | 330 | top: 0; |
---|
| | 331 | left: 100%; |
---|
| | 332 | margin-top: -6px; |
---|
| | 333 | margin-left: -1px; |
---|
| | 334 | -webkit-border-radius: 0 6px 6px 6px; |
---|
| | 335 | -moz-border-radius: 0 6px 6px; |
---|
| | 336 | border-radius: 0 6px 6px 6px; |
---|
| | 337 | } |
---|
| | 338 | |
---|
| | 339 | .dropdown-submenu:hover>.dropdown-menu { |
---|
| | 340 | display: block; |
---|
| | 341 | } |
---|
| | 342 | |
---|
| | 343 | .dropdown-submenu>a:after { |
---|
| | 344 | display: block; |
---|
| | 345 | content: " "; |
---|
| | 346 | float: right; |
---|
| | 347 | width: 0; |
---|
| | 348 | height: 0; |
---|
| | 349 | border-color: transparent; |
---|
| | 350 | border-style: solid; |
---|
| | 351 | border-width: 5px 0 5px 5px; |
---|
| | 352 | border-left-color: #ccc; |
---|
| | 353 | margin-top: 5px; |
---|
| | 354 | margin-right: -10px; |
---|
| | 355 | } |
---|
| | 356 | |
---|
| | 357 | .dropdown-submenu:hover>a:after { |
---|
| | 358 | border-left-color: #fff; |
---|
| | 359 | } |
---|
| | 360 | |
---|
| | 361 | .dropdown-submenu.pull-left { |
---|
| | 362 | float: none; |
---|
| | 363 | } |
---|
| | 364 | |
---|
| | 365 | .dropdown-submenu.pull-left>.dropdown-menu { |
---|
| | 366 | left: -100%; |
---|
| | 367 | margin-left: 10px; |
---|
| | 368 | -webkit-border-radius: 6px 0 6px 6px; |
---|
| | 369 | -moz-border-radius: 6px 0 6px 6px; |
---|
| | 370 | border-radius: 6px 0 6px 6px; |
---|
| | 371 | } |
---|
| | 372 | /* drop down menu css ends here */ |
---|
| | 373 | |
---|
| | 374 | /* footer social icons style*/ |
---|
| | 375 | #footer-container { |
---|
| | 376 | margin-bottom:20px; |
---|
| | 377 | } |
---|
| | 378 | .social-icons { |
---|
| | 379 | |
---|
| | 380 | } |
---|
| | 381 | |
---|
| | 382 | .panel-default > .panel-heading { |
---|
| | 383 | background-color: #000; |
---|
| | 384 | padding: 5px 0px; |
---|
| | 385 | } |
---|
| | 386 | |
---|
| | 387 | .footer-links { |
---|
| | 388 | margin-top: 1px; |
---|
| | 389 | } |
---|
| | 390 | |
---|
| | 391 | .footer-links a { |
---|
| | 392 | osition: relative; |
---|
| | 393 | color:#fff; |
---|
| | 394 | font-size: 18px; |
---|
| | 395 | margin-top: 15px; |
---|
| | 396 | height: 41px; |
---|
| | 397 | background: none repeat scroll 0% 0% #000; |
---|
| | 398 | margin:0px 0px 0px 20px; |
---|
| | 399 | padding:0px 10px; |
---|
| | 400 | |
---|
| | 401 | } |
---|
| | 402 | .footer-links a:hover{ |
---|
| | 403 | color:red; |
---|
| | 404 | text-decoration:none; |
---|
| | 405 | } |
---|
| | 406 | #pageview-counter-wrapper { |
---|
| | 407 | margin-top: 3px; |
---|
| | 408 | } |
---|
| | 409 | #collapse-sitemap .panel-body { |
---|
| | 410 | background-color:#000; |
---|
| | 411 | padding-bottom:5px; |
---|
| | 412 | } |
---|
| | 413 | |
---|
| | 414 | #small-footer { |
---|
| | 415 | font-size:12px; |
---|
| | 416 | margin-top:10px; |
---|
| | 417 | } |
---|
| | 418 | /* footer style ends here */ |
---|
| | 419 | |
---|
| | 420 | /* Search box styles */ |
---|
| | 421 | |
---|
| | 422 | .input-group { |
---|
| | 423 | flaot:right; |
---|
| | 424 | position: relative; |
---|
| | 425 | display: table; |
---|
| | 426 | border-collapse: separate; |
---|
| | 427 | margin-top: 7.5%; |
---|
| | 428 | } |
---|
| | 429 | |
---|
| | 430 | .footer-style { |
---|
| | 431 | position: relative; |
---|
| | 432 | font-size: 16px; |
---|
| | 433 | color:#fff; |
---|
| | 434 | height: 35px; |
---|
| | 435 | background: none repeat scroll 0% 0% #000; |
---|
| | 436 | padding-top:2px; |
---|
| | 437 | } |
---|
| | 438 | |
---|
| | 439 | .footer-style li { |
---|
| | 440 | width:auto; |
---|
| | 441 | color:red; |
---|
| | 442 | font-size: 16px; |
---|
| | 443 | line-height: 35px; |
---|
| | 444 | padding: 0px 20px; |
---|
| | 445 | text-decoration: none; |
---|
| | 446 | display: inline-block; |
---|
| | 447 | border-right: 1px solid rgb(255, 255, 255); |
---|
| | 448 | |
---|
| | 449 | } |
---|
| | 450 | |
---|
| | 451 | .footer-style li a { |
---|
| | 452 | width:auto; |
---|
| | 453 | color:white; |
---|
| | 454 | } |
---|
| | 455 | .dropdown-menu-large > li ul > li > a{ |
---|
| | 456 | color:white; |
---|
| | 457 | padding-left: 0px; |
---|
| | 458 | padding-right: 5px; |
---|
| | 459 | |
---|
| | 460 | } |
---|
| | 461 | |
---|
| | 462 | .dropdown-menu-large > li ul > li > a:hover{ |
---|
| | 463 | color:white; |
---|
| | 464 | } |
---|
| | 465 | |
---|
26 | /* | 466 | /* |
---|
27 | * Remove text-shadow in selection highlight: h5bp.com/i | 467 | * Remove text-shadow in selection highlight: h5bp.com/i |
---|
28 | * These selection rule sets have to be separate. | 468 | * These selection rule sets have to be separate. |
---|
… | | … | |
---|
478 | background: #b3d4fc; | 478 | background: #b3d4fc; |
---|
479 | text-shadow: none; | 479 | text-shadow: none; |
---|
480 | } | 480 | } |
---|
| | 481 | |
---|
| | 482 | |
---|
| | 483 | @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); |
---|
| | 484 | @import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'); |
---|
| | 485 | |
---|
| | 486 | .panel-heading { |
---|
| | 487 | cursor: pointer; |
---|
| | 488 | } |
---|
| | 489 | |
---|
| | 490 | /* CSS Method for adding Font Awesome Chevron Icons */ |
---|
| | 491 | .accordion-toggle:after { |
---|
| | 492 | /* symbol for "opening" panels */ |
---|
| | 493 | font-family:'FontAwesome'; |
---|
| | 494 | content:"\f077"; |
---|
| | 495 | float: right; |
---|
| | 496 | color: inherit; |
---|
| | 497 | } |
---|
| | 498 | .panel-heading.collapsed .accordion-toggle:after { |
---|
| | 499 | /* symbol for "collapsed" panels */ |
---|
| | 500 | content:"\f078"; |
---|
481 | | 501 | |
---|
482 | /* | 502 | /* |
---|
483 | * A better looking default horizontal rule | 503 | * A better looking default horizontal rule |
---|
| | | | 6 | {% endblock %} | 6 | {% endblock %} |
---|
7 | | 7 | |
---|
8 | {% block body %} | 8 | {% block body %} |
---|
9 | <div class="container" id="container"> | | <div class="container" id="container"> |
---|
| | 9 | <div class="container-fluid" id="container"> | 10 | <div id="header"> | 10 | <div id="header"> |
---|
11 | <div id="header-banner"> | 11 | <div id="header-banner"> |
---|
12 | {{ content['header']['html']|safe }} | 12 | {{ content['header']['html']|safe }} |
---|