Commits

Michael Shepanski committed 0a94c88

Dont converting old CSS to SCSS

  • Participants
  • Parent commits bb80a7b

Comments (0)

Files changed (7)

themes/v2-hardwood/static/css/components.scss

 //   * Author Details
 //   * Date Calendar
 //   * Fancy HR
+//   * Header Link
 //   * Page Nav
 //   * Sidebox
 //   * Tag Link
 }
 
 
+// --- Header Link -------------------------------------------------------
+// <h1><span>
+//   {{ title }}
+//   <a class="headerlink" href="#demo" title="Permalink to this headline">¶</a>
+// </span></h2>
+
+.headerlink {
+  display: none;
+}
+
+
 // --- Page Nav ----------------------------------------------------------
 // <div class='pagenav clearfix'>
 //   <div class='taglinks'>
   @include shine(0.4);
   float: right;
   margin: 0px 0px 5px 5px;
-  padding: 3px 4px;
+  padding: 3px 4px 4px 4px;
   position: relative;
   z-index: 1;
 }

themes/v2-hardwood/static/css/navigation.scss

 
 //--- Large Nav Links ---//
 #sitenav .site a {
-  @include transition(background-color, 0.8s, ease-out);
+  @include single-transition("background-color,box-shadow", 0.8s, ease-out);
   @include text-shadow(scale-lightness($navbg, -50%), 0px, 1px, 1px);
   font-family: $navfonts;
   letter-spacing: 1px;
 
 /*--- Social Icon Links ---*/
 #sitenav .social {
-  @include transition(background-color, 0.3s, ease-out);
+  @include single-transition(background-color, 0.3s, ease-out);
   float: left;
   margin: 19px 10px 0px 0px;
 }

themes/v2-hardwood/static/css/pushingkarma.css

