Changeset 1162781
- Timestamp:
- 05/18/2015 04:11:35 PM (11 years ago)
- File:
-
- 1 edited
-
wp-emi-calculator/trunk/wp-emi-calculator.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
wp-emi-calculator/trunk/wp-emi-calculator.php
r1162040 r1162781 218 218 <?php } 219 219 function emi_calculator_script() {?> 220 221 <style>222 a { text-decoration: none; }223 224 a i {225 font: 0/0 a;226 text-shadow: none;227 color: transparent;228 }229 /*section {230 background-color: rgba(238, 203, 61, 1);231 height: 100%;232 position: fixed;233 right: -740px;234 top: 0;235 transition: right 0.2s linear 0s;236 width: 340px;237 z-index: 9001;238 }*/239 240 section {241 background-color: rgba(238, 203, 61, 1);242 height: 360px;243 position: fixed;244 right: -920px;245 top: 158px;246 transition: right 0.2s linear 0s;247 width: 920px;248 z-index: 9001;249 }250 251 section #menuToggle {252 /*background: rgba(0, 0, 0, 0.6);*/253 display: block;254 position: relative;255 height: 40px;256 left: -66px;257 top: 75px;258 width: 50px;259 border:0;260 }261 262 section #menuToggle span {263 background: white;264 display: block;265 height: 10%;266 left: 10%;267 position: absolute;268 top: 45%;269 width: 80%;270 }271 272 section #menuToggle span:before,273 section #menuToggle span:after {274 background: white;275 content: '';276 display: block;277 height: 100%;278 position: absolute;279 top: -250%;280 -moz-transform: rotate(0deg);281 -ms-transform: rotate(0deg);282 -webkit-transform: rotate(0deg);283 transform: rotate(0deg);284 width: 100%;285 }286 287 section #menuToggle span:after { top: 250%; }288 289 section a:nth-child(n+2) {290 color: white;291 display: block;292 font-size: 2.5em;293 margin: 30px 0 30px 30px;294 }295 296 section a:nth-child(n+2):after {297 background: #ffa53e;298 content: '';299 display: block;300 height: 2px;301 -moz-transition: width 0.2s;302 -o-transition: width 0.2s;303 -webkit-transition: width 0.2s;304 transition: width 0.2s;305 width: 0;306 }307 308 section a:nth-child(n+2):hover:after { width: 100%; }309 310 .open { right: 0; }311 312 .open #menuToggle span {313 background: transparent;314 left: 10%;315 top: 45%;316 }317 318 .open #menuToggle span:before,319 .open #menuToggle span:after {320 background: white;321 top: 0;322 -moz-transform: rotate(45deg);323 -ms-transform: rotate(45deg);324 -webkit-transform: rotate(45deg);325 transform: rotate(45deg);326 }327 328 .open #menuToggle span:after {329 -moz-transform: rotate(-45deg);330 -ms-transform: rotate(-45deg);331 -webkit-transform: rotate(-45deg);332 transform: rotate(-45deg);333 }334 335 #menuToggle .sectionClosed {336 -moz-transition: background 0.1s linear;337 -o-transition: background 0.1s linear;338 -webkit-transition: background 0.1s linear;339 transition: background 0.1s linear;340 }341 342 #menuToggle .sectionClosed:before,343 #menuToggle .sectionClosed:after {344 -moz-transition: top 0.2s linear 0.1s, -moz-transform 0.2s linear 0.1s;345 -o-transition: top 0.2s linear 0.1s, -o-transform 0.2s linear 0.1s;346 -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;347 -webkit-transition-delay: 0.1s, 0.1s;348 transition: top 0.2s linear 0.1s, transform 0.2s linear 0.1s;349 }350 351 #menuToggle .sectionOpen {352 -moz-transition: background 0.1s linear 0.2s;353 -o-transition: background 0.1s linear 0.2s;354 -webkit-transition: background 0.1s linear;355 -webkit-transition-delay: 0.2s;356 transition: background 0.1s linear 0.2s;357 }358 359 #menuToggle .sectionOpen:before,360 #menuToggle .sectionOpen:after {361 -moz-transition: top 0.2s linear, -moz-transform 0.2s linear;362 -o-transition: top 0.2s linear, -o-transform 0.2s linear;363 -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;364 transition: top 0.2s linear, transform 0.2s linear;365 }366 </style>367 368 220 369 221 <script>
Note: See TracChangeset
for help on using the changeset viewer.