About and Usage

About

This is a coding website, mainly dealing with JavaScript, HTML, and CSS. Comments are appreciated, whether they are clarifications of a certain aspect of the code, constructive criticism, or a just a coding question.

Usage

The CSS on this website is partially of my design. Here I will be posting the CSS code--feel free to take what you like, but you must tell me beforehand.

CSS of the site

NOTE: For a more complete version, use your debugger tool on your browser (inspect element), go to "Style Editor", then go to a stylesheet called "" with apx. 184 rules (as of this writing). Go to line 723 and all lines proceeding is what you see below.
  1. @import url(http://fonts.googleapis.com/css?family=Anonymous+Pro:400,400italic,700,700italic&subset=latin,latin-ext,greek,cyrillic);
  2. .css .de1, .css .de2, .css .sy0 {color: #0000ff; font-weight: normal;}
  3. .css a:link {color: #006;}
  4. .css a:hover {background-color: #d6d6e6;}
  5. .css .head {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 70%; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; padding: 2px;}
  6. .css .foot {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 70%; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding: 2px;}
  7. .css .imp {font-weight: bold; color: red;}
  8. .css li, .css .li1 {font-family: 'Courier New', Courier, monospace; color: #000060; background-color: #e0e0e0; padding-bottom: 2px;}
  9. .css .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
  10. .css .li2 {font-weight: bold; color: #000090; line-height: 90%}
  11. .css .kw1 {color: rgb(57,57,117); font-weight: bold;}
  12. .css .kw2 {color: #000000;}
  13. .css .co1, .css .co2 {color: rgb(0,128,255);font-style: normal;}
  14. .css .coMULTI {color: #808080; font-style: italic;font-style: normal;}
  15. .css .es0 {color: #000099; font-weight: bold;font-weight: normal;}
  16. .css .es2 {color: #000099; font-weight: bold;}
  17. .css .br0 {color: rgb(0,0,55);}
  18. .css .st0 {color: rgb(128,0,0);}
  19. .css .nu0 {color: #000000;}
  20. .css .re0 {color: rgb(0,128,255);font-weight:bold;}
  21. .css .re1 {color: rgb(255,0,0);}
  22. .css .re2 {color: rgb(255,128,0);font-weight:bold;}
  23. .css .re3 {color: #933;}
  24. .css span.xtra { display:block; }
  25. .javascript .de1, .javascript .de2 {
  26.         color: #000060;
  27.         font-weight: normal;
  28. }
  29. .javascript, .css {
  30.         white-space: nowrap;
  31.         border: 1px dotted #a0a0a0;
  32.         font-family: 'Anonymous Pro', 'Courier New', Courier, monospace;
  33.         font-size: 110%;
  34.         background-color: #f0f0f0;
  35.         margin: 0;
  36.         line-height: 110%;
  37.         padding: 0;
  38.         color: #000;
  39.         width: auto;
  40. }
  41. .javascript a:link {
  42.         color: #006;
  43. }
  44. .javascript a:hover {
  45.         background-color: #d6d6e6;
  46. }
  47. .javascript .head {
  48.         font-family: Verdana, Arial, sans-serif;
  49.         color: #808080;
  50.         font-size: 70%;
  51.         font-weight: bold;
  52.         background-color: #f0f0ff;
  53.         border-bottom: 1px solid #d0d0d0;
  54.         padding: 2px;
  55. }
  56. .javascript .foot {
  57.         font-family: Verdana, Arial, sans-serif;
  58.         color: #808080;
  59.         font-size: 70%;
  60.         font-weight: bold;
  61.         background-color: #f0f0ff;
  62.         border-top: 1px solid #d0d0d0;
  63.         padding: 2px;
  64. }
  65. .javascript .imp {
  66.         font-weight: bold;
  67.         color: red;
  68. }
  69. .javascript li, .javascript .li1 {
  70.         font-family: 'Courier New', Courier, monospace;
  71.         color: #000060;
  72.         background-color: #e0e0e0;
  73.         padding-bottom: 2px;
  74. }
  75. .javascript .ln {
  76.         width:1px;
  77.         text-align:right;
  78.         margin:0;
  79.         padding:0 2px;
  80.         vertical-align:top;
  81. }
  82. .javascript .li2 {
  83.         font-weight: bold;
  84.         color: #000090;
  85.         line-height: 90%
  86. }
  87. .javascript .kw1 {
  88.         color: #000066;
  89.         font-weight: bold;
  90.         color: #0000bb;
  91.         font-weight: bold;
  92.         font-style: italic;
  93. }
  94. .javascript .kw2 {
  95.         color: #003366;
  96.         font-weight: bold;
  97.         color: #0000bb;
  98.         font-weight: bold;
  99.         font-style: italic;
  100. }
  101. .javascript .kw3 {
  102.         color: #000066;
  103. }
  104. .javascript .kw5 {
  105.         color: #FF0000;
  106. }
  107. .javascript .kw4 {
  108.         color: #0000bb;
  109.         font-weight: bold;
  110.         font-style: italic;
  111. }
  112. .javascript .co1 {
  113.         color: #006600;
  114.         font-style: italic;
  115.         color: #00bb00;
  116.         font-weight: bold;
  117.         font-style: normal;
  118. }
  119. .javascript .co2 {
  120.         color: #009966;
  121.         font-style: italic;
  122. }
  123. .javascript .coMULTI {
  124.         color: #006600;
  125.         font-style: italic;
  126.         color: #00bb00;
  127.         font-weight: bold;
  128.         font-style: normal;
  129. }
  130. .javascript .es0 {
  131.         color: #000099;
  132.         font-weight: bold;
  133.         font-weight: normal;
  134. }
  135. .javascript .br0 {
  136.         color: #009900;
  137. }
  138. .javascript .sy0 {
  139.         color: #339933;
  140. }
  141. .javascript .st0 {
  142.         color: #3366CC;color: #660000;
  143. }
  144. .javascript .nu0 {
  145.         color: rgb(255, 128, 64)
  146. }
  147. .javascript .me1 {
  148.         color: #660066;
  149. }
  150. .javascript span.xtra {
  151.         display:block;
  152. }
  153. .javascript ol {
  154.         background: #DDD;
  155. }
  156. a {
  157.     color: rgba(255,255,255,0) !important;
  158.         text-shadow: 0 0 .4em #FFFFFF;
  159.         transition: all .3s ease-in-out;
  160.         text-decoration: none !important;
  161. }
  162. a:hover {
  163.         text-shadow: 0 0 .4em rgba(255,255,255,0);
  164.     color: white !important;
  165.         text-decoration: none !important;
  166. }
  167. .string {
  168.     color: rgb(151, 0, 0) !important
  169. }
  170. .string span {
  171.     color: rgb(151, 0, 0) !important
  172. }
  173. .code {
  174.     font-family: "Anonymous Pro", "Courier New", monospace;
  175.     padding: 10px;
  176.     width: auto;
  177.     height: auto;
  178.     background: rgb(25, 0, 25);
  179.     -moz-border-radius: 10px;
  180.     -webkit-border-radius: 10px;
  181.     border-radius: 10px
  182. }
  183. h1.title, h1.title a {
  184.     font-family: "Anonymous Pro", "Courier New", monospace;
  185.         color: white !important;
  186.     text-shadow: 0 0 15px #09daff;
  187.         font-size: 50px;
  188.     left: 20px;
  189.         transition: all .3s ease-in-out;
  190.     position: relative;
  191. }
  192. h1.title a:hover {
  193.         text-shadow: 0 0 20px #FFFFFF;
  194.         text-decoration: none !important;
  195. }
  196. h1,h2,h3,h4,h5,h6,.widget-content a, h3 a {
  197.         text-shadow: 0 0 .5em #09daff;
  198.         color: #FFFFFF !important;
  199.         transition: all .3s ease-in-out;
  200. }
  201. h1 {
  202.         font-size: 30px;
  203. }
  204. h2 {
  205.         font-size: 25px;
  206. }
  207. h3 {
  208.         font-size: 23px;
  209. }
  210. h3.post-title > a {
  211.         font-size: 35px;
  212. }
  213. h4 {
  214.         font-size: 20px;
  215. }
  216. *::selection {
  217.         text-shadow: 0 0 .5em #09daff;
  218.         color: #000000;
  219.         background: #f62500;
  220. }
  221. *::-moz-selection {
  222.         text-shadow: 0 0 .5em #09daff;
  223.         color: #000000;
  224.         background: #f62500;
  225. }
  226. * {
  227.     font-family: "Anonymous Pro", "Courier New", monospace !important;
  228.         font-size: 15px;
  229. }
  230. .widget-content a:hover, h3 a:hover {
  231.         text-shadow: 0 0 1em #FFFFFF;
  232.         text-decoration: none !important;
  233. }
  234. li.selected {
  235.     box-shadow: 0 0 15px #09daff;
  236. }
  237. #Navbar1, #navbar {
  238.         background: linear-gradient(#010101,#09daff,#010101) !important;
  239.         background: -webkit-linear-gradient(#010101,#09daff,#010101) !important;
  240. }
  241. b {
  242.     text-shadow: 0 0 2px #09daff
  243. }
  244. #b-navbar-bg {
  245.         display: none !important;
  246.         opacity: 0 !important;
  247.         background: rgba(0,0,0,0) !important;
  248. }

No comments:

Post a Comment

Subscribe to: Posts (Atom)