Plugin Directory

Changeset 1162781


Ignore:
Timestamp:
05/18/2015 04:11:35 PM (11 years ago)
Author:
Omikant
Message:

hide style css

File:
1 edited

Legend:

Unmodified
Added
Removed
  • wp-emi-calculator/trunk/wp-emi-calculator.php

    r1162040 r1162781  
    218218<?php }
    219219function 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 
    368220
    369221<script>
Note: See TracChangeset for help on using the changeset viewer.