diff --git a/cache.manifest b/cache.manifest index a2b29039..06f22beb 100644 --- a/cache.manifest +++ b/cache.manifest @@ -1 +1 @@ -CACHE MANIFEST # v19 CACHE: index.html css/main-min.css js/main-min.js js/require.js img/ajax-loader.gif img/glyphicons-halflings.png img/glyphicons-halflings-white.png img/icons.png img/stackedit-32.ico img/stackedit-promo.png NETWORK: * +CACHE MANIFEST # v19 CACHE: index.html viewer.html css/main-min.css js/main-min.js js/require.js img/ajax-loader.gif img/glyphicons-halflings.png img/glyphicons-halflings-white.png img/icons.png img/stackedit-32.ico img/stackedit-promo.png NETWORK: * diff --git a/css/main-min.css b/css/main-min.css index 732443fd..ff6d3f2a 100644 --- a/css/main-min.css +++ b/css/main-min.css @@ -5367,7 +5367,7 @@ div, span, a, ul, li, textarea, input, button { box-shadow: none !important; text-shadow: none !important; } -.btn, .navbar-inner, .ui-layout-east, .ui-layout-south, .add-on { +.btn, .navbar-inner, #wmd-preview, .add-on { border: none !important; } .dropdown-menu { @@ -5428,8 +5428,7 @@ input[disabled], select[disabled], textarea[disabled], input[readonly], select[r background-color: #888; } .btn-group { - margin-left: 5px !important; - margin-right: 5px !important; + margin-right: 5px; } .btn-group > .btn + .dropdown-toggle { padding-right: 12px; @@ -5470,9 +5469,6 @@ hr { #wmd-button-bar { margin-left: 15px; } -#wmd-input,#wmd-preview { - position: absolute; -} #wmd-input, #md-section-helper { font-family: "Courier New", Courier, monospace; resize: none; @@ -5677,4 +5673,18 @@ blockquote p { .opera #md-section-helper { top: 0; +} +.viewer #navbar { + position: fixed; +} +.viewer .navbar-inner { + background-color:rgba(200,200,200,0.5) !important; +} +.viewer #wmd-preview { + max-width: 1024px; + margin: 50px auto; +} +.viewer .btn-group { + margin-right: 0; + margin-left: 0; } \ No newline at end of file diff --git a/css/main.css b/css/main.css index 5006064c..07aec0ac 100644 --- a/css/main.css +++ b/css/main.css @@ -2,6 +2,21 @@ @import url("jgrowl.css"); @import url("prettify.css"); +@media print { + @page { + margin: 25mm 25mm 25mm 25mm; + } + + #wmd-preview { + padding: 0px; + margin: 0px; + } + + #navbar { + display: none; + } +} + body { background-color: #f5f5f5; tab-size: 4; @@ -31,7 +46,7 @@ div, span, a, ul, li, textarea, input, button { text-shadow: none !important; } -.btn, .navbar-inner, .ui-layout-east, .ui-layout-south, .add-on { +.btn, .navbar-inner, #wmd-preview, .add-on { border: none !important; } @@ -103,8 +118,7 @@ input[disabled], select[disabled], textarea[disabled], input[readonly], select[r } .btn-group { - margin-left: 5px !important; - margin-right: 5px !important; + margin-right: 5px; } .btn-group > .btn + .dropdown-toggle { @@ -158,10 +172,6 @@ hr { margin-left: 15px; } -#wmd-input,#wmd-preview { - position: absolute; -} - #wmd-input, #md-section-helper { font-family: "Courier New", Courier, monospace; resize: none; @@ -409,4 +419,23 @@ blockquote p { .opera #md-section-helper { /* Opera needs to have the textarea in the viewport to evaluate size correctly */ top: 0; -} \ No newline at end of file +} + +/* Viewer */ +.viewer #navbar { + position: fixed; +} + +.viewer .navbar-inner { + background-color:rgba(200,200,200,0.5) !important; +} + +.viewer #wmd-preview { + max-width: 1024px; + margin: 50px auto; +} + +.viewer .btn-group { + margin-right: 0; + margin-left: 0; +} diff --git a/index.html b/index.html index 7def908a..d795d0f5 100644 --- a/index.html +++ b/index.html @@ -19,8 +19,9 @@ dep = "main"; css = "css/main.css"; } - document.write(''); + document.write(''); var require = { baseUrl : "js", deps : [ dep ] }; + var viewerMode = false; @@ -32,7 +33,8 @@