Advertisement
TheAlkaris

CSS3 clusterfuck

Feb 24th, 2014
563
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.05 KB | None | 0 0
  1. /* Favourite colors
  2. * #C93824
  3. * #585858
  4. * #333333
  5. * #8CAD48
  6. * #6677CC
  7. * #B55F53
  8. *
  9. *
  10. * Primary color:
  11. * #495443, #465041, #404f39, 7c8c74, 7f8c78
  12. *
  13. * Secondary color A:
  14. * #61554f, #5c514a, #5a4b41, 94857b, 94877f
  15. *
  16. * Secondary Color B:
  17. * #403340, #3d323d, #3c2c3b, #7e697e, #7e6c7e
  18. */
  19.  
  20. /* body background / header, footer and font */
  21. body {
  22. background-color:#94877f;
  23. }
  24. h1.main {
  25. color: #8cad48;
  26. background-color: #585858;
  27. text-align: center;
  28. text-shadow: 1px 2px #222222;
  29. }
  30.  
  31. h2.main2 {
  32.     color:#8cad48;
  33.     background-color:#585858;
  34.     text-align: center;
  35.     text-shadow: 1px 2px #222222;
  36. }
  37.  
  38. p.parg1 {
  39. background-color:#6677CC;
  40. font-family:"Arial";
  41. font-size:16px;
  42. text-align:justify;
  43. letter-spacing:2px;
  44. text-shadow:1px 1px #333333;
  45. }
  46.  
  47. p.parg2 {
  48. background-color:#C93824;
  49. font-family:"Arial";
  50. font-size:16px;
  51. text-align:justify;
  52. letter-spacing:2px;
  53. text-shadow:1px 1px #333333;
  54. }
  55.  
  56. /* Footer styling: */
  57.  
  58. footer{
  59.     margin-bottom:30px;
  60.     text-align:center;
  61.     font-size:0.825em;
  62. }
  63.  
  64. footer p{
  65.     margin-bottom:-2.5em;
  66.     position:relative;
  67.     text-align: center;
  68. }
  69.  
  70. footer a,footer a:visited{
  71.     color:#cccccc;
  72.     background-color:#213e4a;
  73.     display:block;
  74.     padding:2px 4px;
  75.     z-index:100;
  76.     position:relative;
  77. }
  78.  
  79. footer a:hover{
  80.     text-decoration:none;
  81.     background-color:#142830;
  82. }
  83.  
  84. footer a.by{
  85.     float:left;
  86.  
  87. }
  88.  
  89. footer a.up{
  90.     float:right;
  91. }
  92.  
  93.  
  94. /* nav list */
  95. nav {
  96.     display: block;
  97.     margin-bottom: 10px;
  98. }
  99. nav ul {
  100.     list-style: none;
  101.     font-size: 14px;
  102. }
  103. nav ul li {
  104.     display: inline;
  105. }
  106. nav ul li a {
  107.     display: block;
  108.     float: left;
  109.     padding: 3px 6px;
  110.     background-color: #3d323d;
  111.     color: #8CAD48;
  112.     -webkit-border-radius: 3px;
  113.     -moz-border-radius: 3px;
  114.     border-radius: 3px;
  115.     text-decoration: underline;
  116.     font-weight: bold;
  117.     text-shadow:1px 1px #333333
  118. }
  119. nav ul li a:hover {
  120.     background: #7e6c7e;
  121.     color: #C93824;
  122.     -webkit-border-radius: 3px;
  123.     -moz-border-radius: 3px;
  124.     border-radius: 3px;
  125.     padding: 3px 6px;
  126.     margin: 0;
  127.     text-decoration: none;
  128.     text-shadow:1px 1px #333333
  129. }
  130.  
  131. /* page core */
  132. div#core {
  133.     display: block;
  134.     clear: both;
  135.     margin-bottom: 20px;
  136. }
  137. section#left {
  138.     width: 564px;
  139.     float: left;
  140.     margin: 0 15px;
  141. }
  142. section#right {
  143.     float: right;
  144.     width: 654px;
  145.     margin: 0 2px;
  146. }
  147.  
  148.  
  149. /* clearfix */
  150. .clearfix:after {
  151.     content: ".";
  152.     display: block;
  153.     clear: both;
  154.     visibility: hidden;
  155.     line-height: 0;
  156.     height: 0;
  157. }
  158. .clearfix {
  159.     display: inline-block;
  160. }
  161.  
  162. html[xmlns] .clearfix {
  163.     display: block;
  164. }
  165. * html .clearfix {
  166.     height: 1%;
  167. }
  168.  
  169.  
  170. /* List formatting
  171.  
  172. */
  173.  
  174. ul.a { list-style-type: circle;}
  175. ul.b { list-style-type: square;}
  176. ul.c { list-style-type: upper-roman;}
  177.  
  178. /* Paragraph coloumns */
  179.  
  180. p.para1 {
  181.     float: left;
  182.     font-family:"helvetica";
  183.     font-size:12px;
  184.     text-align: justify;
  185.     width: 280px;
  186.     margin-right: 0 10px;
  187. }
  188.  
  189. div.border {
  190.     margin: 20px;
  191.     width: 250px;
  192.     padding: 15px;
  193.     height: 30px;
  194.     border: 2px solid #C93824;
  195.     background-color: #495443;
  196.     outline: 2px solid #8CAD48;
  197.     outline-offset: 10px;
  198. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement