Commit b7966fae3f6f04382aabbe840077cc6a43cccc28
- Diff rendering mode:
- inline
- side by side
mouchak/static/css/main.css
(475 / 535)
| 14 | 14 | button, | |
| 15 | 15 | input, | |
| 16 | 16 | select, | |
| 17 | textarea { | ||
| 17 | textarea { | ||
| 18 | 18 | color: #222; | |
| 19 | } | ||
| 19 | } | ||
| 20 | 20 | ||
| 21 | html { | ||
| 21 | html { | ||
| 22 | 22 | font-size: 1em; | |
| 23 | 23 | line-height: 1.4; | |
| 24 | } | ||
| 25 | body{ | ||
| 24 | } | ||
| 25 | body{ | ||
| 26 | 26 | background-color:#bcc8c0; | |
| 27 | } | ||
| 27 | overflow-y:scroll; | ||
| 28 | } | ||
| 28 | 29 | ||
| 29 | .navigation-style { | ||
| 30 | .navigation-style { | ||
| 30 | 31 | position: relative; | |
| 31 | margin-top: -60px; | ||
| 32 | height: 41px; | ||
| 32 | margin-top: -45px; | ||
| 33 | height: 35px; | ||
| 33 | 34 | background: none repeat scroll 0% 0% rgb(1, 55, 40); | |
| 34 | 35 | z-index:1000; | |
| 35 | 36 | opacity:0.7; | |
| 36 | padding-left:100px; | ||
| 37 | |||
| 38 | } | ||
| 39 | .navigation-style > ul > li { | ||
| 37 | padding-left:185px; | ||
| 38 | } | ||
| 39 | |||
| 40 | .navigation-style > ul > li { | ||
| 40 | 41 | font-size:18px; | |
| 41 | 42 | padding:0px 45px; | |
| 42 | } | ||
| 43 | .navigation-style li { | ||
| 43 | } | ||
| 44 | .navigation-style li { | ||
| 44 | 45 | width:auto; | |
| 45 | 46 | color:red; | |
| 46 | 47 | font-size: 16px; | |
| 47 | line-height: 41px; | ||
| 48 | line-height: 35px; | ||
| 48 | 49 | padding: 0px 30px; | |
| 49 | 50 | text-decoration: none; | |
| 50 | 51 | display: inline-block; | |
| 51 | 52 | font-size:16px; | |
| 53 | float:left; | ||
| 54 | } | ||
| 55 | |||
| 52 | 56 | ||
| 53 | } | ||
| 54 | |||
| 55 | .navigation-style li a { | ||
| 57 | .navigation-style li a { | ||
| 56 | 58 | width:auto; | |
| 57 | 59 | color:white; | |
| 58 | 60 | font-size:18px; | |
| 59 | } | ||
| 60 | |||
| 61 | .navigation-style li:hover a{ | ||
| 61 | |||
| 62 | } | ||
| 63 | .navigation-style li:hover a{ | ||
| 62 | 64 | text-decoration: none; | |
| 63 | 65 | display: inline-block; | |
| 64 | } | ||
| 66 | } | ||
| 65 | 67 | .navigation | |
| 66 | { | ||
| 67 | margin-left:7em; | ||
| 68 | } | ||
| 69 | hr { | ||
| 68 | { | ||
| 69 | //margin-left:7em; | ||
| 70 | } | ||
| 71 | hr { | ||
| 70 | 72 | color:blue; | |
| 71 | } | ||
| 72 | .contentblockright { | ||
| 73 | } | ||
| 74 | .contentblockright { | ||
| 73 | 75 | float: right; | |
| 74 | 76 | width: 400px | |
| 75 | } | ||
| 77 | } | ||
| 76 | 78 | ||
| 77 | 79 | ||
| 78 | 80 | /* home page content design */ | |
| 79 | #khmdl-carousel .carousel-inner>.item>img { | ||
| 81 | #khmdl-carousel .carousel-inner>.item>img { | ||
| 80 | 82 | height: 400px | |
| 81 | } | ||
| 83 | } | ||
| 82 | 84 | ||
| 83 | .content-head1 { | ||
| 85 | .content-head1 { | ||
| 84 | 86 | color:#000000; | |
| 85 | 87 | border-bottom: 1px dotted #C00000 ; | |
| 86 | 88 | width:80%; | |
| … | … | ||
| 90 | 90 | font-size: 24px; | |
| 91 | 91 | padding: 1em 0.1em 0.1em 0em; | |
| 92 | 92 | margin: 0.2em 0.1em 0.8em 0em; | |
| 93 | } | ||
| 93 | } | ||
| 94 | 94 | ||
| 95 | 95 | ||
| 96 | .content-head2 { | ||
| 96 | .content-head2 { | ||
| 97 | 97 | color:#000000; | |
| 98 | 98 | border-bottom: 1px dotted #C00000 ; | |
| 99 | 99 | width:80%; | |
| … | … | ||
| 101 | 101 | font-size: 24px; | |
| 102 | 102 | padding: 1em 0.1em 0.1em 0em; | |
| 103 | 103 | margin: 0.2em 0.1em 0.8em 0em; | |
| 104 | } | ||
| 104 | } | ||
| 105 | 105 | .media | |
| 106 | { | ||
| 106 | { | ||
| 107 | 107 | /*box-shadow:0px 0px 4px -2px #000;*/ | |
| 108 | 108 | margin: 20px 0; | |
| 109 | 109 | padding:30px; | |
| 110 | } | ||
| 110 | } | ||
| 111 | 111 | .dp | |
| 112 | { | ||
| 112 | { | ||
| 113 | 113 | border:10px solid #eee; | |
| 114 | 114 | transition: all 0.2s ease-in-out; | |
| 115 | 115 | width:175px; | |
| 116 | 116 | height:175px; | |
| 117 | } | ||
| 117 | } | ||
| 118 | 118 | .dp:hover | |
| 119 | { | ||
| 119 | { | ||
| 120 | 120 | border:2px solid #eee; | |
| 121 | 121 | transform:rotate(360deg); | |
| 122 | 122 | -ms-transform:rotate(360deg); | |
| 123 | 123 | -webkit-transform:rotate(360deg); | |
| 124 | 124 | /*-webkit-font-smoothing:antialiased;*/ | |
| 125 | } | ||
| 125 | } | ||
| 126 | 126 | /* content styling for other pages */ | |
| 127 | 127 | ||
| 128 | .main-head { | ||
| 128 | .main-head { | ||
| 129 | 129 | color:#000000; | |
| 130 | 130 | /*font-family: sans-serif, roboto;*/ | |
| 131 | 131 | font-size: 24px; | |
| … | … | ||
| 133 | 133 | margin: 5px 1px 8px 1px; | |
| 134 | 134 | text-align: left; | |
| 135 | 135 | border-bottom: 1px #c00000 dotted; | |
| 136 | } | ||
| 137 | .subcontent-head { | ||
| 136 | } | ||
| 137 | .subcontent-head { | ||
| 138 | 138 | color:#000000; | |
| 139 | 139 | /*font-family: sans-serif, roboto;*/ | |
| 140 | 140 | font-size: 18px; | |
| 141 | 141 | padding: 5px 1px 2px 0px; | |
| 142 | 142 | margin: 5px 1px 8px 1px; | |
| 143 | 143 | text-align: left; | |
| 144 | } | ||
| 145 | |||
| 146 | .col-md-6 { | ||
| 144 | |||
| 145 | } | ||
| 146 | .col-md-6 { | ||
| 147 | 147 | width: 58%; | |
| 148 | 148 | margin-left: 0.3em; | |
| 149 | } | ||
| 150 | .my-col-9 { | ||
| 149 | } | ||
| 150 | .my-col-9 { | ||
| 151 | 151 | width: 75%; | |
| 152 | 152 | float: left; | |
| 153 | 153 | clear: both; | |
| 154 | 154 | position: relative; | |
| 155 | } | ||
| 156 | .my-col-3 { | ||
| 155 | } | ||
| 156 | .my-col-3 { | ||
| 157 | 157 | width: 25%; | |
| 158 | 158 | float: left; | |
| 159 | 159 | clear: both; | |
| 160 | 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 | 163 | padding: 0; | |
| 164 | 164 | font-size: 46px; | |
| 165 | 165 | font-style: italic; | |
| 166 | 166 | text-shadow: 0px 0px 20px #222; | |
| 167 | } | ||
| 168 | |||
| 169 | .block { | ||
| 167 | |||
| 168 | } | ||
| 169 | .block { | ||
| 170 | 170 | line-height: 150%; | |
| 171 | 171 | padding: 10px 0px 5px 2px; | |
| 172 | 172 | margin: 10px 0px 5px 2px; | |
| 173 | 173 | text-align: justify; | |
| 174 | 174 | font-size: 14px; | |
| 175 | 175 | color: #000000; | |
| 176 | } | ||
| 176 | } | ||
| 177 | 177 | ||
| 178 | .underblock { | ||
| 178 | .underblock { | ||
| 179 | 179 | line-height: 125%; | |
| 180 | 180 | font-size: 14px; | |
| 181 | 181 | text-align: justify; | |
| 182 | } | ||
| 182 | |||
| 183 | } | ||
| 183 | 184 | ||
| 184 | |||
| 185 | .block em { | ||
| 185 | .block em { | ||
| 186 | 186 | vertical-align: super; | |
| 187 | } | ||
| 187 | } | ||
| 188 | 188 | ||
| 189 | a:link { | ||
| 189 | a:link { | ||
| 190 | 190 | color: rgb(1, 55, 40); | |
| 191 | } | ||
| 191 | } | ||
| 192 | 192 | ||
| 193 | 193 | a:hover | |
| 194 | { | ||
| 194 | { | ||
| 195 | 195 | color: #000000; | |
| 196 | } | ||
| 196 | } | ||
| 197 | 197 | ||
| 198 | 198 | ||
| 199 | ul.dropdown-menu li { | ||
| 199 | ul.dropdown-menu li { | ||
| 200 | 200 | /* background:!important none repeat scroll 0% 0% rgb(255, 255, 255);*/ | |
| 201 | 201 | /* border-bottom: 1px inset rgb(188, 181, 215);*/ | |
| 202 | 202 | filter: none; | |
| … | … | ||
| 207 | 207 | padding: 6px; | |
| 208 | 208 | margin:0px 0px 0px 0px; | |
| 209 | 209 | color: #3f3b42 ; | |
| 210 | } | ||
| 211 | ul.dropdown-menu { | ||
| 210 | } | ||
| 211 | ul.dropdown-menu { | ||
| 212 | 212 | margin:0; | |
| 213 | 213 | font-size:smaller; | |
| 214 | 214 | background-color:rgb(1, 55, 40) ; | |
| 215 | } | ||
| 216 | .dropdown-menu li a { | ||
| 215 | } | ||
| 216 | .dropdown-menu li a { | ||
| 217 | 217 | padding: 3px 20px; | |
| 218 | width:100%; | ||
| 219 | } | ||
| 220 | li.maintab:hover { | ||
| 218 | width:100%; | ||
| 219 | } | ||
| 220 | li.maintab:hover { | ||
| 221 | 221 | background-color:#3F3B42; | |
| 222 | 222 | color:yellow; | |
| 223 | } | ||
| 224 | .navigation-style ul li a:hover { | ||
| 223 | } | ||
| 224 | .navigation-style ul li a:hover { | ||
| 225 | 225 | color: white; | |
| 226 | 226 | text-decoration: none; | |
| 227 | } | ||
| 228 | .dropdown-menu > li > a:hover { | ||
| 227 | } | ||
| 228 | .dropdown-menu > li > a:hover { | ||
| 229 | 229 | background-color:#3f3b42; | |
| 230 | } | ||
| 231 | .dropdown-menu > li > a:focus { | ||
| 230 | } | ||
| 231 | .dropdown-menu > li > a:focus { | ||
| 232 | 232 | background-color:#3f3b42; | |
| 233 | } | ||
| 233 | } | ||
| 234 | 234 | .dropdown-menu | |
| 235 | { | ||
| 235 | { | ||
| 236 | 236 | background-color:rgb(1, 55, 40); | |
| 237 | } | ||
| 237 | } | ||
| 238 | 238 | /*testing hover */ | |
| 239 | 239 | ||
| 240 | .panel-body { padding:0px;} | ||
| 241 | .panel-body table tr td { padding-left: 15px } | ||
| 242 | .panel-body .table {margin-bottom: 0px; } | ||
| 240 | |||
| 241 | |||
| 242 | |||
| 243 | 243 | ||
| 244 | li.a { | ||
| 244 | li.a { | ||
| 245 | 245 | color:#000; | |
| 246 | 246 | border-right:none; | |
| 247 | 247 | list-style-type:square; | |
| 248 | } | ||
| 249 | .header-color{ | ||
| 248 | } | ||
| 249 | .header-color{ | ||
| 250 | 250 | color:red; | |
| 251 | } | ||
| 252 | |||
| 253 | |||
| 254 | |||
| 255 | |||
| 256 | |||
| 257 | |||
| 258 | |||
| 259 | .col-md-4 { | ||
| 251 | } | ||
| 252 | .col-md-4 { | ||
| 260 | 253 | padding:0px 10px 0px 0px; | |
| 261 | 254 | width:14%; | |
| 262 | 255 | margin-left:15%; | |
| 263 | 256 | margin-top:2%; | |
| 264 | 257 | text-align:center; | |
| 265 | 258 | color:rgb(1, 55, 40); | |
| 266 | } | ||
| 259 | } | ||
| 267 | 260 | /* Site Map style */ | |
| 268 | .dropdown-large { | ||
| 261 | .dropdown-large { | ||
| 269 | 262 | position: static !important; | |
| 270 | } | ||
| 271 | .dropdown-menu-large { | ||
| 263 | } | ||
| 264 | .dropdown-menu-large { | ||
| 272 | 265 | margin-left: 16px; | |
| 273 | 266 | margin-right: 16px; | |
| 274 | 267 | padding: 20px 0px; | |
| 275 | 268 | width: auto; | |
| 276 | |||
| 277 | } | ||
| 278 | .col-lg-12 { | ||
| 269 | } | ||
| 270 | |||
| 271 | .col-lg-12 { | ||
| 279 | 272 | list-style:none; | |
| 280 | 273 | font-size:16px; | |
| 281 | } | ||
| 282 | .dropdown-menu-large > li > ul { | ||
| 274 | } | ||
| 275 | .dropdown-menu-large > li > ul { | ||
| 283 | 276 | padding: 0; | |
| 284 | 277 | margin: 0; | |
| 285 | } | ||
| 286 | .dropdown-menu-large > li > ul > li { | ||
| 278 | } | ||
| 279 | .dropdown-menu-large > li > ul > li { | ||
| 287 | 280 | list-style: none; | |
| 288 | } | ||
| 289 | .dropdown-menu-large > li > ul > li > a { | ||
| 281 | } | ||
| 282 | .dropdown-menu-large > li > ul > li > a { | ||
| 290 | 283 | display: block; | |
| 291 | 284 | padding: 3px 20px; | |
| 292 | 285 | clear: both; | |
| … | … | ||
| 287 | 287 | line-height: 1.428571429; | |
| 288 | 288 | // color: white; | |
| 289 | 289 | white-space: normal; | |
| 290 | } | ||
| 290 | } | ||
| 291 | 291 | ||
| 292 | 292 | ||
| 293 | .dropdown-menu-large > li ul > li > a:hover { | ||
| 293 | .dropdown-menu-large > li ul > li > a:hover { | ||
| 294 | 294 | text-decoration: none; | |
| 295 | 295 | background-color: #3f3b42; | |
| 296 | } | ||
| 297 | .dropdown-menu-large > li ul > li > a:focus { | ||
| 296 | } | ||
| 297 | .dropdown-menu-large > li ul > li > a:focus { | ||
| 298 | 298 | text-decoration: none; | |
| 299 | 299 | color: #262626; | |
| 300 | 300 | */background-color: #f5f5f5;*/ | |
| 301 | /head} | ||
| 301 | } | ||
| 302 | 302 | .dropdown-menu-large .disabled > a, | |
| 303 | 303 | .dropdown-menu-large .disabled > a:hover, | |
| 304 | .dropdown-menu-large .disabled > a:focus { | ||
| 304 | .dropdown-menu-large .disabled > a:focus { | ||
| 305 | 305 | color: #999999; | |
| 306 | } | ||
| 306 | } | ||
| 307 | 307 | .dropdown-menu-large .disabled > a:hover, | |
| 308 | .dropdown-menu-large .disabled > a:focus { | ||
| 308 | .dropdown-menu-large .disabled > a:focus { | ||
| 309 | 309 | text-decoration: none; | |
| 310 | 310 | background-color: transparent; | |
| 311 | 311 | background-image: none; | |
| 312 | 312 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 313 | 313 | cursor: not-allowed; | |
| 314 | } | ||
| 315 | .dropdown-menu-large .dropdown-header { | ||
| 314 | } | ||
| 315 | .dropdown-menu-large .dropdown-header { | ||
| 316 | 316 | color: white ; | |
| 317 | 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 | 321 | margin-left: 0 ; | |
| 322 | 322 | margin-right: 0 ; | |
| 323 | } | ||
| 324 | .dropdown-menu-large > li { | ||
| 323 | } | ||
| 324 | .dropdown-menu-large > li { | ||
| 325 | 325 | margin-bottom: 30px; | |
| 326 | } | ||
| 327 | .dropdown-menu-large > li:last-child { | ||
| 326 | } | ||
| 327 | .dropdown-menu-large > li:last-child { | ||
| 328 | 328 | margin-bottom: 0; | |
| 329 | } | ||
| 330 | .dropdown-menu-large .dropdown-header { | ||
| 329 | } | ||
| 330 | .dropdown-menu-large .dropdown-header { | ||
| 331 | 331 | padding: 3px 15px !important; | |
| 332 | } | ||
| 333 | } | ||
| 332 | |||
| 333 | }} | ||
| 334 | |||
| 334 | 335 | /* style map styles end */ | |
| 335 | /*dropsown sub menu css */ | ||
| 336 | /*dropdown sub menu css */ | ||
| 336 | 337 | ||
| 337 | .dropdown-submenu { | ||
| 338 | .dropdown-submenu { | ||
| 338 | 339 | position: relative; | |
| 339 | } | ||
| 340 | } | ||
| 340 | 341 | ||
| 341 | .dropdown-submenu>.dropdown-menu { | ||
| 342 | .dropdown-submenu>.dropdown-menu { | ||
| 342 | 343 | top: 0; | |
| 343 | 344 | left: 100%; | |
| 344 | 345 | margin-top: -6px; | |
| … | … | ||
| 347 | 347 | -webkit-border-radius: 0 6px 6px 6px; | |
| 348 | 348 | -moz-border-radius: 0 6px 6px; | |
| 349 | 349 | border-radius: 0 6px 6px 6px; | |
| 350 | } | ||
| 350 | } | ||
| 351 | 351 | ||
| 352 | .dropdown-submenu:hover>.dropdown-menu { | ||
| 352 | .dropdown-submenu:hover>.dropdown-menu { | ||
| 353 | 353 | display: block; | |
| 354 | } | ||
| 354 | } | ||
| 355 | 355 | ||
| 356 | .dropdown-submenu>a:after { | ||
| 356 | .dropdown-submenu>a:after { | ||
| 357 | 357 | display: block; | |
| 358 | 358 | content: " "; | |
| 359 | 359 | float: right; | |
| … | … | ||
| 365 | 365 | border-left-color: #ccc; | |
| 366 | 366 | margin-top: 5px; | |
| 367 | 367 | margin-right: -10px; | |
| 368 | } | ||
| 368 | } | ||
| 369 | 369 | ||
| 370 | .dropdown-submenu:hover>a:after { | ||
| 370 | .dropdown-submenu:hover>a:after { | ||
| 371 | 371 | border-left-color: #fff; | |
| 372 | } | ||
| 372 | } | ||
| 373 | 373 | ||
| 374 | .dropdown-submenu.pull-left { | ||
| 374 | .dropdown-submenu.pull-left { | ||
| 375 | 375 | float: none; | |
| 376 | } | ||
| 376 | } | ||
| 377 | 377 | ||
| 378 | .dropdown-submenu.pull-left>.dropdown-menu { | ||
| 378 | .dropdown-submenu.pull-left>.dropdown-menu { | ||
| 379 | 379 | left: -100%; | |
| 380 | 380 | margin-left: 10px; | |
| 381 | 381 | -webkit-border-radius: 6px 0 6px 6px; | |
| 382 | 382 | -moz-border-radius: 6px 0 6px 6px; | |
| 383 | 383 | border-radius: 6px 0 6px 6px; | |
| 384 | } | ||
| 384 | } | ||
| 385 | 385 | /* drop down menu css ends here */ | |
| 386 | 386 | ||
| 387 | 387 | /* footer social icons style*/ | |
| 388 | #footer-container { | ||
| 388 | #footer-container { | ||
| 389 | 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 | 396 | background-color: #000; | |
| 397 | 397 | padding: 5px 0px; | |
| 398 | } | ||
| 399 | |||
| 400 | .footer-links { | ||
| 398 | |||
| 399 | } | ||
| 400 | .footer-links { | ||
| 401 | 401 | margin-top: 1px; | |
| 402 | } | ||
| 402 | } | ||
| 403 | 403 | ||
| 404 | .footer-links a { | ||
| 404 | .footer-links a { | ||
| 405 | 405 | osition: relative; | |
| 406 | 406 | color:#fff; | |
| 407 | 407 | font-size: 18px; | |
| … | … | ||
| 410 | 410 | background: none repeat scroll 0% 0% rgb(1, 55, 40); | |
| 411 | 411 | margin:0px 0px 0px 20px; | |
| 412 | 412 | padding:0px 10px; | |
| 413 | |||
| 414 | } | ||
| 415 | .footer-links a:hover{ | ||
| 413 | } | ||
| 414 | |||
| 415 | .footer-links a:hover{ | ||
| 416 | 416 | color:white; | |
| 417 | 417 | background-color:#3f3b42; | |
| 418 | 418 | text-decoration:none; | |
| 419 | } | ||
| 420 | #pageview-counter-wrapper { | ||
| 419 | } | ||
| 420 | #pageview-counter-wrapper { | ||
| 421 | 421 | margin-top: 3px; | |
| 422 | } | ||
| 423 | #collapse-sitemap .panel-body { | ||
| 422 | } | ||
| 423 | #collapse-sitemap .panel-body { | ||
| 424 | 424 | background-color:rgb(1, 55, 40); | |
| 425 | 425 | padding-bottom:5px; | |
| 426 | } | ||
| 427 | |||
| 428 | #small-footer { | ||
| 426 | |||
| 427 | } | ||
| 428 | #small-footer { | ||
| 429 | 429 | font-size:12px; | |
| 430 | 430 | margin-top:10px; | |
| 431 | 431 | margin-left:2em; | |
| 432 | } | ||
| 432 | } | ||
| 433 | 433 | /* footer style ends here */ | |
| 434 | 434 | ||
| 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 | |||
| 629 | h5 { | ||
| 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 | 692 | /* Search box styles */ | |
| 436 | 693 | ||
| 437 | .input-group { | ||
| 694 | .input-group { | ||
| 438 | 695 | flaot:right; | |
| 439 | 696 | position: relative; | |
| 440 | 697 | display: table; | |
| 441 | 698 | border-collapse: separate; | |
| 442 | 699 | margin-top: 7.5%; | |
| 443 | } | ||
| 444 | |||
| 445 | .footer-style { | ||
| 700 | |||
| 701 | } | ||
| 702 | .footer-style { | ||
| 446 | 703 | position: relative; | |
| 447 | 704 | font-size: 16px; | |
| 448 | 705 | color:#fff; | |
| … | … | ||
| 707 | 707 | background: none repeat scroll 0% 0% rgb(1, 55, 40); | |
| 708 | 708 | padding-top:2px; | |
| 709 | 709 | margin-top:4%; | |
| 710 | } | ||
| 710 | } | ||
| 711 | 711 | ||
| 712 | .footer-style li { | ||
| 712 | .footer-style li { | ||
| 713 | 713 | width:auto; | |
| 714 | 714 | color:red; | |
| 715 | 715 | font-size: 16px; | |
| … | … | ||
| 718 | 718 | text-decoration: none; | |
| 719 | 719 | display: inline-block; | |
| 720 | 720 | border-right: 1px solid rgb(255, 255, 255); | |
| 721 | } | ||
| 722 | |||
| 721 | 723 | ||
| 722 | } | ||
| 723 | |||
| 724 | .footer-style li a { | ||
| 724 | .footer-style li a { | ||
| 725 | 725 | width:auto; | |
| 726 | 726 | color:white; | |
| 727 | } | ||
| 728 | .dropdown-menu-large > li ul > li > a{ | ||
| 727 | } | ||
| 728 | .dropdown-menu-large > li ul > li > a{ | ||
| 729 | 729 | color:white; | |
| 730 | 730 | padding-left: 0px; | |
| 731 | 731 | padding-right: 5px; | |
| 732 | } | ||
| 733 | |||
| 732 | 734 | ||
| 733 | } | ||
| 734 | |||
| 735 | .dropdown-menu-large > li ul > li > a:hover{ | ||
| 735 | .dropdown-menu-large > li ul > li > a:hover{ | ||
| 736 | 736 | color:white; | |
| 737 | } | ||
| 738 | |||
| 737 | |||
| 738 | } | ||
| 739 | 739 | /* | |
| 740 | 740 | * Remove text-shadow in selection highlight: h5bp.com/i | |
| 741 | 741 | * These selection rule sets have to be separate. | |
| 742 | 742 | * Customize the background color to match your design. | |
| 743 | 743 | */ | |
| 744 | 744 | ||
| 745 | ::-moz-selection { | ||
| 745 | ::-moz-selection { | ||
| 746 | 746 | background: #b3d4fc; | |
| 747 | 747 | text-shadow: none; | |
| 748 | } | ||
| 748 | } | ||
| 749 | 749 | ||
| 750 | ::selection { | ||
| 750 | ::selection { | ||
| 751 | 751 | background: #b3d4fc; | |
| 752 | 752 | text-shadow: none; | |
| 753 | } | ||
| 753 | |||
| 754 | } | ||
| 754 | 755 | ||
| 755 | |||
| 756 | 756 | @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); | |
| 757 | 757 | @import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'); | |
| 758 | 758 | ||
| 759 | .panel-heading { | ||
| 759 | .panel-heading { | ||
| 760 | 760 | cursor: pointer; | |
| 761 | 761 | } | |
| 762 | 762 | ||
| 763 | 763 | /* CSS Method for adding Font Awesome Chevron Icons */ | |
| 764 | .accordion-toggle:after { | ||
| 764 | .accordion-toggle:after { | ||
| 765 | 765 | /* symbol for "opening" panels */ | |
| 766 | 766 | font-family:'FontAwesome'; | |
| 767 | 767 | content:"\f077"; | |
| 768 | 768 | float: right; | |
| 769 | 769 | color: inherit; | |
| 770 | } | ||
| 771 | .panel-heading.collapsed .accordion-toggle:after { | ||
| 770 | } | ||
| 771 | .panel-heading.collapsed .accordion-toggle:after { | ||
| 772 | 772 | /* symbol for "collapsed" panels */ | |
| 773 | 773 | content:"\f078"; | |
| 774 | |||
| 774 | } | ||
| 775 | 775 | /* | |
| 776 | 776 | * A better looking default horizontal rule | |
| 777 | 777 | */ | |
| 778 | 778 | ||
| 779 | hr { | ||
| 779 | hr { | ||
| 780 | 780 | display: block; | |
| 781 | 781 | height: 1px; | |
| 782 | 782 | border: 0; | |
| 783 | 783 | border-top: 1px solid #ccc; | |
| 784 | 784 | margin: 1em 0; | |
| 785 | 785 | padding: 0; | |
| 786 | } | ||
| 786 | } | ||
| 787 | 787 | ||
| 788 | 788 | /* | |
| 789 | 789 | * Remove the gap between images, videos, audio and canvas and the bottom of | |
| … | … | ||
| 793 | 793 | audio, | |
| 794 | 794 | canvas, | |
| 795 | 795 | img, | |
| 796 | video { | ||
| 796 | video { | ||
| 797 | 797 | vertical-align: middle; | |
| 798 | } | ||
| 798 | } | ||
| 799 | 799 | ||
| 800 | 800 | /* | |
| 801 | 801 | * Remove default fieldset styles. | |
| 802 | 802 | */ | |
| 803 | 803 | ||
| 804 | fieldset { | ||
| 804 | fieldset { | ||
| 805 | 805 | border: 0; | |
| 806 | 806 | margin: 0; | |
| 807 | 807 | padding: 0; | |
| 808 | } | ||
| 808 | } | ||
| 809 | 809 | ||
| 810 | 810 | /* | |
| 811 | 811 | * Allow only vertical resizing of textareas. | |
| 812 | 812 | */ | |
| 813 | 813 | ||
| 814 | textarea { | ||
| 814 | textarea { | ||
| 815 | 815 | resize: vertical; | |
| 816 | } | ||
| 816 | } | ||
| 817 | 817 | ||
| 818 | 818 | /* ========================================================================== | |
| 819 | 819 | Browse Happy prompt | |
| 820 | 820 | ========================================================================== */ | |
| 821 | 821 | ||
| 822 | .browsehappy { | ||
| 822 | .browsehappy { | ||
| 823 | 823 | margin: 0.2em 0; | |
| 824 | 824 | background: #ccc; | |
| 825 | 825 | color: #000; | |
| 826 | 826 | padding: 0.2em 0; | |
| 827 | } | ||
| 827 | } | ||
| 828 | 828 | ||
| 829 | 829 | /* ========================================================================== | |
| 830 | 830 | Author's custom styles | |
| 831 | 831 | ========================================================================== */ | |
| 832 | body { | ||
| 832 | body { | ||
| 833 | 833 | padding: 30px 0px; | |
| 834 | 834 | margin: 0; | |
| 835 | 835 | padding: 0; | |
| … | … | ||
| 839 | 839 | overflow-y:scroll; | |
| 840 | 840 | font-size:18px; | |
| 841 | 841 | } | |
| 842 | #lightbox .modal-content { | ||
| 842 | #lightbox .modal-content { | ||
| 843 | 843 | display: inline-block; | |
| 844 | 844 | text-align: center; | |
| 845 | 845 | width:136%; | |
| 846 | } | ||
| 846 | } | ||
| 847 | 847 | ||
| 848 | #lightbox .close { | ||
| 848 | #lightbox .close { | ||
| 849 | 849 | opacity: 1; | |
| 850 | 850 | color: rgb(255, 255, 255); | |
| 851 | 851 | background-color: rgb(25, 25, 25); | |
| … | … | ||
| 859 | 859 | z-index:1032; | |
| 860 | 860 | } | |
| 861 | 861 | .head | |
| 862 | { | ||
| 862 | { | ||
| 863 | 863 | font-size: 46px; | |
| 864 | 864 | font-style: italic; | |
| 865 | 865 | text-shadow: 0px 0px 20px #222; | |
| 866 | } | ||
| 866 | } | ||
| 867 | 867 | .media-object .dp .img-circle | |
| 868 | { | ||
| 868 | { | ||
| 869 | 869 | width:150px; | |
| 870 | 870 | height:150px; | |
| 871 | } | ||
| 871 | } | ||
| 872 | 872 | /* carousel */ | |
| 873 | 873 | #quote-carousel | |
| 874 | { | ||
| 874 | { | ||
| 875 | 875 | padding: 0 10px 30px 10px; | |
| 876 | 876 | margin-top: 30px 0px 0px; | |
| 877 | |||
| 878 | 877 | } | |
| 878 | |||
| 879 | 879 | /* Control buttons */ | |
| 880 | 880 | #quote-carousel .carousel-control | |
| 881 | { | ||
| 881 | { | ||
| 882 | 882 | background: none; | |
| 883 | 883 | color: #222; | |
| 884 | 884 | font-size: 2.3em; | |
| … | … | ||
| 887 | 887 | } | |
| 888 | 888 | /* Previous button */ | |
| 889 | 889 | #quote-carousel .carousel-control.left | |
| 890 | { | ||
| 890 | { | ||
| 891 | 891 | left: -12px; | |
| 892 | } | ||
| 892 | |||
| 893 | 893 | /* Next button */ | |
| 894 | 894 | #quote-carousel .carousel-control.right | |
| 895 | { | ||
| 895 | { | ||
| 896 | 896 | right: -12px !important; | |
| 897 | 897 | right: 0px; | |
| 898 | 898 | left: auto; | |
| … | … | ||
| 900 | 900 | } | |
| 901 | 901 | /* Changes the position of the indicators */ | |
| 902 | 902 | #quote-carousel .carousel-indicators | |
| 903 | { | ||
| 903 | { | ||
| 904 | 904 | right: 50%; | |
| 905 | 905 | top: auto; | |
| 906 | 906 | bottom: 0px; | |
| 907 | margin-right: -19px; | ||
| 908 | margin-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 | { | ||
| 948 | color: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 | { | ||
| 1014 | text-shadow: 0px 4px 7px rgb(29, 104, 96); | ||
| 1015 | color: rgb(1, 55, 49); | ||
| 1016 | font: 40px tahoma, sans-serif, arial; | ||
| 1017 | position:absolute; | ||
| 1018 | top: 1%; | ||
| 1019 | padding-left: 10px; | ||
| 1020 | } | ||
| 1021 | .img-size | ||
| 1022 | { | ||
| 1023 | height: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 | |||
| 1218 | li .dropdown .maintab: hover ul .dropdown-menu | ||
| 1219 | { display:block; | ||
| 1220 | } | ||
| 907 | margin-right: -19 } |
