From c416712ac3751198f13729efae289974e41c0ad8 Mon Sep 17 00:00:00 2001 From: Alexandr Fedorov Date: Mon, 22 Mar 2021 16:42:25 +0300 Subject: [PATCH] csharp: redesign --- .../csharp/App_Themes/images/file_docx.png | Bin 682 -> 0 bytes .../csharp/App_Themes/images/file_docx.svg | 8 + .../csharp/App_Themes/images/file_pptx.png | Bin 728 -> 0 bytes .../csharp/App_Themes/images/file_pptx.svg | 8 + .../csharp/App_Themes/images/file_upload.png | Bin 1739 -> 0 bytes .../csharp/App_Themes/images/file_upload.svg | 6 + .../csharp/App_Themes/images/file_xlsx.png | Bin 744 -> 0 bytes .../csharp/App_Themes/images/file_xlsx.svg | 12 + .../csharp/App_Themes/images/icon_docx.png | Bin 1219 -> 0 bytes .../csharp/App_Themes/images/icon_docx.svg | 12 + .../csharp/App_Themes/images/icon_pptx.png | Bin 1227 -> 0 bytes .../csharp/App_Themes/images/icon_pptx.svg | 12 + .../csharp/App_Themes/images/icon_xlsx.png | Bin 1240 -> 0 bytes .../csharp/App_Themes/images/icon_xlsx.svg | 12 + .../csharp/App_Themes/images/logo.svg | 28 +- .../csharp/App_Themes/stylesheet.css | 405 ++++++++++------ .../csharp/Default.aspx | 454 +++++++++--------- 17 files changed, 555 insertions(+), 402 deletions(-) delete mode 100644 web/documentserver-example/csharp/App_Themes/images/file_docx.png create mode 100644 web/documentserver-example/csharp/App_Themes/images/file_docx.svg delete mode 100644 web/documentserver-example/csharp/App_Themes/images/file_pptx.png create mode 100644 web/documentserver-example/csharp/App_Themes/images/file_pptx.svg delete mode 100644 web/documentserver-example/csharp/App_Themes/images/file_upload.png create mode 100644 web/documentserver-example/csharp/App_Themes/images/file_upload.svg delete mode 100644 web/documentserver-example/csharp/App_Themes/images/file_xlsx.png create mode 100644 web/documentserver-example/csharp/App_Themes/images/file_xlsx.svg delete mode 100644 web/documentserver-example/csharp/App_Themes/images/icon_docx.png create mode 100644 web/documentserver-example/csharp/App_Themes/images/icon_docx.svg delete mode 100644 web/documentserver-example/csharp/App_Themes/images/icon_pptx.png create mode 100644 web/documentserver-example/csharp/App_Themes/images/icon_pptx.svg delete mode 100644 web/documentserver-example/csharp/App_Themes/images/icon_xlsx.png create mode 100644 web/documentserver-example/csharp/App_Themes/images/icon_xlsx.svg diff --git a/web/documentserver-example/csharp/App_Themes/images/file_docx.png b/web/documentserver-example/csharp/App_Themes/images/file_docx.png deleted file mode 100644 index 5947d7cacf2eb1faea23a8558a9146b2bb2a3c4e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 682 zcmeAS@N?(olHy`uVBq!ia0vp^c0e4#!3HGP=D08eDaPU;cPEB*=VV?2IV|apzK#qG z8~eHcB(eheoCO|{#S9F5he4R}c>anMprAyFYeY$Kep*R+Vo@qXL1JcJiC$i6iGqoq zfu4y_6Vqn~1}14w7srr_xVLvU`W*@oIaa7v%Ms5nB=$A7=Nwz9h)GMz2eY<)|G>Nd<%Dm4E`Qmyb^7zlpguqQf3ANISwC{P)9t_U&7zNA zfAe-lx|>${+q`Ps?I+gXx8Clh%A%<{aordUNCN3yfB@|-TAykU)wxG8D86D3#qDO1twp59%e{fdH+4Swah5VLW=F> z+4jSU*%$oWYK}uSeQb}O4dnBE;CTSl`6xqTN^0b4pi-MV7eF>A3Ro4)YJpg=Fcrk=;=aCr%FB{lQd=eq@|#0k z(ZV-JZQ)Hex?tT(Ed{5ilt+c)I$ztaD0e0sx3-FaH1l diff --git a/web/documentserver-example/csharp/App_Themes/images/file_docx.svg b/web/documentserver-example/csharp/App_Themes/images/file_docx.svg new file mode 100644 index 00000000..751395f6 --- /dev/null +++ b/web/documentserver-example/csharp/App_Themes/images/file_docx.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/images/file_pptx.png b/web/documentserver-example/csharp/App_Themes/images/file_pptx.png deleted file mode 100644 index 426be1d94056b3db0bc34fd90f83f381c0872d51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 728 zcmeAS@N?(olHy`uVBq!ia0vp^c0e4#!3HGP=D08eDaPU;cPEB*=VV?2IV|apzK#qG z8~eHcB(eheoCO|{#S9F5he4R}c>anMprAyFYeY$Kep*R+Vo@qXL1JcJiC$i6iGqoq zfu4y_6Vqn~1}0BW7srr_xVLj`{SG?_v<4qkv=CwyO7C!K`LUC+d?D*ChgOY=3m9A^ zed=mhGFBY&S+X_kqVeNi^&{3ZA5C7f=j*xOTl{wK-K4WQsbuT=L!XXWACdg%Q6uNJ%!i7 zEDMxEykCj>Tn{drK^oPd?YIt7S-?{?pse`{Sc`EL}>ko@^GGZxicu z(rQA@v`0@%Z2n8gIi9qd_VlxedfL(7dnEW4q{wcp+4hJ#?eWp{_&ajv-Obwr%4RCe z-~OX3XRXD#x86+#KghJ$j@e^6+8v!30&O$|fw~Rtb1{Q%Ssm^FXLF5RwXahNddE70yPC{O>DX3BksPi zBdAklO4=?9F4rkuDho|69}U!)6qRH(_t1UjIqjwoE$iCn2d7_qpx);sxKzj!tHIZ` z?PmI9Ic7g9e?1}1?1(?IJ)Pb;OjlMa0{tNv^2{FS;!A!u$uTmm(+UekqK+L6%#Z}S zAr)2N{Hs%or+u(3omvq#J!Wf5tajnPt^B&1ICh6U+I>X3Q7r0FZ^Cu2IVYdJIwbnA zIrVsJzRtN1qHWKQ7=QF#z+2QLd!u#kjkQI+OSgAy`p&&k*gs@`yJi6};W2o+`njxg HN@xNAZjM1j diff --git a/web/documentserver-example/csharp/App_Themes/images/file_pptx.svg b/web/documentserver-example/csharp/App_Themes/images/file_pptx.svg new file mode 100644 index 00000000..deba611b --- /dev/null +++ b/web/documentserver-example/csharp/App_Themes/images/file_pptx.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/images/file_upload.png b/web/documentserver-example/csharp/App_Themes/images/file_upload.png deleted file mode 100644 index 5566e6ddc018359f3f9377c6d2cb90a0e66936f0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1739 zcmaJ?3sBQ$9Ph@I$>UB>bfOhvP{di1rqEIXL=o9;i&b zG1PM~P{u>RxhXz|u!(?^6Q`#lGE`p5_^gCt}mv4u2XTAb!DBjRyDsKVs97{_Eu ziC1xN8qES!MoCDCXe}xwR1jvyKt`2@V$*2ezD5lu-HMYyJT6zNdEh`*EeI%OJTRIq zVv00@xI!6X(&CY(uqdf%tJG5l`uYIgMwAjz;UoqaRS9YxYUF_vx+rCvk6{p)fRI~x z;QOE?qHrLP(Bc3aa&wh35d`3HAjF-`;UElv#Y9*zle#&sh&#&Wpezqy@&YMuTGk(gSF3;8^dQh=078OrovAp$m&Ensm25G080$#)OndIkxY92VD|>&BVl@(HP4 zg{#RauIvMsGb7hL3MvidnU8Cg+i;mcOQ?W}lu_l(vAE5sH_4UF9EnnY~Zlb;xUm@Q=%Glc1-Voa3N4Fe|i$B@x_>Nv| z$AQE9{Ku_QAqLNGT~%MuWPvfSXhB1Lu zIpt;H8O}T0Z?8#Esd(eVd3kxq9W5Lz7p%{SR@=yp*Y(&7bf1m z%kkwkHDM*u0Mkx63;lra3E|e#Uz)1t`4@Ghpb?exJv==^WX)00Kwyh(qv$nW+omwKouoSMB*U``t)(iFdvu8oy z9&UpvIrm<4fotuWF2Bx}gsh6n%H!cK`>{ol7Dv_PDHXR$#fHt7<|bRF{j2WpTL6FJ z_`_I$*C~YaHnDEWuHS&?gJ;h4rVYf!#RWU~aGq6lJs5xUwzs+Y3t8joIX$psXp^qK zBJ>nA!YXa7KA>E_zRx7j{d2%;5OIL@ufS`;5!#|+yLBUR5rZeL86s+|M*8`s)oCrS d3&&Poq%F_h9PF%bXPAF4!k{pIS-|GhzX5kZx&QzG diff --git a/web/documentserver-example/csharp/App_Themes/images/file_upload.svg b/web/documentserver-example/csharp/App_Themes/images/file_upload.svg new file mode 100644 index 00000000..3617f42e --- /dev/null +++ b/web/documentserver-example/csharp/App_Themes/images/file_upload.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/images/file_xlsx.png b/web/documentserver-example/csharp/App_Themes/images/file_xlsx.png deleted file mode 100644 index a5f3b7c6b5d4422c2de2f5d6f9d5f670f493707d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 744 zcmeAS@N?(olHy`uVBq!ia0vp^c0e4#!3HGP=D08eDaPU;cPEB*=VV?2IV|apzK#qG z8~eHcB(eheoCO|{#S9F5he4R}c>anMprAyFYeY$Kep*R+Vo@qXL1JcJiC$i6iGqoq zfu4y_6Vqn~2Bt_)7srr_xVLi*{SG?_xCS3o+!5Dh;?O_Af>D9*0B3{I!sbaztQTAb z6|C);OhOXbPF_3l>s($L(?`E$6}|X*^+%H}9GhfiJhKgs+zxjB>PoLJG+iK!``0A&vKNi~Tcz>Z_YmM%?|Cc|g*0!{*ewzI; zzp~)|!iQNuqh$6iSbw45gw>~IM`lJ;7C-Xo+2dKLrZRu&kC$)6PHl@+1+uRGk?T_0 z^<=Zi{2HHyDdHY>-X9lfO@IE`aLSuSy7QM>7)S5X*MBCgakF*G`LH>ftB)4>)PI}) zh1+8GUB{bdTWhX8TKQ&;#luG$TY9<|Uog_^b2`1lf=l-?nm{v8`{A`sX0DGOY49A< zm+y7+yz)3ujQf_z$!Gg4PK7UgyR?K=ukVn;EWulGUf~absuoG232w0bnA-p`0YeT+ z!)#Ig(?(o3r#?R!W2c|F-&pWJ&@d(U9Of;WLgMa;0%tjL^_OZF6pFB2?78qQXjjvI zQT?t(lXt1tx1Gxnu1Z(=cQjDK#n|b#_e-uAnO4Uq9WYy)j{Q;32v)KB*i%?25_Rlo zV1}f)`@&S9qG_lCHmkM!r+lz2?X3u#9;2Cf-EB_(TW9{rmRRYJwU1gI_@f?8O#lj> zeD>;)%a6mG9vGB diff --git a/web/documentserver-example/csharp/App_Themes/images/file_xlsx.svg b/web/documentserver-example/csharp/App_Themes/images/file_xlsx.svg new file mode 100644 index 00000000..7ee32b7b --- /dev/null +++ b/web/documentserver-example/csharp/App_Themes/images/file_xlsx.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/images/icon_docx.png b/web/documentserver-example/csharp/App_Themes/images/icon_docx.png deleted file mode 100644 index 854d4ae44419a64087f584460b24aa09bcd0fa44..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1219 zcmeAS@N?(olHy`uVBq!ia0vp^LO?9S!3HE7rssMADajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_cg49rTIArU1JzCKpT`MG+DAT@dwxdlMo3=B5*6$OdO*{LN8 zNvY|XdA3ULckfqH$V{%1*XSQL?vFu&J;D8jzb> zlBiITo0C^;Rbi_HHrEQs1_|pcDS(xfWZNo192Makpx~Tel&WB=XRMoSU}&gdW~OIo zVrph)sH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qX zu2*iXmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2Ntn zTP2`NAzsKWfE$}v3=Jk=fazBx7U&!58GyV5Q|Rl9UukYGTy=3tP%6T`SPd=?sVqp< z4@xc0FD*(2MqHXQ$f^P>=c3falKi5O{QMkPCbvGBq+JaB*~WG&XZ~ zaWgS@f$4S0PcF?(%`1WFO+n~2!l@UO6mkoIHoK%2WtOF;xE1B+DuBIgm5I|WCT=** zgX&Ge?G^)^di8;h(Fa8=QbfaqfT;(>geO}d2cGa#^MI+n2$-z(-x(_~Fff{Xx;TbZ z+*&imHmlV^r1iao^uZ6aMBXW+FgHbI2v2`7ZxdJc#4Y^Vfi3LYk|wkM2wuX;&;2p| z(cB~LhlG8hc-C@!)%~sLCU&fb8WmivDsT5*)m=zh;ocrcuXlSF(>1>^h z+hR5M*)N+U-uOK8`On7;xyS76=b347H0@rn@4ez_qp<8*Y=tuM?UU}X=}qU3z09z% zH1_i6pEl9|@19;)UA*N<%BvMRr*F<$q;aNW)hd=n8jGT@nDBnJd7sBGIa}r-k0MLg zB8J=B(rrB_If%G681R@|9-7nkJpG)(`j_oIa_{%4E?&8LWl3!M&$|w7i3jSBIz-3k zdS*1({!i@tH|gS}#m>e`>+|1#dAz#Ww#v?yVY_&f6B|2wXSL0D?c;7%l`-}Ry + + + + + + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/images/icon_pptx.png b/web/documentserver-example/csharp/App_Themes/images/icon_pptx.png deleted file mode 100644 index 084235ec0cd33acbfd1080049425cad4321eeae8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1227 zcmeAS@N?(olHy`uVBq!ia0vp^LO?9S!3HE7rssMADajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_cg49rTIArU1JzCKpT`MG+DAT@dwxdlMo3=B5*6$OdO*{LN8 zNvY|XdA3ULckfqH$V{%1*XSQL?vFu&J;D8jzb> zlBiITo0C^;Rbi_HHrEQs1_|pcDS(xfWZNo192Makpx~Tel&WB=XRMoSU}&gdW~OIo zVrph)sH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qX zu2*iXmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2Ntn zTP2`NAzsKWfE$}v3=Jk=fazBx7U&!58GyV5Q|Rl9UukYGTy=3tP%6T`SPd=?sVqp< z4@xc0FD*(2MqHXQ$f^P>=c3falKi5O{QMkPCT6mkoIHoK%2WtOF;xE1B+DuBIgm5JLeCOFN5 z>P^Az7E_#h^?{Dj2SqGWM8kxDsRzV_CtDx~p72xifT_I*n5>1?{yoCLz-aI3;uunK zYt0nonlocs9^KFKYEz2d7REESe7Xw-ZJSMTMTD5ED&27AeGQov;ZXAa{)yjv2 z?seE0F2bs}AW?1I>w6YXFL#|=An`4ra^Csqx3^}hc+TL}elu|+$C0@owck%v{P%q= z?{)WMO77S1OP(+Nn3bH=^S93bI+x^=zopLd`|pQY{t7a4cqP7|fSt2Iopb)F&siMF qEr~mFX|&t;ucLK6UM-LPx` diff --git a/web/documentserver-example/csharp/App_Themes/images/icon_pptx.svg b/web/documentserver-example/csharp/App_Themes/images/icon_pptx.svg new file mode 100644 index 00000000..f799557b --- /dev/null +++ b/web/documentserver-example/csharp/App_Themes/images/icon_pptx.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/images/icon_xlsx.png b/web/documentserver-example/csharp/App_Themes/images/icon_xlsx.png deleted file mode 100644 index edfa88fab1892b7bc5c9330199147fb5c78fc13e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1240 zcmeAS@N?(olHy`uVBq!ia0vp^LO?9S!3HE7rssMADajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_cg49rTIArU1JzCKpT`MG+DAT@dwxdlMo3=B5*6$OdO*{LN8 zNvY|XdA3ULckfqH$V{%1*XSQL?vFu&J;D8jzb> zlBiITo0C^;Rbi_HHrEQs1_|pcDS(xfWZNo192Makpx~Tel&WB=XRMoSU}&gdW~OIo zVrph)sH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qX zu2*iXmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2Ntn zTP2`NAzsKWfE$}v3=Jk=fazBx7U&!58GyV5Q|Rl9UukYGTy=3tP%6T`SPd=?sVqp< z4@xc0FD*(2MqHXQ$f^P>=c3falKi5O{QMkPCJdP6mkoIHoK%2WtOF;xE1B+DuBIgm5JLe&N$73 z>P^Az78jg)^?{Dj2SqGWM8kxDsRzV_CtDx~p72xifT_I*n5;WuU+!mMVD#~HaSW-r zwPuQKUbBJ7@%fsP6JAW=yR+aG>x70@P4@>pdwug6jFaA;X?Iu|A?VF7u&k^rp!G*V zWu7eSB?iI2-eTMCf9~HuUw5+2dCfB&m*!8|mK$k*dK0_nq`qmXS0#?kh?u6jVwKhL zre&E2zSrJ(TXtdnPmQie``WMB=zZGXnrOlKY8M}0JM(MlHpa|Za=-N~Ro{HC?&4}{ z=sWtniev4nu3Ot|JN~ary=`l`>sisXXAQF)DU-$lu5+|l)2Z@PIt*1Qikee_+^bJArA**r7pu>FiD zOwMwj_<1KjxyA6prQq485|8h{Cb(b9{OXISa||YB#oZDw-o9py+nXM-`0ZU~j`?q` z*N7Ui{7~nN{dKb(~-Rde`dMT5bb|n!>%###_(Yfyx?BS3j3^P6 + + + + + + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/images/logo.svg b/web/documentserver-example/csharp/App_Themes/images/logo.svg index eaace216..58020531 100644 --- a/web/documentserver-example/csharp/App_Themes/images/logo.svg +++ b/web/documentserver-example/csharp/App_Themes/images/logo.svg @@ -1,15 +1,15 @@ - - - - - - - - - - - - - - + + + + + + + + + + + + + + diff --git a/web/documentserver-example/csharp/App_Themes/stylesheet.css b/web/documentserver-example/csharp/App_Themes/stylesheet.css index a798f7d7..94f5729b 100644 --- a/web/documentserver-example/csharp/App_Themes/stylesheet.css +++ b/web/documentserver-example/csharp/App_Themes/stylesheet.css @@ -20,132 +20,146 @@ height: 100%; width: 100%; } + body { - background: #fff; - color: #333; - font-family: 'Open Sans', sans-serif; + background: #FFFFFF; + color: #333333; + font-family: Open Sans; font-size: 12px; + font-style: normal; font-weight: normal; height: 100%; margin: 0; padding: 0; text-decoration: none; } + form { height: 100%; } + div { margin: 0; padding: 0; } -a, a:hover, a:visited { + +a, +a:hover, +a:visited { color: #333; + cursor: pointer; } +header { + background: #333333; + height: 72px; + margin: 0 auto; + min-width: 1152px; + width: auto; +} -.top-panel { - background: #3D4A6B; - height: 80px; - width: 100%; +header img { + margin: 22px 0 22px 32px; } -.top-panel img { - margin: 12px 0 0 16px; + +.center { + margin: 0 auto 0; + width: 1152px; } + +.main { + height: calc(100% - 136px); + min-height: 549px; +} + +.table-main { + border-spacing: 0; + height: 100%; + min-height: 549px; +} + +.section { + height: 100%; + padding: 0; + vertical-align: top; +} + .main-panel { - margin: 80px auto; - width: 600px; + box-sizing: border-box; + -moz-box-sizing: border-box; + height: 100%; + list-style: none; + padding: 48px 32px; + position: relative; + width: 896px; } + .portal-name { - font-size: 20px; + color: #FF6F3D; + font-size: 24px; + font-weight: bold; + line-height: 133%; + letter-spacing: -0.02em; } + .portal-descr { display: inline-block; - line-height: 20px; - margin-bottom: 24px; - width: 600px; -} -.save-original { - color: #929597; - line-height: 20px; - margin-left: 16px; - white-space: nowrap; - width: 272px; -} -label .checkbox { - vertical-align: middle; -} -.question { - background: url("images/question_small.png") no-repeat center center transparent; - cursor: pointer; - display: inline-block; - height: 16px; - width: 16px; -} -#hint { - background-color: #FFFFFF; - border: 1px solid #8E908F; - display: none; - margin: 4px 0 0 -32px; - max-width: 415px; - padding: 10px 15px 15px; - word-wrap: break-word; - z-index: 255; -} -.corner { - background: url("images/corner.png") no-repeat scroll 0 0 transparent; - height: 6px; - left: 35px; - margin-top: -15px; - position: absolute; - width: 9px; - z-index: 261; -} -.try-descr { font-size: 16px; - white-space : nowrap; + line-height: 160%; + margin-top: 16px; +} + +.header-list { + font-weight: bold; + font-size: 16px; + line-height: 133%; + letter-spacing: -0.02em; +} + +label .checkbox { + margin: 0 5px 3px 0; + vertical-align: middle; } .try-editor-list { list-style: none; - margin: 0 0 16px; + margin: 0; padding: 0; } - .try-editor-list li { - float: left; - margin: 0 15px; - width: 100px; - cursor: pointer; - } +.try-editor-list li { + margin-bottom: 12px +} .try-editor { background-color: transparent; - background-position: center 0; background-repeat: no-repeat; display: block; font-size: 14px; - font-weight: bold; - height: 45px; - padding-top: 100px; - text-align: center; + line-height: 40px; + padding-left: 42px; text-decoration: none; } + .try-editor.word { - background-image: url("images/file_docx.png"); + background-image: url("images/file_docx.svg"); } .try-editor.cell { - background-image: url("images/file_xlsx.png"); + background-image: url("images/file_xlsx.svg"); } .try-editor.slide { - background-image: url("images/file_pptx.png"); + background-image: url("images/file_pptx.svg"); } .create-sample { - display: inline-block; - margin-left: 75px; + color: #666666; + line-height: 24px; } -.button, .button:visited, .button:hover, .button:active { +.button, +.button:visited, +.button:hover, +.button:active { display: inline-block; font-weight: normal; text-align: center; @@ -188,42 +202,44 @@ label .checkbox { } .upload-panel { - border-right: 1px solid #D1D1D1; float: left; - margin-right: 25px; + padding: 24px 0; } .file-upload { - background: url("images/file_upload.png") no-repeat center 0 transparent; + background: url("images/file_upload.svg") no-repeat 0 transparent; cursor: pointer; - display: inline-block; + display: block; font-size: 14px; - font-weight: bold; - height: 45px; - margin: 0 40px 16px; + line-height: 40px; overflow: hidden; - padding-top: 100px; + padding-left: 42px; position: relative; - text-align: center; - width: 100px; + width: 150px; } - .file-upload input { - cursor: pointer; - opacity: 0; - position: absolute; - right: 0; - top: 0; - transform: translate(555px, 60px) scale(8); - } +.file-upload input { + cursor: pointer; + height: 40px; + margin: 0; + opacity: 0; + opacity: 0; + position: absolute; + right: 0; + top: 0; + transform: translate(0px, -21px) scale(2); + width: 192px; +} .create-panel { float: left; + padding: 16px 0; } .upload-panel, .create-panel { - padding: 10px 0; + width: 100%; + border-bottom: 1px solid #D0D5DA; } #mainProgress { @@ -290,59 +306,95 @@ label .checkbox { position: absolute; visibility: hidden; } -.bottom-panel { - bottom: 0; - position: fixed; - text-align: right; - width: 100%; + +footer { + background: #333333; + color: #AAAAAA; + height: 64px; + min-width: 1152px; + width: auto; } + +footer table { + border-spacing: 0; +} + +footer table tr { + height: 64px; +} + +footer table td { + padding-left: 32px; +} + +footer a, +footer a:hover, +footer a:visited { + color: #FF6F3D; + font-size: 14px; + line-height: 120%; +} + +footer a:hover { + text-decoration: none; +} + +.copy { + padding-left: 510px; +} + +.help-block { + margin: 48px 32px; +} + .help-block span { - font-size: 16px; - line-height: 26px; + font-size: 14px; + font-weight: 600; + line-height: 19px; } + .stored-list { - border-top: 1px solid #D1D1D1; list-style: none; - margin: 0; padding: 0; + position: relative; + height: 100%; } -.stored-list li { - border-bottom: 1px solid #D1D1D1; - line-height: 28px; - padding: 0 8px; -} + .stored-edit { background-color: transparent; background-position: left center; background-repeat: no-repeat; display: inline-block; height: 16px; - max-width: 450px; - margin-bottom: -6px; + max-width: 250px; overflow: hidden; - padding: 4px 0 1px 34px; + padding: 8px 0 1px 26px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } + .stored-edit.word { - background-image: url("images/icon_docx.png"); + background-image: url("images/icon_docx.svg"); } + .stored-edit.cell { - background-image: url("images/icon_xlsx.png"); + background-image: url("images/icon_xlsx.svg"); } + .stored-edit.slide { - background-image: url("images/icon_pptx.png"); + background-image: url("images/icon_pptx.svg"); } + .stored-edit span { font-size: 12px; line-height: 12px; } + .stored-edit:hover span { text-decoration: underline; } - .blockTitle { background-color: #E2E2E2 !important; border: none !important; @@ -381,11 +433,6 @@ label .checkbox { visibility: hidden; } -/*Icon table*/ -#tableRow { - vertical-align: top; -} - .tableRow { background: transparent; -moz-transition: all 0.2s ease-in-out; @@ -395,16 +442,17 @@ label .checkbox { transition: all 0.2s ease-in-out; } - .tableRow:hover { - background-color: #ebebeb; - } +.tableRow:hover { + background-color: #ECECEC; +} .tableHeader { + padding-top: 10px; +} + +.tableHeader tr { background: transparent; - color: #333; cursor: default; - font-family: 'Open Sans', sans-serif; - font-size: 13px; height: 40px; -khtml-user-select: none; user-select: none; @@ -413,19 +461,39 @@ label .checkbox { } .tableHeaderCell { - padding: 2px 1px 2px 5px; + border-bottom: 1px solid #CCCCCC; + padding: 2px 4px; text-align: center; } .tableHeaderCellFileName { text-align: left; + width: 37%; +} + +.tableHeaderCellEditors { + width: 29%; +} + +.tableHeaderCellViewers { + width: 11%; +} + +.tableHeaderCellDownload { + width: 13%; + text-align: right; + padding-right: 20px; +} + +.tableHeaderCellRemove { + text-align: left; } .contentCells { - padding: 4px 1px 4px 5px; + border-bottom: 1px solid #EFEFEF; font-family: 'Open Sans', sans-serif; font-size: 16px; - border-bottom: 1px solid #e5e5e5; + padding: 4px; white-space: nowrap; -khtml-user-select: none; user-select: none; @@ -433,25 +501,12 @@ label .checkbox { -webkit-user-select: none; } - .contentCells a { - text-decoration: none; - } - - .contentCells-shift { - padding-right: 30px; - } - -.contentCells-icon { - width: 6%; +.contentCells-shift { + padding-right: 44px; } -.contentCellsSmall { - padding: 5px 1px 5px 6px; - font-family: 'Open Sans', sans-serif; - font-size: 13px; - border-bottom: 1px solid #e5e5e5; - white-space: nowrap; - text-align: center; +.contentCells-icon { + width: 4%; } .primaryRow { @@ -463,29 +518,65 @@ label .checkbox { } .select-user { - margin-left: 15px; + color: #444444; + font-family: Open Sans; + font-size: 12px !important; + font-weight: normal !important; + line-height: 16px !important; } .user-block-table { height: 100%; + padding: 14px 0; width: 100%; } - .user-block-table td { - background-color: #F4F4F4; - border-bottom: 1px solid white; - padding: 12px 0; - } - -#user, #language { - width: 130px; +.user-block-table td { + background-color: #F4F4F4; + padding-top: 10px; } -.icon-download { - margin-bottom: -5px; +.user-block-table td select { + border: 1px solid #D0D5DA; + box-sizing: border-box; + border-radius: 3px; + cursor: pointer; } +#user, +#language { + width: 100%; + margin-top: 5px; + padding-left: 5px; +} + + .icon-delete { cursor: pointer; - margin-bottom: -6px; -} \ No newline at end of file +} + +.left-panel { + width: 256px; + background: #F5F5F5; +} + +.scroll-table-body { + bottom: 0; + left: 0; + margin-top: 0px; + overflow-x: auto; + position: absolute; + right: 0; + top: 71px; + scrollbar-color: #D0D5DA transparent; + scrollbar-width: thin; +} + + .scroll-table-body::-webkit-scrollbar { + width: 4px; + } + + .scroll-table-body::-webkit-scrollbar-thumb { + background: #D0D5DA; + border-radius: 3px; + } \ No newline at end of file diff --git a/web/documentserver-example/csharp/Default.aspx b/web/documentserver-example/csharp/Default.aspx index c2d1ea83..bb510e97 100644 --- a/web/documentserver-example/csharp/Default.aspx +++ b/web/documentserver-example/csharp/Default.aspx @@ -57,243 +57,217 @@
-
- - ONLYOFFICE - -
-
- ONLYOFFICE Document Editors -
-
- Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors. You may upload your own documents for testing using the "Upload file" button and selecting the necessary files on your PC. - - +
+
+ + ONLYOFFICE + +
+
+
+
- - - - - -
- Username: - + +
+ Create new +
+
+ + +
+
+ Upload file + + +
+
+ + + + + + + + + +
+ Username + +
+ Language + +
+
Select user name before opening the document; you can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions.
- + +
+ <% var storedFiles = GetStoredFiles(); + if (!storedFiles.Any()) + { %> + ONLYOFFICE Document Editors – Welcome! + + Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors. +
You may upload your own documents for testing using the "Upload file" button and selecting the necessary files on your PC. + + <% } + else + { %> +
+ Your documents + + + + + + + + + + +
FilenameEditorsViewersDownloadRemove
+
+ + + <% foreach (var storedFile in storedFiles) + { + var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile.Name); + var docType = DocumentType(storedFile.Name); %> + + + + + + + + + + + + + + + + + + <% } %> + +
+ + <%= storedFile.Name %> + + + " target="_blank"> + Open in editor for full size screens + + + " target="_blank"> + Open in editor for mobile devices + + + <% if (docType == "word") { %> + " target="_blank"> + Open in editor for review + + <% } else if (docType == "cell") { %> + " target="_blank"> + Open in editor without access to change the filter + + <% } %> + + " target="_blank"> + Open in editor for comment + + + <% if (docType == "word") { %> + " target="_blank"> + Open in editor for filling in forms + + <% } %> + + <% if (docType == "word") { %> + " target="_blank"> + Open in editor without content control modification + + <% } %> + + " target="_blank"> + Open in viewer for full size screens + + + " target="_blank"> + Open in viewer for mobile devices + + + " target="_blank"> + Open in embedded mode + + + + Download + + + + Delete + +
+
+
+ <% } %> +
Choose the language for ONLYOFFICE™ editors interface.
-
-
- -
- Upload your file or create new file -
-
-
-
- - Upload -
- File - - -
-
- - -
-
-
- - - <% var storedFiles = GetStoredFiles(); - if (storedFiles.Any()) - { %> -
- Your documents -
-
-
- - - - - - - - - - <% foreach (var storedFile in storedFiles) - { %> - <% - var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile.Name); - var docType = DocumentType(storedFile.Name); - %> - - - - - - - - - - - - - - - <% } %> - -
FilenameEditorsViewers
- - <%= storedFile.Name %> - - - Download - - - Delete - - - " target="_blank"> - Open in editor for full size screens - - - " target="_blank"> - Open in editor for mobile devices - - - <% if (docType == "word") { %> - " target="_blank"> - Open in editor for review - - <% } else if (docType == "cell") { %> - " target="_blank"> - Open in editor without access to change the filter - - <% } %> - - " target="_blank"> - Open in editor for comment - - - <% if (docType == "word") { %> - " target="_blank"> - Open in editor for filling in forms - - <% } %> - - <% if (docType == "word") { %> - " target="_blank"> - Open in editor without content control modification - - <% } %> - - " target="_blank"> - Open in viewer for full size screens - - - " target="_blank"> - Open in viewer for mobile devices - - - " target="_blank"> - Open in embedded mode - -
-
-
- <% } %> - -
-
-
-
- Want to learn how it works? - - <% var examples = new DirectoryInfo(HttpRuntime.AppDomainAppPath + "assets") - .GetFiles("*.zip", SearchOption.TopDirectoryOnly) - .Select(fileInfo => fileInfo.Name).ToList(); - if (examples.Any()) - { %> -
- Download the code for the sample of ONLYOFFICE Document Editors to find out the details. -
-
- <% foreach (var example in examples) - { %> - "> - <%= example.Replace(" Example.zip", "") %> - - <% } %> -
-
- <% } %> - -
- Read the editor API Documentation -
-
-
-
-
- Any questions? -
- Please, submit your request and we'll help you shortly. -
-
- -
-
- If you check this option the file will be saved both in the original and converted into Office Open XML format for faster viewing and editing. In other case the document will be overwritten by its copy in Office Open XML format.
@@ -327,8 +301,26 @@
-
© Ascensio System SIA <%= DateTime.Now.Year.ToString() %>. All rights reserved.
+