Advertisement
Felanpro

Borrow some buttons or lines? Also give me feedback :)

Sep 22nd, 2015
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.53 KB | None | 0 0
  1. Hey Charlie, this is Felix's first post made on Pastebin, and the rest of the posts are ones he has shared through his programming career. Unfortunately, he hasn't been able to do a lot of programming recently due to school; but in the near future he will start once again and rebuild his empire. Stay tuned and keep this link safely, he will update this text for other challenges. To alarm Felix that you completed the easy task, just send a text message with the text "Did it!", he will then answer back with "KO".
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <style>
  10. .button {
  11.   font: bold 11px Arial;
  12.   text-decoration: none;
  13.   background-color: #9932CC;
  14.   color: #FF8C00;
  15.   padding: 7px 20px 20px 20px;
  16.   border-top: 1px solid #CCCCCC;
  17.   border-right: 1px solid #333333;
  18.   border-bottom: 1px solid #333333;
  19.   border-left: 1px solid #CCCCCC;
  20.   text-align:center;
  21. }
  22. </style>
  23.  
  24. <style>
  25. hr {
  26.     color: #
  27.     display: block;
  28.     margin-top: 0.5em;
  29.     margin-bottom: 0.5em;
  30.     margin-left: auto;
  31.     margin-right: auto;
  32.     border-style: inset;
  33.     border-width: 7px;
  34. }
  35. </style>
  36.  
  37. <style>
  38. .link_button {
  39.     -webkit-border-radius: 9px;
  40.     -moz-border-radius: 9px;
  41.     border-radius: 9px;
  42.     border: solid 1px #20538D;
  43.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 4.4);
  44.     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  45.     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  46.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  47.     background: #4479BA;
  48.     color: #FFF;
  49.     padding: 12px 24px;
  50.     text-decoration: none;
  51. }
  52. </style>
  53.  
  54. <style>
  55. .link_button2 {
  56.     -webkit-border-radius: 9px;
  57.     -moz-border-radius: 9px;
  58.     border-radius: 9px;
  59.     border: solid 1px #20538D;
  60.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 4.4);
  61.     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  62.     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  63.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  64.     background: #4479BA;
  65.     color: #FFF;
  66.     padding: 12px 24px;
  67.     text-decoration: none;
  68. }
  69. </style>
  70.  
  71. <style>
  72. .link_button2 {
  73.     -webkit-border-radius: 9px;
  74.     -moz-border-radius: 9px;
  75.     border-radius: 9px;
  76.     border: solid 1px #20538D;
  77.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 4.4);
  78.     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  79.     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  80.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  81.     background: #4479BA;
  82.     color: #FFF;
  83.     padding: 12px 24px;
  84.     text-decoration: none;
  85. }
  86. </style>
  87.  
  88. <style>
  89. .link_button3 {
  90.     -webkit-border-radius: 9px;
  91.     -moz-border-radius: 9px;
  92.     border-radius: 9px;
  93.     border: solid 1px #20538D;
  94.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 4.4);
  95.     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  96.     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  97.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  98.     background: #4479BA;
  99.     color: #FFF;
  100.     padding: 12px 24px;
  101.     text-decoration: none;
  102. }
  103. </style>
  104.  
  105. <style>
  106. .link_button4 {
  107.     -webkit-border-radius: 9px;
  108.     -moz-border-radius: 9px;
  109.     border-radius: 9px;
  110.     border: solid 1px #20538D;
  111.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 4.4);
  112.     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  113.     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  114.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  115.     background: #4479BA;
  116.     color: #FFF;
  117.     padding: 12px 24px;
  118.     text-decoration: none;
  119. }
  120. </style>
  121.  
  122. <style>
  123. .verticalLine {
  124.     border-left: thick solid #ff0000;
  125. }
  126. </style>
  127.  
  128. </head>
  129.  
  130.  
  131.  
  132.  
  133.  
  134. <body>
  135.  
  136. <center>
  137.  
  138. <hr>
  139.  
  140. <a class="link_button" href="file:///C:/Users/Fm/Desktop/Website/websitedesigner.html">Home</a>
  141. <a class="link_button2" href="http://google.com">Info</a>
  142. <a class="link_button3" href="file:///C:/Users/Fm/Desktop/Website/websitedesigner.html">About</a>
  143. <a class="link_button4" href="file:///C:/Users/Fm/Desktop/Website/websitedesigner.html">Post</a>
  144.  
  145. <hr>
  146.  
  147. <div class="verticalLine">
  148.  
  149. <p>blblabalaalabablabablablashdfjohfdid<br>hsdiusgdfsidfsifds<br>dsigfifg</p>
  150.  
  151. </div>
  152.  
  153. </body>
  154.  
  155.  
  156.  
  157.  
  158.  
  159. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement