# HG changeset patch # User Steve Losh # Date 1265168172 18000 # Node ID 24ade3f9c58c6d7747fc4ec980463af9de5d243a # Parent 712f14a1a1cd973557cbb7cc2213a88f36f0328e Add the LessCSS processor and rename base.css diff -r 712f14a1a1cd -r 24ade3f9c58c media/css/base.css --- a/media/css/base.css Tue Feb 02 20:46:15 2010 -0500 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,312 +0,0 @@ -/* @override http://localhost:8080/media/css/base.css */ -/* Main layout styles. */ -body { - font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; - color: #111; -} -div#main-wrap { - width: 62em; - margin: 0 auto; - margin-bottom: 5em; -} -div#content { - width: 48em; -} - -/* Link styles. */ -a { - text-decoration: none; - color: #e50053; -} -a:hover { - text-decoration: underline; -} -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: #111; -} -h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { - color: #e50053; - text-decoration: none; -} - -/* Page header styles. */ -div#header { - margin-bottom: 1.5em; - overflow: visible; - white-space: nowrap; -} -div#header h1 { - margin-top: 0.5em; - margin-bottom: 0; - letter-spacing: -3px; - font-size: 3em; - font-weight: normal; - font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; - display: inline; - line-height: 1.5em; -} -div#header span.page-title { - color: #666; - text-transform: lowercase; -} - -/* Navigation bar styles. */ -#nav { - float: right; - width: 10em; - font-size: 1.5em; - font-weight: bold; - line-height: 2em; - -webkit-text-size-adjust: 100%; -} -#nav ul li { - list-style: none; - border-bottom: 1px solid #eee; -} -#nav ul li:last-child { - border-bottom: none; -} -#nav a { - border: none; - font-style: normal; - color: #111; -} -#nav a:hover { - color: #e50053; - text-decoration: none; -} - -/* Splash page styles. */ -#splash-info { - font-size: 1.5em; - line-height: 2em; - text-align: right; - color: #888; - font-family: "Helvetica Neue Light", HelveticaNeue-Light, Arial, Helvetica, sans-serif; - -webkit-text-size-adjust: 100%; -} -#splash-info ul li { - margin: 0; - list-style: none; - border-bottom: 1px solid #eee; -} -#splash-info ul li:last-child { - border-bottom: none; -} - -/* Section listing styles. */ -div#section-listing { - font-size: 1.5em; - font-weight: bold; - line-height: 2em; - color: #888; - -webkit-text-size-adjust: 100%; -} -div#section-listing ol { - list-style: none; -} -div#section-listing ol li { - border-bottom: 1px solid #eee; - margin: 0; -} -div#section-listing ol a { - color: #111; -} -div#section-listing ol a:hover { - color: #e50053; - text-decoration: none; -} -div#section-listing ol li:last-child { - border-bottom: none; -} -div#section-listing ol li span.snip { - font-size: 0.65em; - line-height: 1em; - margin-left: 0.5em; - font-weight: normal; -} - -/* Code styles. */ -code, pre { - font-family: Consolas, Monaco, "Courier New", monospace; - font-size: 12px; - line-height: 21px; -} -p code, li code { - border: 1px solid #ccc; - background-color: #fafafa; - padding: 1px 3px; - white-space: nowrap; -} -pre { - border: 1px solid #ccc; - background-color: #fafafa; - padding: 0px 5px; - margin-left: 2em; - overflow: auto; -} -.dsq-comment-message code { - display: block; - white-space: pre; - border: 1px solid #ccc; - background-color: #fafafa; - padding: 0px 5px; - margin-left: 2em; - overflow: auto; -} - -/* Quoting styles. */ -blockquote { - border: 1px solid #ccc; - background-color: #fafafa; - padding: 0px 5px; - margin-left: 2em; - overflow: auto; -} -blockquote p:last-child { - margin-bottom: 0; -} -span.dquo { - margin-left: -0.23em; -} - -/* Table of Contents styles. */ -div.toc ul { - list-style: none; -} -div.toc ul:first-child>li { - margin-left: 0em; -} - -/* Ampersand styles. */ -span.amp { - font-family: "Palatino", "Constantia", "Palatino Linotype", serif; - font-style: italic; -} -div#section-listing ol li a span.amp { - font-weight: bold; - line-height: 0.85em; - font-size: 1.1em; - color: inherit; -} -h1 span.amp, h2 span.amp, h3 span.amp, h4 span.amp, h5 span.amp, h6 span.amp { - font-weight: bold; - line-height: 0.5em; - font-size: 1.1em; - color: inherit; - -} -span.page-title span.amp { - font-weight: normal; - font-size: 1em; - line-height: 0.5em; -} - -/* Article styles. */ -div#leaf-stats p { - color: #666; - margin-top: -1em; - margin-bottom: 1em; -} - -/* Image styles. */ -div#leaf-content img { - display: block; - margin-left: auto; - margin-right: auto; - border: 1.43em solid #e5e5e5; - padding: 1px; - background: black; -} -div#leaf-content img.left, div#leaf-content img.right { - border: none; - background: none; - padding: none; -} -div#leaf-content img.left { - margin: 0 1.5em 1em 0; -} -div#leaf-content img.right { - margin: 0 0 .75em 1em; -} -div#leaf-content div.gallery img { - background: none; - padding: 0; - border: none; - display: inline; - margin-bottom: 1.5em; - margin-right: 1.5em; -} -div#leaf-content div.with-diagrams img { - display: block; - margin-left: auto; - margin-right: auto; - background: none; - border: none; -} - -/* Comment styles. */ -h1#comment-header { - margin-top: 1.5em; -} -div#disqus_thread ul#dsq-comments li div div { - font-size: 14px; -} -div#disqus_thread ul#dsq-comments li { - margin-bottom: 2em; -} -div#disqus_thread div.dsq-comment-message blockquote { - margin-bottom: 0em; -} -div#dsq-comments-title h3 { - font-size: 14px; - font-weight: normal; - color: #666; - margin-top: -1em; - margin-bottom: 1em; -} -div.dsq-options { - display: none; -} -div#content div#disqus_thread ul#dsq-comments li div table tbody tr { - background: #eee; -} -div#content div#disqus_thread ul#dsq-comments li div table { - background: #e5e5e5; - border: 1px solid #bbb; -} -div#dsq-new-post.dsq-post-area { - margin-top: 2.25em; -} -div#dsq-thread-settings.dsq-thread-settings { - margin-top: 2em; - margin-bottom: 0em; - font-size: 14px; -} -div#disqus_thread table tbody tr td.dsq-request-user-name small, -#dsq-new-post div.dsq-request-user-info a { - font-size: 14px; -} - -/* Tag styles. */ -div#section-tags { - margin: 0 0 0 0.4em; - display: inline-block; - font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; -} -div#section-tags p { - font-size: 1.1em; - line-height: 1.05em; - margin: 0; -} -div#section-tags p a { - color: #666; -} -div#section-tags p a:hover { - color: #e50053; - text-decoration: none; -} -div#section-tags div.section-tags-col { - display: inline-block; - margin-right: 1em; -} \ No newline at end of file diff -r 712f14a1a1cd -r 24ade3f9c58c media/css/base.less --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/media/css/base.less Tue Feb 02 22:36:12 2010 -0500 @@ -0,0 +1,312 @@ +/* @override http://localhost:8080/media/css/base.css */ +/* Main layout styles. */ +body { + font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; + color: #111; +} +div#main-wrap { + width: 62em; + margin: 0 auto; + margin-bottom: 5em; +} +div#content { + width: 48em; +} + +/* Link styles. */ +a { + text-decoration: none; + color: #e50053; +} +a:hover { + text-decoration: underline; +} +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: #111; +} +h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { + color: #e50053; + text-decoration: none; +} + +/* Page header styles. */ +div#header { + margin-bottom: 1.5em; + overflow: visible; + white-space: nowrap; +} +div#header h1 { + margin-top: 0.5em; + margin-bottom: 0; + letter-spacing: -3px; + font-size: 3em; + font-weight: normal; + font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; + display: inline; + line-height: 1.5em; +} +div#header span.page-title { + color: #666; + text-transform: lowercase; +} + +/* Navigation bar styles. */ +#nav { + float: right; + width: 10em; + font-size: 1.5em; + font-weight: bold; + line-height: 2em; + -webkit-text-size-adjust: 100%; +} +#nav ul li { + list-style: none; + border-bottom: 1px solid #eee; +} +#nav ul li:last-child { + border-bottom: none; +} +#nav a { + border: none; + font-style: normal; + color: #111; +} +#nav a:hover { + color: #e50053; + text-decoration: none; +} + +/* Splash page styles. */ +#splash-info { + font-size: 1.5em; + line-height: 2em; + text-align: right; + color: #888; + font-family: "Helvetica Neue Light", HelveticaNeue-Light, Arial, Helvetica, sans-serif; + -webkit-text-size-adjust: 100%; +} +#splash-info ul li { + margin: 0; + list-style: none; + border-bottom: 1px solid #eee; +} +#splash-info ul li:last-child { + border-bottom: none; +} + +/* Section listing styles. */ +div#section-listing { + font-size: 1.5em; + font-weight: bold; + line-height: 2em; + color: #888; + -webkit-text-size-adjust: 100%; +} +div#section-listing ol { + list-style: none; +} +div#section-listing ol li { + border-bottom: 1px solid #eee; + margin: 0; +} +div#section-listing ol a { + color: #111; +} +div#section-listing ol a:hover { + color: #e50053; + text-decoration: none; +} +div#section-listing ol li:last-child { + border-bottom: none; +} +div#section-listing ol li span.snip { + font-size: 0.65em; + line-height: 1em; + margin-left: 0.5em; + font-weight: normal; +} + +/* Code styles. */ +code, pre { + font-family: Consolas, Monaco, "Courier New", monospace; + font-size: 12px; + line-height: 21px; +} +p code, li code { + border: 1px solid #ccc; + background-color: #fafafa; + padding: 1px 3px; + white-space: nowrap; +} +pre { + border: 1px solid #ccc; + background-color: #fafafa; + padding: 0px 5px; + margin-left: 2em; + overflow: auto; +} +.dsq-comment-message code { + display: block; + white-space: pre; + border: 1px solid #ccc; + background-color: #fafafa; + padding: 0px 5px; + margin-left: 2em; + overflow: auto; +} + +/* Quoting styles. */ +blockquote { + border: 1px solid #ccc; + background-color: #fafafa; + padding: 0px 5px; + margin-left: 2em; + overflow: auto; +} +blockquote p:last-child { + margin-bottom: 0; +} +span.dquo { + margin-left: -0.23em; +} + +/* Table of Contents styles. */ +div.toc ul { + list-style: none; +} +div.toc ul:first-child>li { + margin-left: 0em; +} + +/* Ampersand styles. */ +span.amp { + font-family: "Palatino", "Constantia", "Palatino Linotype", serif; + font-style: italic; +} +div#section-listing ol li a span.amp { + font-weight: bold; + line-height: 0.85em; + font-size: 1.1em; + color: inherit; +} +h1 span.amp, h2 span.amp, h3 span.amp, h4 span.amp, h5 span.amp, h6 span.amp { + font-weight: bold; + line-height: 0.5em; + font-size: 1.1em; + color: inherit; + +} +span.page-title span.amp { + font-weight: normal; + font-size: 1em; + line-height: 0.5em; +} + +/* Article styles. */ +div#leaf-stats p { + color: #666; + margin-top: -1em; + margin-bottom: 1em; +} + +/* Image styles. */ +div#leaf-content img { + display: block; + margin-left: auto; + margin-right: auto; + border: 1.43em solid #e5e5e5; + padding: 1px; + background: black; +} +div#leaf-content img.left, div#leaf-content img.right { + border: none; + background: none; + padding: none; +} +div#leaf-content img.left { + margin: 0 1.5em 1em 0; +} +div#leaf-content img.right { + margin: 0 0 .75em 1em; +} +div#leaf-content div.gallery img { + background: none; + padding: 0; + border: none; + display: inline; + margin-bottom: 1.5em; + margin-right: 1.5em; +} +div#leaf-content div.with-diagrams img { + display: block; + margin-left: auto; + margin-right: auto; + background: none; + border: none; +} + +/* Comment styles. */ +h1#comment-header { + margin-top: 1.5em; +} +div#disqus_thread ul#dsq-comments li div div { + font-size: 14px; +} +div#disqus_thread ul#dsq-comments li { + margin-bottom: 2em; +} +div#disqus_thread div.dsq-comment-message blockquote { + margin-bottom: 0em; +} +div#dsq-comments-title h3 { + font-size: 14px; + font-weight: normal; + color: #666; + margin-top: -1em; + margin-bottom: 1em; +} +div.dsq-options { + display: none; +} +div#content div#disqus_thread ul#dsq-comments li div table tbody tr { + background: #eee; +} +div#content div#disqus_thread ul#dsq-comments li div table { + background: #e5e5e5; + border: 1px solid #bbb; +} +div#dsq-new-post.dsq-post-area { + margin-top: 2.25em; +} +div#dsq-thread-settings.dsq-thread-settings { + margin-top: 2em; + margin-bottom: 0em; + font-size: 14px; +} +div#disqus_thread table tbody tr td.dsq-request-user-name small, +#dsq-new-post div.dsq-request-user-info a { + font-size: 14px; +} + +/* Tag styles. */ +div#section-tags { + margin: 0 0 0 0.4em; + display: inline-block; + font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; +} +div#section-tags p { + font-size: 1.1em; + line-height: 1.05em; + margin: 0; +} +div#section-tags p a { + color: #666; +} +div#section-tags p a:hover { + color: #e50053; + text-decoration: none; +} +div#section-tags div.section-tags-col { + display: inline-block; + margin-right: 1em; +} \ No newline at end of file diff -r 712f14a1a1cd -r 24ade3f9c58c settings.py --- a/settings.py Tue Feb 02 20:46:15 2010 -0500 +++ b/settings.py Tue Feb 02 22:36:12 2010 -0500 @@ -38,8 +38,7 @@ MEDIA_PROCESSORS = { '*': { - '.css': ('hydeengine.media_processors.TemplateProcessor', - 'hydeengine.media_processors.YUICompressor',), + '.less': ('hydeengine.media_processors.LessCSS',), '.js': ('hydeengine.media_processors.TemplateProcessor', 'hydeengine.media_processors.YUICompressor',) }, @@ -100,6 +99,7 @@ YUI_COMPRESSOR = os.path.join(HYDE_FOLDER, 'lib', 'yuicompressor-2.4.1.jar') HSS_PATH = None # if you don't want to use HSS +LESS_CSS_PATH = '/Users/sjl/.gem/ruby/1.8/bin/lessc' THUMBNAIL_MAX_WIDTH = 140 THUMBNAIL_MAX_HEIGHT = 300 THUMBNAIL_FILENAME_POSTFIX = '-thumb'