-/*---------------------------------------------------------------------------
-/* Main Website Stylesheet (v2)
-/*   Template Layout
-/*   Site Navigation
-/*   Responsive Design Tweaks
-/*   Base CSS Overrides
-/*   Widgets (specialized elements)
-/*------------------------------------------------------------------------ */
-@font-face {
-  font-family: 'kabelbook';
-  src: url('../font/kabel/kabel-medium-webfont.eot');
-  src: url('../font/kabel/kabel-medium-webfont.eot?#iefix') format('embedded-opentype'),
-       url('../font/kabel/kabel-medium-webfont.woff') format('woff'),
-       url('../font/kabel/kabel-medium-webfont.ttf') format('truetype'),
-       url('../font/kabel/kabel-medium-webfont.svg#kabelbook') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-
-a {
-  color: #005500;
-  transition: all 0.2s ease-out;
-  -webkit-transition: all 0.2s ease-out;
-  -moz-transition: all 0.2s ease-out;
-}
-::selection { background-color: #53843B; color: #fff; }
-.first { margin-top: 0px; }
-.left { float: left; margin: 0px 5px 5px 0px; }
-.right { float: right; margin: 0px 0px 5px 5px; }
-
-
-/*---------------------------------------------------------------------------
-/* Template Layouts
-/*------------------------------------------------------------------------ */
-html {
-  background-attachment: fixed;
-  background-color: #301c0f;
-  background-image: url(../img/layout/background-hardwood-dark.jpg);
-  background-position: center top;
-  color: #eee;
-  font-size: 14px;
-}
-body {
-  background-color: transparent;
-  font-family: georgia, serif, arial;
-}
-header {
-  background-color: #252525;
-  background-image: url(../img/layout/banner-china.jpg);
-  background-repeat: no-repeat;
-  background-position: 0px -20px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  box-shadow: inset 0px 0px 60px rgba(0,0,0,0.6);
-  height: 220px;
-  margin: -20px -20px 0px -20px;
-}
-footer {
-  color: #ccc;
-  margin: 15px;
-}
-#layoutborder {
-  background-image: url(../img/transparent/black-30.png);
-  border-radius: 18px;
-  xbox-shadow: 0px 0px 25px 10px rgba(0,0,0,0.4);
-  margin: 25px auto;
-  max-width: 980px;
-  padding: 13px;
-}
-#layoutwrap {
-  background-color: #DAD5C1;
-  background-image: url(../img/layout/background-noise.jpg);
-  background-position: center top;
-  border: 2px solid #111;
-  border-radius: 8px;
-  color: #504E41;
-  font-family: georgia, serif, arial;
-  padding: 20px;
-  position: relative;
-  text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
-  z-index: 0;
-}
-
-/*--- Logo ---*/
-#logo {
-  background-color: #000;
-  background-color: rgba(0,0,0,0.5);
-  border-top-right-radius: 5px;
-  border-bottom-right-radius: 5px;
-  float: left;
-  margin-top: 120px;
-}
-#logo a {
-  display: block;
-  background-image: url(../img/logo.png);
-  background-repeat: no-repeat;
-  width: 255px;
-  height: 55px;
-  margin: 5px 5px 5px 17px;
-  transition: none;
-  -webkit-transition: none;
-  -moz-transition: none;
-}
-#logo .title,
-#logo .subtitle {
-  display: none;
-}
-
-/*---------------------------------------------------------------------------
-/* Site Navigation
-/*------------------------------------------------------------------------ */
-#sitenav .navbar-inner {
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1E1E1E), color-stop(1, #464646));
-  background: -moz-linear-gradient(center bottom, #1E1E1E 0%, #464646 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#1E1E1E');
-  border-radius: 0px;
-  box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-  margin: 0px -20px;
-  height: 65px;
-  overflow: hidden;
-  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
-}
-#sitenav .brand {
-  color: black;
-  display: none;
-  text-shadow: 0 1px 0 rgba(255,255,255,.1)
-}
-#sitenav .btn-navbar { margin-right: 0px; }
-#sitenav ul.pull-left { border-left: 1px solid #222; border-right: 1px solid #444; }
-#sitenav ul.pull-left li {
-  border-left: 1px solid #444;
-  border-right: 1px solid #222;
-  height: 65px;
-}
-#sitenav .site a {
-  font-family: kabelbook, georgia, serif, arial;
-  letter-spacing: 1px;
-  width: 150px;
-  height: 65px;
-  overflow: hidden;
-  padding: 0px;
-  text-decoration: none;
-  text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-  transition: background-color 0.8s ease-out;
-  -webkit-transition: background-color 0.8s ease-out;
-  -moz-transition: background-color 0.8s ease-out;
-}
-#sitenav .site a:hover {
-  background-color: #222;
-  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
-}
-#sitenav .site .title {
-  color: #FFA500;
-  display: block;
-  font-size: 18px;
-  margin: 5px 10px 0px 10px;
-}
-#sitenav .site .subtitle {
-  color: #AAA;
-  display: block;
-  font-size: 13px;
-  line-height: 15px;
-  margin: 2px 10px 5px 10px;
-}
-
-/*--- Social Icons ---*/
-#sitenav .social {
-  float: left;
-  margin: 19px 10px 0px 0px;
-  transition: background-color 0.3s ease-out;
-  -webkit-transition: background-color 0.3s ease-out;
-  -moz-transition: background-color 0.3s ease-out;
-}
-#sitenav .social:last-child {
-  margin-right: 0px;
-}
-#sitenav .social a {
-  background-image: url(../img/layout/socialicons.png);
-  background-repeat: no-repeat;
-  display: block;
-  width: 26px;
-  height: 26px;
-  margin: 0px;
-  padding: 0px;
-}
-#sitenav .social.home {
-  margin: 0px;
-  padding: 19px 15px 20px 15px;
-  height: 26px;
-}
-#sitenav .social.home a {
-  width: 32px;
-  height: 26px;
-}
-#sitenav .social span {
-  background-image: url(../img/layout/socialicons.png);
-  display: block;
-  height: 26px;
-  opacity: 0;
-  transition: opacity 0.4s ease-out;
-  -webkit-transition: opacity 0.4s ease-out;
-  -moz-transition: opacity 0.4s ease-out;
-}
-#sitenav .social a:hover span { opacity: 1; }
-#sitenav .social.home a { background-position: -9px -9px; }
-#sitenav .social.delicious a { background-position: -49px -9px; }
-#sitenav .social.facebook a { background-position: -89px -9px; }
-#sitenav .social.flickr a { background-position: -129px -9px; }
-#sitenav .social.gmail a { background-position: -169px -9px; }
-#sitenav .social.igoogle a { background-position: -209px -9px; }
-#sitenav .social.linkedin a { background-position: -249px -9px; }
-#sitenav .social.picasa a { background-position: -289px -9px; }
-#sitenav .social.twitter a { background-position: -329px -9px; }
-#sitenav .social.twitterbird a { background-position: -369px -9px; }
-#sitenav .social.rss a { background-position: -409px -9px; }
-#sitenav .social.home span { background-position: -9px -89px; }
-#sitenav .social.delicious span { background-position: -49px -89px; }
-#sitenav .social.facebook span { background-position: -89px -89px; }
-#sitenav .social.flickr span { background-position: -129px -89px; }
-#sitenav .social.gmail span { background-position: -169px -89px; }
-#sitenav .social.igoogle span { background-position: -209px -89px; }
-#sitenav .social.linkedin span { background-position: -249px -89px; }
-#sitenav .social.picasa span { background-position: -289px -89px; }
-#sitenav .social.twitter span { background-position: -329px -89px; }
-#sitenav .social.twitterbird span { background-position: -369px -89px; }
-#sitenav .social.rss span { background-position: -409px -89px; }
-
-/*--- Responsive Settings (for mobile) ---*/
-@media (max-width: 600px) {
-  #sitenav .navbar-inner { height: auto; }
-  #sitenav ul.pull-left { border-width: 0px; }
-  #sitenav ul.pull-left li { border-width: 0px; height: auto; }
-  #sitenav .site a {
-    font-weight: normal;
-    padding: 5px 15px;
-    width: auto;
-    height: auto;
-    transition: background-color 0s ease-out;
-    -webkit-transition: background-color 0s ease-out;
-    -moz-transition: background-color 0s ease-out;
-  }
-  #sitenav .site .title,
-  #sitenav .site .subtitle { margin: 0px; }
-  #sitenav .site a:hover { box-shadow: none; }
-  #sitenav .social { margin: 0px 0px 10px 15px; }
-  #sitenav .social:hover a { background-color: transparent; }
-  #sitenav .social.home { display: none; }
-}
-
-
-/*---------------------------------------------------------------------------
-/* Responsive Design Tweaks
-/*------------------------------------------------------------------------ */
-@media (max-width: 600px) {
-  header { background-size: 700px; height: 120px; }
-  #logo { margin-top: 58px; }
-  #logo a { background-size: 200px; width: 200px; height: 42px; }
-  #sitenav .brand { display: block; cursor: pointer; }
-}
-@media (max-width: 979px) {
-  header { border-radius: 0px; }
-  #layoutborder {
-    border-radius: 0px;
-    margin: 0px;
-    padding: 0px 0px 15px 0px;
-  }
-  #layoutwrap { border-radius:0px; border-width:0px; }
-}
-
-
-/*---------------------------------------------------------------------------
-/* Code
-/*------------------------------------------------------------------------ */
-/*code {
-  background: #f0f6fc;
-  border: 1px solid #d2dce6;
-  color: #444;
-  font-family: Monaco, monospace;
-  font-size: 11px;
-  padding: 1px 2px;
-  white-space: nowrap;
-}
-
-pre {
-  background: url('/images/dev-center/wikistyle/pre_code_background.png') repeat #434e56;
-  border: 1px solid #3f464c;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  line-height: 18px;
-  margin: 0 0 22px 0;
-  overflow-y: auto;
-  padding: 12px;
-}
-
-pre::-webkit-scrollbar {
-  height: 7px;
-  width: 7px;
-}
-
-pre::-webkit-scrollbar-button:start:decrement, pre::-webkit-scrollbar-button:end:increment {
-  display: none;
-}
-
-pre::-webkit-scrollbar-track-piece {
-  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .1)));
-}
-
-pre::-webkit-scrollbar-thumb:horizontal {
-  background: -webkit-gradient(linear, left top, left bottom, from(#99a2ab), to(#6a747c));
-  -webkit-border-radius: 3px;
-  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .66) inset;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, .66) inset;
-  width: 25px;
-}
-
-pre code {
-  background: transparent;
-  border: none;
-  color: #f8f8f8;
-  white-space: pre;
-}*/
-
-
-/*---------------------------------------------------------------------------
-/* Base CSS Overrides
-/*------------------------------------------------------------------------ */
-h1, h2, h3 {
-  color: #55321A;
-  font-family: arial;
-  line-height: normal;
-  text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
-}
-h1 a, h2 a, h3 a { color: #55321A; }
-h1 { font-size: 22px; margin-bottom: 3px; }
-h2 { font-size: 15px; margin-bottom: 5px; }
-h3 { font-size: 16px; margin-bottom: 5px; }
-p {
-  font-family: georgia, serif, arial;
-  font-size: 15px;
-  line-height: 1.6em;
-}
-
-/*--- Components ---*/
-[class^="icon-"], [class*=" icon-"] {
-  opacity: 0.4;
-}
-.thumbnail {
-  position: relative;
-  z-index: 1;
-  padding: 2px 3px;
-  background-color: #444;
-  border: 1px solid #666;
-}
-.tooltip.in { opacity: 0.9; }
-
-
-
-
-/*---------------------------------------------------------------------------
-/* Layout Objects
-/*------------------------------------------------------------------------ */
-.sidebox {
-  position: relative;
-  z-index: 0;
-  padding: 15px 10px;
-  xbackground-color: rgba(0,0,0,0.1);
-  background-color: #C6C2B0;
-  border-radius: 5px;
-  border-bottom: 1px solid rgba(0,0,0,0.2);
-  box-shadow: inset 0px 0px 50px rgba(0,0,0,0.2);
-}
-.sidebox p {
-  color: #424036;
-  font-size: 14px;
-  line-height: 1.6em;
-}
-
-
-/*--- Headerlink ---*/
-.headerlink {
-  background-color: rgba(0,0,0,0.2);
-  border-radius: 3px;
-  display: none;
-  margin-left: 0.5em;
-  padding: 1px 0.5em;
-}
-
-
-/*--- Project Descriptions ---*/
-div.project h3,
-div.project div.description {
-  margin-left: 53px;
-}
-
-div.project div.icon span {
-  background-position: center center;
-  background-repeat: no-repeat;
-  display: block;
-  float: left;
-  height: 48px;
-  margin-right: 5px;
-  width: 48px;
-  position: relative;
-  top: -3px;
-}
-div.jquery_wysiwym div.icon span { background-image: url(../img/jquery_wysiwym.png); }
-div.django_dbbackup div.icon span { background-image: url(../img/django_dbbackup.png); }
-
-
-/*---------------------------------------------------------------------------
-/* Widgets (specialized elements)
-/*------------------------------------------------------------------------ */
-
-/*--- Blogpost Details ---*/
-.blogpost .details {
-  font-size: 11px;
-  margin-top: -5px;
-  margin-bottom: 15px;
-}
-.blogpost .details a {
-  color: #5E5C4C;
-}
-.blogpost .details div {
-  color: #8A846E;
-  float: left;
-  margin-right: 20px;
-  text-transform: uppercase;
-}
-.blogpost .authors {
-  display: none;
-}
-
-/*--- Blogpost PageNav ---*/
-.pagenav .taglabel { float: left; margin-right: 5px; }
-.pagenav .pages { float: right; }
-.pagenav .previous {
-  border-right: 1px solid #9F9E88;
-  margin-right: 4px;
-  padding-right: 4px;
-}
-.pagenav .next {
-  border-left: 1px solid #9F9E88;
-  margin-left: 4px;
-  padding-left: 4px;
-}
-
-/*--- Horizontal Rule (HR) ---*/
-.separator {
-  background: url("../img/separator.png") no-repeat;
-  border-width: 0px;
-  display: block;
-  width: 54px;
-  height: 27px;
-  margin: 30px auto;
-  opacity: 0.7;
-  overflow: visible;
-  position: relative;
-}
-.separator:before, .separator:after {
-  position: absolute;
-  content: "\0020";
-  background: rgba(152,144,113,0.5);
-  width: 150px;
-  height: 1px;
-  top: 50%;
-}
-.separator:before {
-  margin-left: -170px;
-}
-.separator:after {
-  left: 100%;
-  margin-left: 20px;
-}
-
-/*--- Calendar Date ---*/
-.caldate {
-  background-image: url(../img/layout/caldate.png);
-  background-repeat: no-repeat;
-  float: left;
-  font-family: arial, georgia, serif;
-  height: 50px;
-  margin-right: 10px;
-  margin-bottom: 3px;
-  opacity: 0.9;
-  position: relative;
-  width: 45px;
-}
-.caldate .month {
-  color: #fec;
-  font-size: 9px;
-  font-weight: bold;
-  line-height: 9px;
-  position: absolute;
-  text-align: center;
-  text-shadow: none;
-  top: 8px;
-  width: 43px;
-}
-.caldate .day {
-  color: #545;
-  font-size: 20px;
-  font-weight: bold;
-  line-height: 26px;
-  position: absolute;
-  text-align: center;
-  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
-  top: 19px;
-  width: 43px;
-}
-.caldate .overlay {
-  background-image: url(../img/layout/caldate.png);
-  background-position: 0px -50px;
-  background-repeat: no-repeat;
-  height: 50px;
-  position: absolute;
-  width: 45px;
-}
-
-/*--- Shine ---*/
-[class^="shine-"]:before, [class*=" shine-"]:before {
-  content: "";
-  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
-  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
-  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
-  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
-  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
-  background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
-  box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
-  display: block;
-  padding: 0px;
-  position: relative;
-  height: 1px;
-}
-.shine-80:before { opacity: 0.8; }
-.shine-70:before { opacity: 0.7; }
-.shine-60:before { opacity: 0.6; }
-.shine-50:before { opacity: 0.5; }
-.shine-40:before { opacity: 0.4; }
-.shine-30:before { opacity: 0.3; }
-.shine-20:before { opacity: 0.2; }
-.shine-10:before { opacity: 0.1; }
-
-/*--- Vignette ---*/
-.vignette {
-	box-shadow: inset 0px 0px 80px rgba(0,0,0,0.4);
-  display: inline-block;
-	line-height: 0;
-}
-.thumbnail .vignette { box-shadow: inset 0px 0px 30px rgba(0,0,0,0.4); }
-.vignette img { position: relative; z-index: -1; }
-
-/*--- Tag Link ---*/
-.taglink {
-  background-color: #405072;
-  box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
-  border-radius: 4px;
-  color: #ddd;
-  display: block;
-  float: left;
-  font-size: 11px;
-  height: 20px;
-  line-height: 20px;
-  margin: 0px 8px 7px 9px;
-  padding: 0px 8px 0px 8px;
-  position: relative;
-  text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
-  transition: none;
-  -webkit-transition: none;
-  -moz-transition: none;
-}
-.taglink .close {
-  font-size: 14px;
-  opacity: 0.4;
-  position: relative;
-  left: 4px;
-}
-.taglink:before {
-  background-color: #405072;
-  border-radius: 4px;
-  content: "";
-  display: block;
-  width: 16px;
-  height: 16px;
-  left: -6px;
-  position: absolute;
-  top: 2px;
-  transform: rotate(45deg);
-  -webkit-transform: rotate(45deg);
-  -moz-transform: rotate(45deg);
-  -o-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  z-index: -1;
-}
-.taglink:after {
-  background-color: #C6C2B0;
-  border-radius: 2px;
-  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);
-  content: "";
-  width: 4px;
-  height: 4px;
-  left: -2px;
-  position: absolute;
-  top: 8px;
-}
-a.taglink:hover, a.taglink:hover:before {
-  background-color: #4C6498;
-  color: #fff;
-  text-decoration: none;
-}
-
-/*--- Curl Shadow ---*/
-.curlshadow {
-  position: relative;
-  z-index: 0;
-}
-.curlshadow:before, .curlshadow:after {
-  position: absolute;
-  content: "";
-  bottom: 18px;
-  left: 10px;
-  width: 50%;
-  top: 80%;
-  max-width:300px;
-  background: rgba(0,0,0,0.5);
-  box-shadow: 0 15px 10px rgba(0,0,0,0.5);
-  transform: rotate(-3deg);
-  -webkit-transform: rotate(-3deg);
-  -moz-transform: rotate(-3deg);
-  -o-transform: rotate(-3deg);
-  -ms-transform: rotate(-3deg);
-  z-index: -1;
-}
-.curlshadow:after {
-  -webkit-transform: rotate(3deg);
-  -moz-transform: rotate(3deg);
-  -o-transform: rotate(3deg);
-  -ms-transform: rotate(3deg);
-  transform: rotate(3deg);
-  right: 10px;
-  left: auto;
-}
-
-
-/*-------------------------------------------------------------
- * jQuery WYSIWYM
- *------------------------------------------------------------- */
-div.wysiwym-buttons {
-  height: 18px;
-}
-div.wysiwym-buttons div.button {
-  float: left;
-  background-image: url(../js/wysiwym/buttons.light.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  border-right: 1px solid #aaa;
-}
-div.wysiwym-buttons div.button.first {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-  -webkit-border-top-left-radius: 3px;
-  -webkit-border-bottom-left-radius: 3px;
-  -moz-border-radius-topleft: 3px;
-  -moz-border-radius-bottomleft: 3px;
-}
-div.wysiwym-buttons div.button.last {
-  border-right: 0px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  -webkit-border-top-right-radius: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  -moz-border-radius-topright: 3px;
-  -moz-border-radius-bottomright: 3px;
-}
-div.wysiwym-buttons div.button span.wrap {
-  display: block;
-  height: 18px;
-}
-div.wysiwym-buttons div.button span.text {
-  padding: 0px 4px;
-  color: #555;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 16px;
-  cursor: default;
-  user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -o-user-select: none;
-  -webkit-user-select: none;
-}
-
-/*--- Disable Text for all known button types ---*/
-div.wysiwym-buttons div.button.bold span.text { display: none; }
-div.wysiwym-buttons div.button.italic span.text { display: none; }
-div.wysiwym-buttons div.button.link span.text { display: none; }
-div.wysiwym-buttons div.button.bulletlist span.text { display: none; }
-div.wysiwym-buttons div.button.numberlist span.text { display: none; }
-div.wysiwym-buttons div.button.quote span.text { display: none; }
-div.wysiwym-buttons div.button.code span.text { display: none; }
-
-/*--- Button Image Offsets (Default) ---*/
-div.wysiwym-buttons div.button.bold span.wrap { width: 22px; background-image: url(../js/wysiwym/buttons.light.png); background-position: -1px -54px; }
-div.wysiwym-buttons div.button.italic span.wrap { width: 22px; background-image: url(../js/wysiwym/buttons.light.png); background-position: -1px -81px; }
-div.wysiwym-buttons div.button.link span.wrap { width: 22px; background-image: url(../js/wysiwym/buttons.light.png); background-position: -1px -106px; }
-div.wysiwym-buttons div.button.bulletlist span.wrap { width: 22px; background-image: url(../js/wysiwym/buttons.light.png); background-position: -1px -132px; }
-div.wysiwym-buttons div.button.numberlist span.wrap { width: 22px; background-image: url(../js/wysiwym/buttons.light.png); background-position: -2px -158px; }
-div.wysiwym-buttons div.button.quote span.wrap { width: 22px; background-image: url(../js/wysiwym/buttons.light.png); background-position: -1px -184px; }
-div.wysiwym-buttons div.button.code span.wrap { width: 22px; background-image: url(../js/wysiwym/buttons.light.png); background-position: -1px -211px; }
-
-/*--- Button Images Offsets (Hover) ---*/
-div.wysiwym-buttons div.button:hover { background-position: 0px -30px; }
-div.wysiwym-buttons div.button.bold:hover span.wrap { background-position: -27px -54px; }
-div.wysiwym-buttons div.button.italic:hover span.wrap { background-position: -27px -81px; }
-div.wysiwym-buttons div.button.link:hover span.wrap { background-position: -27px -106px; }
-div.wysiwym-buttons div.button.bulletlist:hover span.wrap { background-position: -27px -132px; }
-div.wysiwym-buttons div.button.numberlist:hover span.wrap { background-position: -28px -158px; }
-div.wysiwym-buttons div.button.quote:hover span.wrap { background-position: -27px -184px; }
-div.wysiwym-buttons div.button.code:hover span.wrap { background-position: -27px -211px; }
-
-
-/*--- Styles for Wysiwym Help ---*/
-a.wysiwym-help-toggle {
-  float: left;
-  font-size: 10px;
-  line-height: 18px;
-}
-div.wysiwym-help {
-  clear: left;
-  float: left;
-  padding: 0px 5px;
-  line-height: 18px;
-  font-size: 10px;
-  background-color: #eee;
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-}
-div.wysiwym-help td,
-div.wysiwym-help th {
-  color: #666;
-  border-bottom: 1px dotted #ddd;
-}
-
-div.wysiwym-help tr:last-child td,
-div.wysiwym-help tr:last-child th {
-  border-width: 0px;
-}
-div.wysiwym-help th {
-  padding-right: 10px;
-  text-align: left;
-  color: #777;
-}

themes/v2-hardwood/static/css/pushingkarma.scss

-/*---------------------------------------------------------------------------
-/* Main Website Stylesheet (v2)
-/*   Template Layout
-/*   Site Navigation
-/*   Responsive Design Tweaks
-/*   Base CSS Overrides
-/*   Widgets (specialized elements)
-/*------------------------------------------------------------------------ */
-
-.first { margin-top: 0px; }
-
-
-/*--- Headerlink ---*/
-.headerlink {
-  background-color: rgba(0,0,0,0.2);
-  border-radius: 3px;
-  display: none;
-  margin-left: 0.5em;
-  padding: 1px 0.5em;
-}
-
-
-/*-------------------------------------------------------------
- * jQuery WYSIWYM
- *------------------------------------------------------------- */
-div.wysiwym-buttons {
-  height: 18px;
-}
-div.wysiwym-buttons div.button {
-  float: left;
-  background-image: url(/collectstatic/js/wysiwym/buttons.light.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  border-right: 1px solid #aaa;
-}
-div.wysiwym-buttons div.button.first {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-  -webkit-border-top-left-radius: 3px;
-  -webkit-border-bottom-left-radius: 3px;
-  -moz-border-radius-topleft: 3px;
-  -moz-border-radius-bottomleft: 3px;
-}
-div.wysiwym-buttons div.button.last {
-  border-right: 0px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  -webkit-border-top-right-radius: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  -moz-border-radius-topright: 3px;
-  -moz-border-radius-bottomright: 3px;
-}
-div.wysiwym-buttons div.button span.wrap {
-  display: block;
-  height: 18px;
-}
-div.wysiwym-buttons div.button span.text {
-  padding: 0px 4px;
-  color: #555;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 16px;
-  cursor: default;
-  user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -o-user-select: none;
-  -webkit-user-select: none;
-}
-
-/*--- Disable Text for all known button types ---*/
-div.wysiwym-buttons div.button.bold span.text { display: none; }
-div.wysiwym-buttons div.button.italic span.text { display: none; }
-div.wysiwym-buttons div.button.link span.text { display: none; }
-div.wysiwym-buttons div.button.bulletlist span.text { display: none; }
-div.wysiwym-buttons div.button.numberlist span.text { display: none; }
-div.wysiwym-buttons div.button.quote span.text { display: none; }
-div.wysiwym-buttons div.button.code span.text { display: none; }
-
-/*--- Button Image Offsets (Default) ---*/
-div.wysiwym-buttons div.button.bold span.wrap { width: 22px; background-image: url(/collectstatic/js/wysiwym/buttons.light.png); background-position: -1px -54px; }
-div.wysiwym-buttons div.button.italic span.wrap { width: 22px; background-image: url(/collectstatic/js/wysiwym/buttons.light.png); background-position: -1px -81px; }
-div.wysiwym-buttons div.button.link span.wrap { width: 22px; background-image: url(/collectstatic/js/wysiwym/buttons.light.png); background-position: -1px -106px; }
-div.wysiwym-buttons div.button.bulletlist span.wrap { width: 22px; background-image: url(/collectstatic/js/wysiwym/buttons.light.png); background-position: -1px -132px; }
-div.wysiwym-buttons div.button.numberlist span.wrap { width: 22px; background-image: url(/collectstatic/js/wysiwym/buttons.light.png); background-position: -2px -158px; }
-div.wysiwym-buttons div.button.quote span.wrap { width: 22px; background-image: url(/collectstatic/js/wysiwym/buttons.light.png); background-position: -1px -184px; }
-div.wysiwym-buttons div.button.code span.wrap { width: 22px; background-image: url(/collectstatic/js/wysiwym/buttons.light.png); background-position: -1px -211px; }
-
-/*--- Button Images Offsets (Hover) ---*/
-div.wysiwym-buttons div.button:hover { background-position: 0px -30px; }
-div.wysiwym-buttons div.button.bold:hover span.wrap { background-position: -27px -54px; }
-div.wysiwym-buttons div.button.italic:hover span.wrap { background-position: -27px -81px; }
-div.wysiwym-buttons div.button.link:hover span.wrap { background-position: -27px -106px; }
-div.wysiwym-buttons div.button.bulletlist:hover span.wrap { background-position: -27px -132px; }
-div.wysiwym-buttons div.button.numberlist:hover span.wrap { background-position: -28px -158px; }
-div.wysiwym-buttons div.button.quote:hover span.wrap { background-position: -27px -184px; }
-div.wysiwym-buttons div.button.code:hover span.wrap { background-position: -27px -211px; }
-
-
-/*--- Styles for Wysiwym Help ---*/
-a.wysiwym-help-toggle {
-  float: left;
-  font-size: 10px;
-  line-height: 18px;
-}
-div.wysiwym-help {
-  clear: left;
-  float: left;
-  padding: 0px 5px;
-  line-height: 18px;
-  font-size: 10px;
-  background-color: #eee;
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-}
-div.wysiwym-help td,
-div.wysiwym-help th {
-  color: #666;
-  border-bottom: 1px dotted #ddd;
-}
-
-div.wysiwym-help tr:last-child td,
-div.wysiwym-help tr:last-child th {
-  border-width: 0px;
-}
-div.wysiwym-help th {
-  padding-right: 10px;
-  text-align: left;
-  color: #777;
-}

themes/v2-hardwood/static/css/wysiwym.scss

       vertical-align: text-top;
       width: 14px;
     }
+    .btn { height: 14px; line-height: 14px; }
     .icon-bold { background-position: -5px -5px; }
     .icon-italic { background-position: -5px -32px; }
     .icon-link { background-position: -5px -57px; }
 
   //--- Help Table ---//
   a.wysiwym-help-toggle {
+    float: left;
     font-size: 10px;
     line-height: 18px;
   }
   div.wysiwym-help {
     @include border-radius(4px);
     background-color: rgba(0,0,0,0.5);
+    clear: left;
+    float: left;
     font-size: 10px;
     line-height: 18px;
     padding: 0px 5px;

themes/v2-hardwood/templates/projects/jquery_wysiwym/wysiwym.html

 {% block title %}JQuery-Wysiwym - {{ block.super }}{% endblock %}
 
 
-{% block extracss %}
-  {{ block.super }}
-  <style type='text/css'>
-    div.wysiwym-buttons { float:left; margin-bottom:2px; }
-    a.wysiwym-help-toggle { float:left; }
-    div.wysiwym-help { float:left; clear:left; }
-  </style>
-{% endblock extracss %}
-
-
 {% block extrajs %}
   {{ block.super }}
   <script type='text/javascript'>
-    $(function() {
-      $('#mytextarea').wysiwym(Wysiwym.Markdown, {});
-      $('.wysiwym-editor .btn').tooltip({delay:{show:200, hide:50}});
-      var showdown = new Showdown.converter();
-      var prev_text = "";
-      var update_live_preview = function() {
-        var input_text = $('#mytextarea').val();
-        if (input_text != prev_text) {
-          var text = $("<div>"+ showdown.makeHtml(input_text) +"</div>");
-          text.find('pre').addClass('prettyprint');
-          text.find('p code').addClass('prettyprint');
-          text.find('code').each(function() {
-            $(this).html(prettyPrintOne($(this).html()));
-          });
-          $('#livepreview').html(text);
-          prev_text = input_text;
-        }
-      }
-      setInterval(update_live_preview, 200);
-    });
+      $(function() {
+
+          // Setup the Live Preview
+          $('#mytextarea').wysiwym(Wysiwym.Markdown, {});
+          $('.wysiwym-editor .btn').tooltip({delay:{show:200, hide:50}});
+          var showdown = new Showdown.converter();
+          var previousValue = "";
+          var previewTextarea = $('#mytextarea');
+          var previewOutput = $('#livepreview');
+          var updateLivePreview = function() {
+              var newValue = previewTextarea.val();
+              if (newValue != previousValue) {
+                  previousValue = newValue;
+                  var newHtml = $("<div>"+ showdown.makeHtml(newValue) +"</div>");
+                  newHtml.find('pre,p code').addClass('prettyprint');
+                  newHtml.find('code').each(function() {
+                      $(this).html(prettyPrintOne($(this).html()));
+                  });
+                  previewOutput.html(newHtml);
+              }
+          }
+          setInterval(updateLivePreview, 200);
+
+      });
   </script>
 {% endblock extrajs %}
 
         it simply helps with the desired markup syntax. Currently supported are Markdown, MediaWiki,
         and BBCode. With a little help from other projects it can be used to create a live HTML
         preview editor similar to what StackOverflow has.  Simpler examples can be found
-        <a href='{{STATIC_URL}}js/jquery-wysiwym/examples/basic.markdown.html'>here</a>.</p>
+        <a href='http://mjs7231.bitbucket.org/jquery-wysiwym/examples/markdown.live.html'>here</a>.</p>
       <ul class='checkmarks' style='margin-top:15px;'>
         <li>Easy to Setup</li>
         <li>Adds an Editor Toolbar</li>
 {% block rightcolumn %}
 
   {% if package.version %}
-
-
-
     <div class='btn-wrap' style='margin-top:50px;'>
       <a class='btn btn-large btn-primary' href='{{package.get_absolute_url}}'>
         <div class='title'>Download JQuery-Wysiwym</div>
     </div>
   {% endif %}
 
-  <div class='curlshadow'>
-    <div class='shine-40' style='margin-top:20px;'></div>
+  <div class='curlshadow' style='margin-top:20px;'>
     <div class='sidebox'>
       <h3 class='first'>About This Project</h3>
       <p>JQuery-Wysiwym is a project created by me (<strong>Michael Shepanski</strong>), a web developer
     </div>
   </div>
 
-  <div class='shine-40' style='margin-top:20px;'></div>
-  <div class='sidebox'>
-    <h3 class='first'>
-      Browser Compatability
+  <div class='sidebox' style='margin-top:20px;'>
+    <h3>Browser Compatability
       <i class='icon-ok' style='margin-left:5px; position:relative; top:2px;'></i>
     </h3>
     <p>My testing resulted the following. If you find different, please let me know and I will adjust.</p>
     </ul>
   </div>
 
-  <div class='shine-40' style='margin-top:20px;'></div>
-  <div class='sidebox'>
-    <h3 class='first'>
-      Support & Contact
+  <div class='sidebox' style='margin-top:20px;'>
+    <h3>Support & Contact
       <i class='icon-question-sign' style='margin-left:5px; position:relative; top:2px;'></i>
     </h3>
     <ul>

themes/v2-hardwood/templates/sidebar/aboutme.html

 <div class='curlshadow'>
   <div class='shine-40'></div>
   <div id='aboutme' class='sidebox'>
-    {% comment %}
-    <div class="thumbright vignette">
-      <div class="vignette shine-60">
-        <img src="{{STATIC_URL}}img/avatar/80x80/london_pub.png" alt="">
-      </div>
-    </div>
-    {% endcomment %}
     <div class="thumbright vignette">
       <img src="{{STATIC_URL}}img/avatar/80x80/london_pub.png" alt="">
     </div>