Merge lp:~stephen-stewart/ulysses/remove-sass into lp:ulysses

[Stephen Stewart]

replace sass with rework, a js based css pre/post processor

Since we're not really using Sass in this style framework, and because Sass comes with a ruby dep, I want to remove it.

At the same time, I like the look of rework [https://github.com/reworkcss/rework] CSS for doing some simple vendor prefix work.

Also, moved base -> typography and now pull in normalize via bower, which is then built as base.css plus any additions from our own src/base.css.

[Jonas G. Drange (jonas-drange)]

review: Approve

=== modified file '.bzrignore'
--- .bzrignore	2013-11-22 17:14:43 +0000
+++ .bzrignore	2014-01-02 12:51:09 +0000
@@ -1,4 +1,5 @@
 *.swp
+bower_components/
 node_modules/
 .sass-cache
 public/*

=== modified file 'Gruntfile.js'
--- Gruntfile.js	2013-11-30 17:53:33 +0000
+++ Gruntfile.js	2014-01-02 12:51:09 +0000
@@ -20,6 +20,10 @@
         concat: {
             build: {
                 files: [
+                    {'public/base.css': [
+                        'bower_components/normalize-css/normalize.css',
+                        'public/base.css'
+                    ]},
                     // rollup
                     {'public/<%= pkg.name %>.css': [
                         'public/base.css',
@@ -27,11 +31,12 @@
                         'public/dropdowns.css',
                         'public/forms.css',
                         'public/layout.css',
+                        'public/feedback.css',
                         'public/navigation.css',
-                        'public/normalize.css',
                         'public/pagination.css',
-                        'public/tables.css'
-                ]}
+                        'public/tables.css',
+                        'public/typography.css'
+                    ]}
                 ]
             }
         },
@@ -77,6 +82,25 @@
                     keepalive: true
                 }
             }
+        },
+        rework: {
+            files: {
+                expand: true,
+                cwd: 'src/',
+                src: ['**/*.css'],
+                dest: 'public/',
+                ext: '.css'
+            },
+            options: {
+                use: [
+                    ['rework.keyframes'],
+                    ['rework.prefix', 'border-radius'],
+                    ['rework.prefix', 'box-shadow'],
+                    ['rework.prefix', 'animation'],
+                    ['rework.prefixValue', 'linear-gradient']
+                ],
+                vendors: ['-o-', '-ms-', '-moz-', '-webkit-']
+            }
         }
 
         // TODO a release task for bower package
@@ -94,15 +118,15 @@
     grunt.loadNpmTasks('grunt-contrib-copy');
     grunt.loadNpmTasks('grunt-contrib-csslint');
     grunt.loadNpmTasks('grunt-contrib-cssmin');
-    grunt.loadNpmTasks('grunt-contrib-sass');
     grunt.loadNpmTasks('grunt-contrib-watch');
     grunt.loadNpmTasks('grunt-contrib-connect');
+    grunt.loadNpmTasks('grunt-rework');
 
     grunt.registerTask('default',['build']);
     grunt.registerTask('test', ['csslint']);
     grunt.registerTask('build', [
                        'clean',
-                       'sass',
+                       'rework',
                        'concat',
                        'cssmin'
     ]);

=== modified file 'README.md'
--- README.md	2013-11-28 18:10:54 +0000
+++ README.md	2014-01-02 12:51:09 +0000
@@ -11,8 +11,19 @@
 Getting Started
 ===============
 
+You'll need nodejs, npm, bower and grunt-cli installed; then in the ulysses
+package directory:
+
 ''''
 npm install
+bower install
 grunt
 
 ''''
+
+To run a server showing the test page:
+
+''''
+grunt server
+
+''''

=== added file 'bower.json'
--- bower.json	1970-01-01 00:00:00 +0000
+++ bower.json	2014-01-02 12:51:09 +0000
@@ -0,0 +1,7 @@
+{
+    "name": "ulysses",
+    "version": "0.0.1",
+    "devDependencies": {
+        "normalize-css": "2.1.3"
+    }
+}

