Paste Search Dynamic
Recent pastes
app.css
  1.  
  2. .fa{
  3.     font-family: FontAwesome;
  4.     font-style: normal;
  5.     font-weight: normal;
  6.     line-height: 1;
  7.     font-size-adjust: none;
  8.     font-stretch: normal;
  9.     font-feature-settings: normal;
  10.     font-language-override: normal;
  11.     font-kerning: auto;
  12.     font-synthesis: weight style;
  13.     font-variant: normal;
  14.     font-size: inherit;
  15.     text-rendering: auto;
  16. }
  17. .fa-option::before {
  18.     content: "?";
  19. }
  20.  
  21. #wrapper {
  22.     width:700px;
  23.     height:320px;
  24.     position:absolute;
  25.     left:50%;
  26.     top:50%;
  27.     margin-left:-350px;
  28.     margin-top:-140px;
  29. }
  30. #wrapper header {
  31.     margin:0;
  32. }
  33. #wrapper header #logo {
  34.     float:left;
  35.     width:500px;
  36.     height:44px;
  37.     text-align: center;
  38.     margin-bottom: 0;
  39.     margin-top: 0;
  40. }
  41.  
  42. #wrapper header h1 a{
  43.     background:transparent;
  44. }
  45. #wrapper header h1{
  46.     font-size:52pt;
  47.     color:#fff;
  48. }
  49.  
  50. #wrapper #main {
  51.     float:left;
  52.     width:668px;
  53.     height:84px;
  54.     background:#fff;
  55.     border: 2px solid #494453;
  56.     margin:37px 22px 0;
  57.     border-radius: 6px 0px 0px 6px;
  58. }
  59.  
  60. #wrapper footer {
  61.     width:100%;
  62.     float:left;
  63.     margin-top:85px;
  64. }
  65.  
  66. #wrapper footer p {
  67.     text-align:center;
  68.     font-size:16pt;
  69.     color:#c3c3c3;
  70. }
  71. input[type="text"]#url {
  72.     width:548px;
  73.     height:64px;
  74.     font-family:FontAwesome;
  75.     font-size:34pt;
  76.     border:0;
  77.     color:#808080;
  78.     padding:10px 20px;
  79.     letter-spacing:-2px;
  80.     line-height:63px;
  81.     border-radius: 6px 0px 0px 6px;
  82. }
  83.  
  84.  
  85. .inputaData{
  86.     position:absolute;    
  87.     font-family:FontAwesome;
  88.     font-size:14pt;
  89.     border:1px solid rgba(0,0,0,0.2);
  90.     color:#808080;
  91.     padding:10px 20px;
  92.     letter-spacing:-1px;
  93.     top:180px;
  94.     height:32px;  
  95.     border-radius: 3px;      
  96.  
  97. }
  98.  
  99. input[type="text"]#custom {
  100.     right:7px;
  101.     width:160px;
  102.  
  103. }
  104.  
  105. input[type="text"]#password {
  106.     left:22px;
  107.     width:100px;
  108. }
  109. input[type="number"]#uses {
  110.     position:absolute;
  111.     left:173px;
  112.     width:55px;
  113.     text-align:left;
  114. }
  115.  
  116. input[type="text"]#expire {
  117.     top:180px;
  118.     left:277px;
  119.     width:75px;  
  120.    
  121. }
  122.  
  123. input[type="checkbox"]{
  124.         display:none;
  125. }
  126.  
  127. .checkbox{
  128.         position:absolute;
  129.         top:180px;
  130.         left:402px;    
  131.         width:42px;
  132.         padding:10px 20px;
  133.         text-align:center;
  134.         color:#ffffff;
  135.         line-height:24px;
  136.         cursor:pointer;
  137.         height: 32px;
  138. }
  139.  
  140. .checkbox label{
  141.     display:block;
  142.     cursor:pointer;
  143. }
  144.  
  145. .checked{
  146.         background:#9ACD32;
  147. }
  148.  
  149. .unchecked{
  150.         background:#ff0000;
  151. }
  152.  
  153. input[type="button"],input[type="submit"] {
  154.     width:49px;
  155.     height:49px;
  156.     position:absolute;
  157.     border:0;
  158.     background:transparent;
  159.     text-indent:-9999px;
  160.     right:34px;
  161.     top:102px;
  162. }
  163.  
  164. input[type="button"]:hover,input[type="submit"]:hover {
  165.     cursor:pointer;
  166. }
  167.  
  168. input[type="button"].normal,input[type="submit"].normal,input[type="button"].loading,input[type="submit"].loading {
  169.     background-image:url(../images/button.gif);
  170.     background-repeat:no-repeat;
  171. }
  172.  
  173. input[type="button"].normal:hover,input[type="submit"].normal:hover {
  174.     background-position:0 -49px;
  175. }
  176.  
  177. input[type="button"].loading,input[type="submit"].loading {
  178.     background-position:0 -98px;
  179.     cursor:default;
  180. }
  181.  
  182. #qrCode {
  183.     position:absolute;
  184.     top:-74px;
  185.     right:-22px;
  186. }
  187.  
  188. #qrCode .qrTooltip {
  189.     position:relative;
  190.     width:120px;
  191.     height:120px;
  192.     margin:0;
  193.     text-align:center;
  194.     font:140px/200px Arial, sans-serif;
  195.     color:#fff;
  196.     background:#fff;
  197.     background-position:center center;
  198.     background-repeat:no-repeat;
  199. }
  200.  
  201. #qrCode .qrTooltip:before {
  202.     content:"";
  203.     position:absolute;
  204.     bottom:-20px;
  205.     left:42px;
  206.     border-width:0 0 20px 30px;
  207.     border-style:solid;
  208.     border-color:transparent #fff;
  209. }
  210.  
  211. #qrCode .qrTooltip:hover {
  212.     cursor:pointer;
  213. }
  214.  
  215. #info p {
  216. padding: 4px 6px;
  217. background: rgba(255, 0, 0, 0.55) none repeat scroll 0% 0%;
  218. width: 300px;
  219. height: auto;
  220. text-align: center;
  221. font-size: 14pt;
  222. color: #FFF;
  223. overflow: hidden;
  224. position: absolute;
  225. top: 50px;
  226. right:10px;
  227. border: 1px solid red;
  228. }
Parsed in 0.044 seconds