Created
March 26, 2013 14:54
-
-
Save padicode/5245976 to your computer and use it in GitHub Desktop.
Custom PadiAct Action Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <style> | |
| #padiact_overlay_div | |
| { } | |
| #nrlsk-form | |
| { | |
| width: 330px; | |
| top: 50%; | |
| left: 50%; | |
| margin-left: -175px; | |
| margin-top: -235px; | |
| display: block; | |
| position: fixed; | |
| z-index: 10002; | |
| overflow:visible; | |
| } | |
| #nrlsk_exit | |
| { | |
| color: #444444; | |
| display: block; | |
| position: absolute; | |
| right: 0px; | |
| top: 0px; | |
| z-index: 99999; | |
| cursor: pointer; | |
| background:url(http://d2xgf76oeu9pbh.cloudfront.net/images/close_simple.png) top left no-repeat; | |
| width:30px; | |
| height:30px; | |
| } | |
| #norilskTop | |
| { | |
| background-image: url(http://d2xgf76oeu9pbh.cloudfront.net/images/top_shadow.png); | |
| background-repeat: no-repeat; | |
| background-position: center top; | |
| height: 20px; | |
| width: 330px; | |
| overflow: hidden; | |
| padding:0; | |
| } | |
| #norilskContent | |
| { | |
| width: 280px; | |
| padding: 5px 25px; | |
| background-image: url(http://d2xgf76oeu9pbh.cloudfront.net/images/cnt_shadow.png); | |
| background-repeat: repeat-y; | |
| background-position: center top; | |
| } | |
| #norilskLoadedContent | |
| { | |
| background: #EDEDED !important; | |
| position: relative; | |
| overflow-x: hidden; | |
| padding: 0 10px | |
| } | |
| #norilskTitle | |
| { | |
| margin: 0; | |
| color:#3f3f3f; | |
| font-size:16px; | |
| line-height:18px; | |
| font-weight:bold; | |
| font-style:normal; | |
| text-align:left; | |
| padding:10px 0 6px 0; | |
| } | |
| #nrlsk_fields | |
| { | |
| margin: 0; | |
| padding:0; | |
| color:#3f3f3f; | |
| font-size:12px; | |
| line-height:18px; | |
| font-weight:normal; | |
| font-style:normal; | |
| text-align:left; | |
| } | |
| #nrlsk_form | |
| { | |
| margin-top: 10px; | |
| margin: 0; | |
| padding:0; | |
| color:#3f3f3f; | |
| font-size:12px; | |
| line-height:18px; | |
| font-weight:normal; | |
| font-style:normal; | |
| text-align:left; | |
| width:100%; | |
| height:auto; | |
| } | |
| #nrlsk_form label | |
| { | |
| margin: 10px 0 0 0; | |
| padding:0; | |
| display: block; | |
| font-weight: bold; | |
| float: none; | |
| clear: none; | |
| text-align: left; | |
| width: auto; | |
| height: auto; | |
| } | |
| #nrlsk_form input[type=text] | |
| { | |
| font-size:16px; | |
| } | |
| #norilsk_save | |
| { | |
| font-size: 12px; | |
| font-weight: bold; | |
| color: #FFF; | |
| background: #000; | |
| border: 1px solid #000; | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| border-radius: 8px; | |
| cursor: pointer; | |
| padding: 3px 6px; | |
| margin: 10px 0px; | |
| } | |
| #nrlsk_preloader | |
| { | |
| margin: 10px 0 0 0; | |
| padding:0; | |
| display: none; | |
| font-weight: bold; | |
| float: none; | |
| clear: none; | |
| text-align: left; | |
| width: auto; | |
| height: auto; | |
| } | |
| #norilskPrivacy p | |
| { | |
| margin: 0; | |
| padding:0; | |
| color:#3f3f3f; | |
| font-size:12px; | |
| line-height:18px; | |
| font-weight:normal; | |
| font-style:normal; | |
| text-align:left; | |
| } | |
| fieldset | |
| { | |
| border:0; | |
| padding:0; | |
| } | |
| #norilsk_thanks | |
| { | |
| margin: 0; | |
| padding:0; | |
| color:#3f3f3f; | |
| font-size:12px; | |
| line-height:18px; | |
| font-weight:normal; | |
| font-style:normal; | |
| text-align:left; | |
| } | |
| #norilskBottom | |
| { | |
| height: 20px; | |
| width: 330px; | |
| overflow: hidden; | |
| background-image: url(http://d2xgf76oeu9pbh.cloudfront.net/images/bot_shadow.png); | |
| background-repeat: no-repeat; | |
| background-position: center bottom; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="norilsk_overlay_div"> <!-- action wrapper --> | |
| <div id="nrlsk-form"> | |
| <!-- close button goes here --> | |
| <div id="nrlsk_exit" onclick="" class=""></div> | |
| <!-- /end close button --> | |
| <!-- define top background image. Can be ignored --> | |
| <div id="norilskTop"></div> | |
| <!-- /end top background image --> | |
| <div id="norilskContent"> | |
| <!-- action copy and form start here --> | |
| <div id="norilskLoadedContent"> | |
| <!-- Title goes here --> | |
| <div id="norilskTitle"> | |
| Subscribe to our newsletter | |
| </div> | |
| <!-- /end title --> | |
| <!-- form and reason to subscribe goes here --> | |
| <div id="nrlsk_fields"> | |
| <!-- reason to subscribe goes here --> | |
| <p>Subscribe now and we will keep you updated</p> | |
| <!-- /end reason to subscribe --> | |
| <!-- form goes here --> | |
| <form action="" method="post" name="form1" id="nrlsk_form"> | |
| <fieldset> | |
| <!-- automatic generated fields go here --> | |
| <label>Email address<input type="text"/></label> | |
| <!-- /end fields --> | |
| <!-- submit button goes here --> | |
| <input type="submit" value="Subscribe Now" name="norilsk_save" id="norilsk_save" /> | |
| <!-- /end submit button --> | |
| <!-- When people click subscribe the following preloader will replace the submit button --> | |
| <div id="nrlsk_preloader"> | |
| <img alt="loading..." src="http://d2xgf76oeu9pbh.cloudfront.net/images/ajax-loader.gif" /> | |
| </div> | |
| <!-- end preloader --> | |
| </fieldset> | |
| </form> | |
| <!-- /end form --> | |
| <!-- privacy text goes here --> | |
| <div id="norilskPrivacy"><p>We value your privacy. You can unsubscribe anytime.</p></div> | |
| <!-- /end privacy --> | |
| </div> | |
| <!-- /end form and reason to subscribe --> | |
| <!-- thank you message that is displayed when users is succesfully subscribed --> | |
| <div style="display:none;" id="norilsk_thanks"> | |
| <p>Thank you for subscribing.</p> | |
| </div> | |
| <!-- /end thank you message --> | |
| </div> | |
| <!-- /end action copy and form --> | |
| </div> | |
| <!-- bottom background image. can be ignored --> | |
| <div id="norilskBottom"></div> | |
| <!-- /end bottom background --> | |
| </div> | |
| </div> | |
| <!-- /end action wrapper --> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment