Tip: Click lines to highlight, hold ctrl/cmd to multi-select

http://codedumper.com/omajo (28-Jul @ 20:22)

Syntax Highlighted Code

  1. body {
  2.     margin: 10px;
  3.     padding: 0;
  4.     font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  5.     font-size: 100%;
  6.     background-color: #EDEDEC;
  7. }
  8.  
  9. #wrapper {
  10.     width: 760px;
  11.     margin: 0 auto;
  12. }
  13.  
  14. #intro {
  15.     padding-bottom: 10px;
  16. }
  17.  
  18. h2 {
  19.     margin: 0;
  20.     margin-bottom: 14px;
  21.     padding: 0;
  22. }
  23.  
  24. #slider {
  25.     width: 1000px;
  26.     margin: 0 auto;
  27.     position: relative;
  28. }
  29.  
  30. .scroll {
  31.     height: 250px;
  32.     width: 1000px;
  33.     overflow: auto;
  34.     overflow-x: hidden;
  35.     position: relative;
  36.     clear: left;
  37.     background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
  38. }
  39.  
  40. .scrollContainer div.panel {
  41.     padding: 20px;
  42.     height: 210px;
  43.     width: 960px;
  44. }
  45.  
  46. #shade {
  47.     background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
  48.     height: 50px;
  49. }
  50.  
  51. ul.navigation {
  52.     list-style: none;
  53.     margin: 0;
  54.     padding: 0;
  55.     padding-bottom: 9px;
  56. }
  57.  
  58. ul.navigation li {
  59.     display: inline;
  60.     margin-right: 10px;
  61. }
  62.  
  63. ul.navigation a {
  64.     padding: 10px;
  65.     color: #000;
  66.     text-decoration: none;
  67. }
  68.  
  69. ul.navigation a:hover {
  70.     background-color: #f6f6f6;
  71. }
  72.  
  73. ul.navigation a.selected {
  74.     background-color: #fff;
  75. }
  76.  
  77. ul.navigation a:focus {
  78.     outline: none;
  79. }
  80.  
  81. .scrollButtons {
  82.     position: absolute;
  83.     top: 150px;
  84.     cursor: pointer;
  85. }
  86.  
  87. .scrollButtons.left {
  88.     left: -20px;
  89. }
  90.  
  91. .scrollButtons.right {
  92.     right: -20px;
  93. }
  94.  
  95. .hide {
  96.     display: none;
  97. }

Plain Code

body { 
    margin: 10px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #EDEDEC;
}

#wrapper {
    width: 760px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 250px;
    width: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 960px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

Permalink: http://codedumper.com/omajo