From 400b5ccac9261a5357c77eea6d5dd49d82feb853 Mon Sep 17 00:00:00 2001 From: benweet Date: Tue, 26 Mar 2013 22:41:37 +0000 Subject: [PATCH] Add jquery layout library and support for resizable panels --- css/main.css | 72 +- img/stackedit-128.png | Bin 630 -> 645 bytes img/stackedit-16.png | Bin 270 -> 278 bytes img/stackedit-32.png | Bin 314 -> 321 bytes img/stackedit-64.ico | Bin 0 -> 2686 bytes img/stackedit-64.png | Bin 446 -> 450 bytes index.html | 73 +- js/jquery-ui.custom.js | 3670 +++++++++++++++++++++++++ js/jquery.layout.js | 5939 ++++++++++++++++++++++++++++++++++++++++ js/main.js | 139 +- 10 files changed, 9802 insertions(+), 91 deletions(-) create mode 100644 img/stackedit-64.ico create mode 100644 js/jquery-ui.custom.js create mode 100644 js/jquery.layout.js diff --git a/css/main.css b/css/main.css index 604f7bc0..78ffce56 100644 --- a/css/main.css +++ b/css/main.css @@ -3,16 +3,20 @@ body { font-family: sans-serif; } -#file-title { +#navbar { + position: static; } -#file-title-input { - display: none; +#menu-bar { + margin-right: 20px; +} + +#wmd-button-bar { + margin-left: 20px; } #wmd-input, #wmd-preview { position: absolute; - top: 50px; } #wmd-input { @@ -27,27 +31,15 @@ body { } .wmd-button-row { - margin: 10px; + margin: 10px 0; height: 20px; } .wmd-spacer { - margin: 0 7px; + margin: 0 5px; display: inline-block; } -/* -.wmd-button { - - width: 20px; - height: 20px; - padding-left: 2px; - padding-right: 3px; - display: inline-block; - list-style: none; - cursor: pointer; -} -*/ .wmd-button>span { background-image: url(../img/wmd-buttons.png); background-repeat: no-repeat; @@ -100,3 +92,47 @@ body { background-position: -456px -168px; } +.ui-layout-toggler-north { + margin-top: -3px !important; + height: 18px !important; +} + +.ui-layout-toggler-north-open .caret, +.ui-layout-toggler-south-closed .caret { + border-bottom: 5px solid #525252; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 0; +} + +.ui-layout-toggler-north-closed .caret, +.ui-layout-toggler-south-open .caret { + border-top: 5px solid #525252; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-bottom: 0; +} + + +.ui-layout-toggler-east { + margin-left: 3px !important; + width: 18px !important; +} + +.ui-layout-toggler-east-open .caret, +.ui-layout-toggler-west-closed .caret { + border-bottom: 5px solid transparent; + border-top: 5px solid transparent; + border-left: 5px solid #525252; + border-right: 0; + margin-top: 40px; +} + +.ui-layout-toggler-east-closed .caret, +.ui-layout-toggler-west-opened .caret { + border-bottom: 5px solid transparent; + border-top: 5px solid transparent; + border-right: 5px solid #525252; + border-left: 0; + margin-top: 40px; +} diff --git a/img/stackedit-128.png b/img/stackedit-128.png index 72844d489ac18d8f7b3396c2cae7ca55b8c6e314..5fefd5d854c75f8e3831790193e23155b520489b 100644 GIT binary patch literal 645 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H1|$#LC7uRSEX7WqAsj$Z!;#Vf4nJ zn8$)Jqhx~{kij5X;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6axbjlc$Sg zNX4ADcMZK{5+xcE-F1qZ?l_*%T~pK^;-%A~+Y-T&?K!cbb%N7|&wOF`oKDCVHHAp# zKM*^7{>?AD^NeNFpFVB=`E35(%z4k5ckx~S$FRnmp^&LV*kKOCBNhSmh8>G9<{QM< zZ^?*A*!9!8x29HD!4Flz$;t*Z48e!b8UOwN^I@GhZ+rOvwtMU4&$1xQv|v2Ksc^2c z!2+AMxH{Qr6P*t)Z_DrJKVX665}+N`|y65}r54D(P)$o7#{d@YCW_EFVx$-LhBn-=H_&2=1 zey~&x7Cd0D0G)IAJHza=slRLvn3b1rU;WP0rvWAd^+DTv#%ue|J|_Zhp*=ilKkK=wDOjJ7(MO0Fw-Zr>mdKI;Vst02FEK!vFvP literal 630 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H1|$#LC7uRSEX7WqAsj$Z!;#Vf4nJ zn8$)Jqhx~{kij5X;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6axd}XHOT$ zkcv5P?`-sB2^4V%bmv)fK#rw)1E+Abf#F3L$AAki!a(Lm&T4@-2f2D=tPLdXHovxA z-f*{dug#BqJL9vT_c&jFcgwz^lvBZvp^&LV*kKOCBNl<}=D)a~y=LxiV_o)pedd$r zvytS~8!Q-)_`YM_G80{pcR&A!&pZCF7w6qQ{l4@3>-}j=M^MduZs#zEQvhrNT;k4$ z-wg8p?P9##GO;yP_6(0XP@H0Z_uf5ytL69a#N>Y6`y;o!{QHI%|BV@ejzl&_x=#MV z-=`^8e={6U&;KS;Z-Aj-AA14c{Twxj{}5Uae`i?V|NP~5<~eb8`CsIYu)u-} g`S{ON3~Tq7X&X7bbvnKbm_`^pUHx3vIVCg!0Ow`n1^@s6 diff --git a/img/stackedit-16.png b/img/stackedit-16.png index 272e142c596064736018240533924136859404fa..1a4611e8797472cfa205de59b4dce14e218a221f 100644 GIT binary patch delta 125 zcmV-@0D}LH0+s@hZUK{#Z#Hq%3j@Zaq}2Zm3=9l&=gwl>+wX~DnsecHto~+TU|>j2 zPW#WmfaV2!8gKy=1Ey8R;Pp>d`w|QbSO_T~$pyK&g#<%%^5lLLOIYwp5(D6|KrUdS fL^A^e6%rBv%Gxv|1lg(%00000NkvXXu0mjfx_vVh delta 117 zcmbQn)WN!y!2Mc0G@{%p9?%M@+xhn6mJ? z8a7DqR`5pLo7->BqvWlg6mh`GgV9s3ftAOuLGFgm4;9ZMM#F8%%sx*toY+LvQyJ_$ V4HH(T`JQJ00#8>zmvv4FO#qG+DiZ(z diff --git a/img/stackedit-32.png b/img/stackedit-32.png index a6c151e6c96026d30be6fe3cc40d2b4eb535b067..d19df349d1e8ec8ca7d50d55a87a3047bb9ba962 100644 GIT binary patch delta 145 zcmV;C0B--f0>J{1ZUMfLZ%%)-9KZ?&J_M4IQc;3n?%Y|73=9kmd;2}{290y!c9QZt z3?wI~p_n`1A%HU%kn2NI!Qc&nX_YY)Wsj`(B}9eb;0*y{eLyJ~ydjXATS%26a`NPU zydgPwLx7OWsRaf+1Tg9XdV>KEfl&vHwuk`J(KJJ5^7Kpq0000#QK0zFnB`%y~H9H5Gq**ZwS!3 rPJn^I7Xs9Zdt$+Whrp-w{+8Q8o2;?ja5UOvD8#W5q4gDVPP!9ja@K@0%06JbAwv>Ja{?ojj_I1H}u)0+8K;MLLw4^2lZl1Un4{V7dTBI*t1B zm?qL!#25=eb^#V?V`|DHn?+yte*yqj29Qld%x7T0MSlR9{GWjV7mZ6FOdO<-AF3Z4 s4O54U{s7edAFLlM4bg^&1iKrk6&H<1D_9Do55&Ml6QdvG1v2di09B&OasU7T literal 0 HcmV?d00001 diff --git a/img/stackedit-64.png b/img/stackedit-64.png index 2449f124c279e849448aa35757052c28a0a8022a..e655569212fa9d08a6aebd02fd1b02b1447ab385 100644 GIT binary patch delta 349 zcmdnTe295MUcJ4ii(^Q|oVT+!avlm0as8Y0kma4ij@GHx5t3U3f>^c)WN!@Ez!AYw z_AcS6Sd+Cyep>cD*=Lmo&# zl~}C5Jyoyw+>=G$8O1~xbR8Dgf(V8T##sguJjLD#`|sP@hWpQsTX^Y(+VPh2bIq4WIj=UKHqe){y;N7Ew`?DI}$FiNpHa9`kAE8lUu@X}I2zV!(^ z@BL-bV2El^%iu5QV_LwPai;pfa+$wdO*Z|>ty(|({r#tBe>X7I10}YwUtlufY7kps z_@1%Yv#@sGDhi zi#hFdbkN*Kbxa}*x(>y diff --git a/index.html b/index.html index 56a2e919..e2cb8784 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,17 @@ -Pagedown editor +StackEdit + + + + @@ -37,39 +42,65 @@ -