=== modified file 'package.json'
--- package.json	2013-11-29 11:44:50 +0000
+++ package.json	2014-01-02 12:51:09 +0000
@@ -17,7 +17,6 @@
   "devDependencies": {
     "grunt": "~0.4.2",
     "grunt-cli": "~0.1.11",
-    "grunt-contrib-sass": "~0.5.0",
     "grunt-contrib-watch": "~0.5.3",
     "css-parse": "~1.5.3",
     "grunt-combine-media-queries": "~1.0.8",
@@ -28,6 +27,7 @@
     "grunt-rework": "0.0.5",
     "grunt-contrib-connect": "~0.5.0",
     "grunt-contrib-compress": "~0.5.3",
-    "grunt-contrib-copy": "~0.4.1"
+    "grunt-contrib-copy": "~0.4.1",
+    "bower": "~1.2.8"
   }
 }

=== added file 'src/base.css'
--- src/base.css	1970-01-01 00:00:00 +0000
+++ src/base.css	2014-01-02 12:51:09 +0000
@@ -0,0 +1,1 @@
+/** anything you want to add to normalize.css or base css like stuff */

=== renamed file 'src/buttons.scss' => 'src/buttons.css'
--- src/buttons.scss	2013-12-12 14:41:55 +0000
+++ src/buttons.css	2014-01-02 12:51:09 +0000
@@ -1,10 +1,5 @@
 .ues-button {
     background: #dedede;
-    background: -moz-linear-gradient(top, #efefef 0%, #dedede 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dedede));
-    background: -webkit-linear-gradient(top, #efefef 0%,#dedede 100%);
-    background: -o-linear-gradient(top, #efefef 0%,#dedede 100%);
-    background: -ms-linear-gradient(top, #efefef 0%,#dedede 100%);
     background: linear-gradient(to bottom, #efefef 0%,#dedede 100%);
     border-radius: 4px;
     display:inline-block;
@@ -33,11 +28,6 @@
 
 .ues-button-primary {
     background: #dd4814;
-    background: -moz-linear-gradient(top, #f75216 0%, #dd4814 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f75216), color-stop(100%,#dd4814));
-    background: -webkit-linear-gradient(top, #f75216 0%,#dd4814 100%);
-    background: -o-linear-gradient(top, #f75216 0%,#dd4814 100%);
-    background: -ms-linear-gradient(top, #f75216 0%,#dd4814 100%);
     background: linear-gradient(to bottom, #f75216 0%,#dd4814 100%);
     color:white;
     border-color:#dd4814;
@@ -97,21 +87,21 @@
     float:left;
 }
 
-// first child of >1 buttons
+/** first child of >1 buttons **/
 .ues-button-group > .ues-button:first-child:not(:last-child):not(.ues-dropdown-toggle) {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
     border-right:none;
 }
 
-// last child of >1 buttons
+/** last child of >1 buttonsi **/
 .ues-button-group > .ues-button:last-child:not(:first-child),
 .ues-button-group > .ues-dropdown-toggle:not(:first-child) {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
 }
 
-// any button surrounded by other buttons
+/** any button surrounded by other buttons **/
 .ues-button-group > .ues-button:not(:first-child):not(:last-child):not(.ues-dropdown-toggle) {
     border-radius:0px;
     border-right:none;

=== renamed file 'src/dropdowns.scss' => 'src/dropdowns.css'
=== renamed file 'src/feedback.scss' => 'src/feedback.css'
--- src/feedback.scss	2013-12-01 00:08:37 +0000
+++ src/feedback.css	2014-01-02 12:51:09 +0000
@@ -6,12 +6,13 @@
     border-color: #AEA79F;
     color: #555;
 }
-/*csslint fallback-colors: false*/
+
 .ues-message a:link {
     color: inherit;
     color: rgba(0,0,0,0.75);
     text-decoration: underline;
 }
+
 .ues-message a:hover {
     color: #000;
 }
@@ -40,10 +41,6 @@
 .ues-message-closeable {
     position: relative;
     cursor: pointer;
-    -webkit-transition: 0.3s ease all;
-    -moz-transition: 0.3s ease all;
-    -ms-transition: 0.3s ease all;
-    -o-transition: 0.3s ease all;
     transition: 0.3s ease all;
     overflow: hidden;
     max-height: 1000px;
@@ -90,32 +87,8 @@
     from { background: #FFE6E5; }
     to { background: #FFA09B; }
 }
-@-moz-keyframes ues-error-pulsating {
-    from { background: #FFE6E5; }
-    to { background: #FFA09B; }
-}
-@-webkit-keyframes ues-error-pulsating {
-    from { background: #FFE6E5; }
-    to { background: #FFA09B; }
-}
 .ues-error-pulsating {
-    animation-duration: 0.7s;
-    animation-name: ues-error-pulsating;
-    animation-direction: alternate;
-    animation-iteration-count: infinite;
-    animation-timing-function: ease-in-out;
-
-    -webkit-animation-duration: 0.7s;
-    -webkit-animation-name: ues-error-pulsating;
-    -webkit-animation-direction: alternate;
-    -webkit-animation-iteration-count: infinite;
-    -webkit-animation-timing-function: ease-in-out;
-
-    -moz-animation-duration: 0.7s;
-    -moz-animation-name: ues-error-pulsating;
-    -moz-animation-direction: alternate;
-    -moz-animation-iteration-count: infinite;
-    -moz-animation-timing-function: ease-in-out;
+    animation: ues-error-pulsating 0.7s ease-in-out infinite alternate;
 }
 .ues-information {
     background-color: #B9E9FA;

=== renamed file 'src/forms.scss' => 'src/forms.css'
--- src/forms.scss	2013-11-22 17:18:41 +0000
+++ src/forms.css	2014-01-02 12:51:09 +0000
@@ -11,7 +11,7 @@
 legend {
     display:block;
     width:100%;
-    font-size:23px; // as per .ues-hmedium
+    font-size:23px;
     line-height:inherit;
     border:0;
     margin:0 0 1em 0;

=== renamed file 'src/layout.scss' => 'src/layout.css'
--- src/layout.scss	2013-11-22 17:18:41 +0000
+++ src/layout.css	2014-01-02 12:51:09 +0000
@@ -1,14 +1,38 @@
+[class*="ues-"],
+[class*="ues-"]:before,
+[class*="ues-"]:after,
+[class*="ues-"] *,
+[class*="ues-"] *:before,
+[class*="ues-"] *:after {
+    box-sizing: border-box;
+}
+
+/** modifiers/globals **/
+
+.pull-left {
+    float:left;
+}
+.pull-right {
+    float:right;
+}
+
 /**
- * 1. Banner
- * 2. Footer
- * 3. Boxes
- * 4. Content Types (pages v apps)
+ * http://nicolasgallagher.com/micro-clearfix-hack/
  */
+.clear:before,
+.clear:after {
+    content: " ";
+    display: table;
+}
 
+.clear:after {
+    clear:both;
+}
 
 /**
  * Banner
  */
+
 .ues-banner {
 }
 
@@ -23,9 +47,6 @@
 
 .ues-footer > .ues-footer-row {
   font-size:11px;
-  @media screen and (max-width: 320px) {
-      font-size:14px;
-  }
   padding:2em 1em;
   background-color:#f7f6f5;
   border-top:1px solid #d8d8d8;
@@ -33,13 +54,16 @@
 
 .ues-footer > .ues-footer-row + .ues-footer-row {
   font-size:12px;
-  @media screen and (max-width: 320px) {
-      font-size:14px;
-  }
   background-color:#efedec;
   border-top:1px solid #d8d8d8;
 }
 
+@media screen and (max-width: 320px) {
+    .ues-footer > .ues-footer-row {
+        font-size:14px;
+    }
+}
+
 .ues-footer a {
   color:#333;
 }
@@ -69,7 +93,6 @@
 .ues-box {
     padding:20px;
     margin:0 0 2em 0;
-    -webkit-border-radius: 4px;
     border-radius:12px;
     padding: 20px;
 }
@@ -90,20 +113,24 @@
 }
 
 .ues-container {
-    @media screen and (min-width: 767px) {
-    }
-    @media screen and (min-width: 979px) {
+    margin:0 auto;
+}
+
+@media screen and (min-width: 979px) {
+    .ues-container {
         max-width: 970px;
     }
-    margin:0 auto;
 }
 
 .ues-container-small {
-    @media screen and (min-width: 760px) {
+    margin:0 1em;
+}
+
+@media screen and (min-width: 760px) {
+    .ues-container-small {
         max-width: 480px;
         margin:0 auto;
     }
-    margin:0 1em;
 }
 
 .ues-well {

=== renamed file 'src/navigation.scss' => 'src/navigation.css'
--- src/navigation.scss	2013-11-22 17:18:41 +0000
+++ src/navigation.css	2014-01-02 12:51:09 +0000
@@ -19,7 +19,7 @@
 .ues-menu li span {
     display:block;
     position:relative;
-    padding:10px 15px; // don't use em's as we need predictable spacing
+    padding:10px 15px; /* don't use em's as we need predictable spacing */
 }
 
 .ues-menu li a:hover,
@@ -67,8 +67,8 @@
      * **/
 }
 
-.ues-navbar-text.welcome {
-    @media screen and (max-width: 720px) {
+@media screen and (max-width: 720px) {
+    .ues-navbar-text.welcome {
         display:none;
     }
 }
@@ -80,7 +80,10 @@
     border-left:1px solid #f75216;
     border-right:1px solid #f75216;
     font-size:22px;
-    @media screen and (min-width: 480px) {
+}
+
+@media screen and (min-width: 480px) {
+    .ues-navbar-toggle {
         display:none;
     }
 }
@@ -184,8 +187,8 @@
 }
 
 
-.ues-navbar-primary-nav .ues-menu {
-    @media screen and (max-width: 480px) {
+@media screen and (max-width: 480px) {
+    .ues-navbar-primary-nav .ues-menu {
         position:absolute;
         top:64px;
         left:0;
@@ -196,17 +199,13 @@
         background:#333;
         transition: all 0.3s ease 0s;
     }
-}
 
-.ues-navbar-primary-nav .ues-menu li {
-    @media screen and (max-width: 480px) {
+    .ues-navbar-primary-nav .ues-menu li {
         display:block;
         float:none;
     }
-}
 
-.ues-navbar-primary-nav.open .ues-menu {
-    @media screen and (max-width: 480px) {
+    .ues-navbar-primary-nav.open .ues-menu {
         left:200px;
     }
 }

=== removed file 'src/normalize.scss'
--- src/normalize.scss	2013-11-28 18:10:54 +0000
+++ src/normalize.scss	1970-01-01 00:00:00 +0000
@@ -1,406 +0,0 @@
-/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined in IE 8/9.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/**
- * Correct `inline-block` display not defined in IE 8/9.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9.
- * Hide the `template` element in IE, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-    font-family: sans-serif; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-a {
-    background: transparent;
-}
-
-/**
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-
-a:focus {
-    outline: thin dotted;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/**
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    font-size: 1em;
-}
-
-/**
- * Improve readability of pre-formatted text in all browsers.
- */
-
-pre {
-    white-space: pre-wrap;
-}
-
-/**
- * Set consistent quote types.
- */
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-/* ==========================================================================
-   Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9.
- */
-
-img {
-    border: 0;
-}
-
-/**
- * Correct overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* ==========================================================================
-   Figures
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-
-button,
-input,
-select,
-textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-button,
-input {
-    line-height: normal;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-
-button,
-select {
-    text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-/**
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/**
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-
-textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}

=== renamed file 'src/pagination.scss' => 'src/pagination.css'
=== renamed file 'src/base.scss' => 'src/typography.css'
--- src/base.scss	2013-12-11 12:57:13 +0000
+++ src/typography.css	2014-01-02 12:51:09 +0000
@@ -3,37 +3,6 @@
     color: #333;
 }
 
-[class*="ues-"],
-[class*="ues-"]:before,
-[class*="ues-"]:after,
-[class*="ues-"] *,
-[class*="ues-"] *:before,
-[class*="ues-"] *:after {
-    box-sizing: border-box;
-}
-
-/** modifiers/globals **/
-
-.pull-left {
-    float:left;
-}
-.pull-right {
-    float:right;
-}
-
-/**
- * http://nicolasgallagher.com/micro-clearfix-hack/
- */
-.clear:before,
-.clear:after {
-    content: " ";
-    display: table;
-}
-
-.clear:after {
-    clear:both;
-}
-
 /** headlines **/
 
 h1, h2, h3, h4, h5, h6 {

=== modified file 'test/index.html'
--- test/index.html	2013-12-12 14:41:55 +0000
+++ test/index.html	2014-01-02 12:51:09 +0000
@@ -8,15 +8,7 @@
 
 <link href='//fonts.googleapis.com/css?family=Ubuntu:400,300,700' rel='stylesheet' type='text/css'>
 
-<link rel="stylesheet" href="/css/normalize.css">
-<link rel="stylesheet" href="/css/base.css">
-<link rel="stylesheet" href="/css/buttons.css">
-<link rel="stylesheet" href="/css/dropdowns.css">
-<link rel="stylesheet" href="/css/feedback.css">
-<link rel="stylesheet" href="/css/forms.css">
-<link rel="stylesheet" href="/css/layout.css">
-<link rel="stylesheet" href="/css/navigation.css">
-<link rel="stylesheet" href="/css/pagination.css">
+<link rel="stylesheet" href="/css/ulysses.css">
 
 <!--