From 9d42478acdd6994878b3f4f1f202fef374b7defb Mon Sep 17 00:00:00 2001 From: Daisuke Date: Wed, 6 May 2020 11:48:21 -0500 Subject: [PATCH] 060520 Theme optimization and mobile layout changes --- css/color.css | 18 +- css/mobile.css | 25 +- css/style.css | 5 + img/loading.gif | Bin 3873 -> 491 bytes img/loadingb.gif | Bin 12907 -> 5403 bytes include/functions.php | 69 +-- js/scripts.js | 9 + layout/footer.php | 1 + layout/header.php | 22 +- modules/timeline.php | 13 +- templates/post.txt | 2 +- templates/textpost.txt | 2 +- themes/1994/css/color.css | 16 +- themes/1994/css/mobile.css | 669 +---------------------------- themes/1994/css/style.css | 639 +--------------------------- themes/ancientbird/css/color.css | 20 +- themes/ancientbird/css/mobile.css | 672 +----------------------------- themes/ancientbird/css/style.css | 636 +--------------------------- themes/bythebook/css/color.css | 15 +- themes/chicago/css/color.css | 14 +- themes/chicago/css/mobile.css | 14 + themes/cuatro/css/color.css | 10 +- themes/monad/css/color.css | 6 +- themes/monad/css/mobile.css | 669 +---------------------------- themes/monad/css/style.css | 637 +--------------------------- themes/phubbub/css/color.css | 4 + themes/whistler/css/color.css | 17 +- themes/whistler/css/mobile.css | 669 +---------------------------- themes/whistler/css/style.css | 639 +--------------------------- 29 files changed, 203 insertions(+), 5309 deletions(-) create mode 100644 themes/chicago/css/mobile.css diff --git a/css/color.css b/css/color.css index 6aaa81e..b8ef6b1 100644 --- a/css/color.css +++ b/css/color.css @@ -116,6 +116,16 @@ input[type="submit"] { color:white; } +.search input[type="submit"] { + color:#305792 !important; + background-color:transparent !important; + border: 0px !important; +} + +.search input[type="text"],input[name="spoiler"] { + box-shadow: none !important; +} + .formbtn { color:#305792; } @@ -132,19 +142,19 @@ input[type="submit"] { background-color: white; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } -.postMenu li:hover { +.menu li:hover { background-color:#203960 !important; } -.postMenu li a{ +.menu li a{ color:#203960; } -.postMenu li:hover a{ +.menu li:hover a{ color:white; } diff --git a/css/mobile.css b/css/mobile.css index d769b47..62b7d61 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -24,6 +24,7 @@ body { ul{ padding:0px; margin:0px; + list-style: none; } select{ @@ -73,8 +74,13 @@ textarea { .topbar { width: 100vw; height: 45px; - margin: 0; - position: relative; + margin-top: 45px; + position:fixed; bottom:0px; left:0px; + z-index:99; +} + +.topbar > div.topbar{ + position:fixed; bottom:0px; left:0px; } .wrapper { @@ -114,9 +120,10 @@ aside { display: table; text-align: center; right: 20px; - bottom: 20px; + bottom: 60px; border-radius: 10px; z-index:50; + background-color: #001935 !important; } .gotop a { @@ -131,7 +138,7 @@ aside { background-color: rgba(255, 255, 255, 0); position: fixed; left: 0px; - bottom: 0px; + top: 0px; width: 100vw; height: auto; z-index: 99; @@ -175,7 +182,7 @@ aside { #notifications { position: fixed; left: 0px; - top: 45px; + bottom: 45px; width: 100vw; max-height: 400px; display: none; @@ -302,11 +309,15 @@ aside { width: 150px; height: 100px; position: absolute; - top: 45px; + top: -322px; left: -80px; transition: 0.4s; } +#usermenu li { + height: 32px !important; +} + #usermenu:hover>.menu, #usermenu:active>.menu { display: block; @@ -385,7 +396,7 @@ aside { position:fixed; width: 100vw !important; left:0px; - top:45px; + bottom:45px; text-align: center; border-radius: 3px; z-index: 99; diff --git a/css/style.css b/css/style.css index 42f31ca..92ab83b 100644 --- a/css/style.css +++ b/css/style.css @@ -27,6 +27,7 @@ body { ul{ padding:0px; margin:0px; + list-style: none; } select{ @@ -80,6 +81,10 @@ textarea { position: relative; } +.topbar > div.topbar{ + position:fixed; top:0px; left:0px; +} + .wrapper { width: 100%; clear: both; diff --git a/img/loading.gif b/img/loading.gif index ab3ad704dbd9e65c3a5cd9daed26680696cf3d4f..599bdcd03d7075a7a374c823225c0d3fef90d433 100644 GIT binary patch literal 491 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 diff --git a/img/loadingb.gif b/img/loadingb.gif index 347fa5f68ce0151fe5eb2a36c4e75c177d0a1df9..73fa1168b08d46596b73f22d3638352c2b636343 100644 GIT binary patch literal 5403 zcmaLa`#;l<`#(?(|zKo8Je*XOV)2B}#KYkn;85tfP9vT|@@ZrPY;NbiB@87+9H!v{J z-{1e=fB(IG`}WP7H+_A5uV24@_3G8jmoIyJdwY6%y1To(y1En!MQ3McM@Pqt7cbh| z+n+yw-qzOk?Af!{*4C#_pFVl=RTU;p>tf3ID;R$E(p z_3G6tSFT*Xe7UBk=F+80)z#G(FJ7#ws;aE4yl~+{MMZ@~A~}El{JC@I&YnG6US59Y z%$c&XveTzemzI|P^UpseB_*d$ohmLaE-ET2EG#T2C=iRqB9SORKR+)oFE=+gCnx9R z$&=aH*;!dxCr+Hm%*@Ql$PfyJ0)ZesJ)O_zLlAWA*s-HWkEW%i9XWC&H8u6{;lqax z9XfdM;DG}N_V3@nZ{NO@l$7M;Y1gh@J9qBfv17;f?c29) z+qQM<)-7AMY~H*%F)=YAAt63KJ}xef%jIs`v}xnUjT<&>h>eY1zkdC?b?eryT^kb< zvu4ej)vH&pTD2-VIyx#UYURq691e%gW=BRwMnpt}hlhuSg@uNOhJ=I!2L}fQ1qB8M z1_T87`}_O(`T6?#`uO;;SS%)!$zU+Ny}iA>ygWTUJv=`bTAot&H;9UUDU9B4F}y}iAiot>?%t&NQhl}fd?wzjgeqEIN7mX;P47R#3}H#avo zGcz+aH8n9YA(P3*#>PfQMuvul1_lQD`ufY3Ez{G}BaukDy1F_#I@;RWL?Tg3OG{Hz zlRzNg@pv2#r=g*tuC9*7V%5~tR8>_m7z`SXMxjtDDk?}M5(Gg60s)7^VK5l*|Bv5f zNiD)ZI?9*D_II?SA^zXiWER9AfhEA^@BB9;Gyp&^0ZSNzpgJ-u^^Ux8M%fG&2KLYC zl?UC3XB~f|h(-gFgg}H-^gu&UeIg^lQ{_!Wq{`X(AU->yjNLT%bbjj5rzm}X=T_szw|#tA1c=s>Sg7F!uhs9mzsyk z@{qmoOOc{Bcy!aO*&E#XdwW0hz8Tg{F>ds5G>@5?=!jJZ;3a7dqkA?w2CYBP#El!q zRK)$V>5%R7SuS8y9P|eiEvNkt-Kg0{mTJ~#P@DUfH6GmN48eE3!^G01e9IQC--HHu z^R^@a#!O6iQ=F%&trZBhYV5-S>oLl$rJY1mSf&o^oa;CTo(`1gMjX}7vdembsh?Ur z^VzS(b^)9n4%hdnjSF%5*yM}z`f;c-$H!Y zs4nlf^A-GX5St#$$heP!;MI7!hDI3>B=(#bjUjm7sN?qFzVo(bhMOfOR1#k`ZpJgD zH3|+Ye6a|pYXpN0F~`V`qM`|mTtp=SH2%(|QK!tnHKP`IujezAB1V5q!Vq(MG){Ut zeyW)RY;2kpG16Cl%s0&zBP1)F*=}qr)V@h@e}qo7hECvo@>a$vu%d(6TaJ{fpI`0H zp*v(rvc2F(WzWto^)2-v1DAOweDzx>hBt$`y%RV_t)?&(36OZ%<+q>6G5}4cV+m`b zw4z&Uyx+ZxwhVyy)Hsc3b#+*@BIl;cOD8HoryS-mZb4+Jj((vBn~I&kg{pR}7T%)L9ea@sP5As~~~PFO9@bqOqZe*gS8D@6bAWunN!+pq(PTX1_Oxyl3tYtGhI7j^t~@iluqX zt|syy^%r4{FLYGv=u*(0;-F%%w<^w`c#P?LxTCQ5oBW?)zwvjl0E*LZ_rgZ}_9Pg{ zlcF{aYW`%-XJw#{4QCxIHN#>cK!aRC$@!k3Ujn6LEW`k4Gw8WW;z$2#VtKUn0%!nZ z(dP)cUY_x~pInVMe`;1w7&X%aWl%6TBL5fmJ-wqV739^G6?t#K(J%neoa(;o@LgU z8&C(C+-eM{%rMi?6&D0*Dg>*gwfRdmPwo4~0)h}it{ep2*nx%6|9U=>X8vSV!CXRM z!N1A#8X@IDdnNbR#&{c$$dFW^U(mhEU~SiXXGbkK5c5ovnNIyLsLiGi7n2XOO@Wih z7yH8mbJ8zu#Ak&zNq^?mcUBaBgb-*vNs1W+jMEs%sfNr;j}Zt^vyZfY&lyoQ=o#kF zYyJ8fC#`T-P>#*Fhihmx@EYZlw+~Zyp#eNTzSAjn5j~aj6su74oZB*0giPNI=v@7} zFtPP28~{1FA1j;e*Izm8^x#chT4jvPRBA`DEOkrQa76gQEMj zjsxm(v*g}y$LEI3YqTP7KRhz6{G#SPzBcm|tX8^Y7L=cVM0r(#@t|3OR! z=-P7D`&*-HA!CMHgjR*unM?8Si9|I7Kq9LqYyX%C(?-=rON|TE>FTJse4kH2pR4#l zs5Q@5;o&cweO7K(QG{HjTI+*nET4L`wuTFYB~)Qrvxk)w4ldWiB>#XSkl~AOP@- z^JXtp$%?lkD_v%HXWdebub<){cg*qdRh_Lxl`QUCTi3ET+HeV!in4T}fWB|o{ z?Hk|w1WAk(w1R2f&oU(ehgD+5jB+9#B0g2$7gDy$tEHm7i2_JfUf>(CDmHhxdF>!Z zi&a|s{j@MD?tWWi5A|Btr!7}J9~8n5Cw?FGipM2}!l^8Wappv8vlF0J+7(_IrD^t^ zxfu5A7r||MDfG!%s&<{P^$&$tfqRm|o$Vb*&+vPXxafQ0HPx+7PI)(&;F>26;|wqd zYNUla7W#f7YbNw;C7gPQg|UBGI-GxBWwu8RBZ#Hq8AVDPsqx*{$0Dq`bu@l7XaMZS z@5)V%`_VhXgE@d35QtEXUdL{)AyQ9>rRY%iN!pwH4bGXb3>>6dgvH?wl0AYaaC4eX zSo*Z!8YKrb>TK|ysfy0mlyRq%Twl`8Gp(L%m;iL+%v;bUP58F7CVB8^vzg=Aq*^|FnPRAf%rgaE+F`V?Arece~AyiAm0N5bVo7Yds z)=CTpG+J2}eW$dy`R$;gAV7s8foAT=)ql3KQJT%}OG&MN5)ECm%wVSM-qXXV;NP zIQ)MINYX4oYgyAr?TtMT{Ftb%s2IUi6uTFizb`Daw*JyEyx;1j+BKTa5rQx~n9&NTD7!)~Mh5M7S4jUn}8p zPO+h(2E~@WZBy@2q3TSm19gnKe?1zk!DkdT?w|SfVdskQqC%AChO`{_h|F$$(;VTx zE}Ac}zBhE%aP<1w%LbrM?Me6NtVoqpHd>EvvNA3mG+fy0A%jF?8H;Gl5`c#=_tHm8 zY~r3=|9Ov@G`7Dzu=IvDl6<9HSnejavgG;9;A6cEfvGXC5{({iad(p{_VB08QNt@YCDU0-1 z362YfSgF>@yL9SBL1fHaC7fDnltvA*w1lxe3`7N zk~hYHU6oH^!9qIQyC4VvV8W3n`B-waz|{Y&(}h9nLYE z$C^iKr>v^@z?kCR2q^Y{(D0m6YcTx6Ggh@&v=!mtG?JSu@9i`al~cOCKg;VMqbW2_ zD^1z@CL3mL#a3fg%Uh}#N_o5=91)`ct$&hwPXN}zOf0L1DXZH4*`S35z+8D5j++-J z0+X~zzHBeM-E)!N_4k+9C4hC~g-&J}QKE^s*W}J&JWD}&QSUJwH7_N}oBk~%M5_Q^zAGcZt zx0YGng+oj`Fs~>80dSSU#~;r5hLj^-CPN|mx**QN8Y^L0rr-H0GUXB%M7ACXGW;&$ zOG>AAPpe6~ig4tn6=TPUMGG}%Xn6T}Q)_=<)x+|Qu0In%!)KJ7%n1i)kKxdeg7>WS* znaq6r9h3i27siIL%~yERfKe6OC>Wq}h@jD+@}eh{_FJ{L9R(aB*Lk0-^Etp8?U$^C zg`l14{Z=g`2apRig(3s18~D47Y2`zl@lE6)-|(4SaCZAbdrF=qJFPCjeQ>;<9};F0 zNpPkPn$tB8w1QMN2jgzT0?}DgqrN!&?sxB{LQK+fDSy2tqa zAvtDU4S%CD-}JX6lQQ*JM6r?DeQ0CvF%E8jVuH>A2nOd}09aw7-~}<;J1bojV#7zf z;9-b$HH8QXpN}vLa(#t|>B6P3B*`WtHAmcP3LkDr1Yib`AVQuXCXAo($a2W`P{0Vc MC{IC4O+4W7eJ*{oj&tEGvi-)UHqX}KKXv{`#xv# zln{|`+#F~QbPR&FWZ=2vkaaZbKkmF{A=@7F85<;f}Gkh>S*+swsG#f~YdhSaP)A1=J}Kp;$~ zIql68$qyifLZ<%93i>m;vD$u*fj#TSHP;AJ+mW?0WWodWU5E|;9g4d*iuGE2B{-*R>HH^ z7Qvj`Q8$y`G!Hhp()dX)6N;s*R6I59O_(@A>3J+XWYp*x88$|PC&S@Wmb zNQ855#@@4JGyA4bdLuc&zJrSilxF3!DP5s9eBSXEtnVSZ90ZCvpK&z!vojYy!4`@aJrGW`R=x7L^Ow>dd0* zKam@=C+BMLQx|^ZI2nE{i7!v;zBP&sh(6O-UPl&}ud2TxKJJ+3q?E5} z^+f8%8n}s!QL)7vyQ#*mTb6;-wVC-RSaVf46Jv+~}>> zE4e1n%{_+tcbbf@4$L=o7;GZ=J&tzM`+oS0E&Jr?T(aToGkiJ0QFwWS3 zZWAgk!tEqe;Dle(@M6m9JHn(DRT5sX#Mwl;*j=Nck&V8fO9X?_DI`W&X*OOX^Q03J z3-a$y5tqy2xeR#lt{#48ym54pwNpkw71w>1hbu5MsYPAq&W_xvT-;GOy{Ya+f5X4vcsLpU-QR@2 z_6Kl)WJCSw@Bthk+<*@dbZBPk{DEWx`3AIs@YMO+x_v81IS_H5-~$;8lD6b{3CK(x zKEM>@EszSb7tKtaKOi0?HqZvbQ|C`75B&l7L*wv@fn4yN(q?zAIJj91T`k|(@q+#Z z3v=b^u9Y;~Xv%V^Ns#T+y^1BpyJVpx$tR_rSs@p?5jYtmbZ^6Cw{UN z{L*&os`RpjBB4L3*TL$cSOGcn8WMAl5~*ubq6DGKz9z|uJy8yVprPPqUaTZ&h2hFv zIgLA^uykg*ERALzzXp>i5v%YxFL`^^u9`xGRU($D z%6bfW@y)6yw;Ui0$APWdRa$^Ak{4V#W{U`L*-CQx{>pu z&W5T-S8}bV6^1odKk3N#T>YT4vF88muV3%4GY^zBsA^EsXyAdu22lshfsY)Gy5DQt zTZozifd|;3RSm#_@B?WF%mF=U)M+ag^!FrxlpW}4(AGdRFb&Ls&IV}**a6CD+M&%2 z@)BhSnjXkQ+Zvby`3C|Iumh9<=<$WE%e)Y%WW$#1WhaLpub-e6qviq*2W2-0!VXS3 zA;*w78*bnW0xtR0d)KJ!p1=KFDw8?!sY#pD(-9v-hESfnON!_Fx@^oi5Q?g1 z&a^U!I(T9tLckZDKEg6I&oAAK81JlT+{JV@uiZ>4Ki4AXV2@o|2pP6^$thO)*A@tP z*YAAGv9tefzB##X$j<>+b3f39@o>n&=;;p#ZDa^<`a`he+aV(Sb0BOd99|zXm~zR= zG+BC6C51?)6HNGha5EmuSy{2N^!3XaDv6mnWh{3n=#n+W@$XZMSyiz4jR4l5Oo}B4 zStX*_Oll#-a$ZaBHAaqqK{gMMx!J3d`_1D_9hz@wSOH~Vv;$s%9pC~m93OOm8?Xk10(xlBq4|kU zi6H0zHvkPJCm;qI9f(8o4UJ7OB?5PUm2#n>Cyk~obUmpkohb>(?E@+2CFj}gSX0%$ zWUlkUmqW#Pyn}dC_!;W78sjxLUj4e3jq^!dw=p$sf{Ew1**W$&hKVvgFB+k-a}H)x z`R4QX7KIS(4;}xO#4*}aTx58nayu1cTYfstyXxFGY%UL}&l5DYQaL8gX&wh!n>;=0 zt}Sr0>uM$Gsc!;<#}oNi^At`n*c$-t#I165yV_JH&R)?MTB* zm3WpUHWvwK*4M{5@nes_Od)T@H$ur))~Oi=?=EJ z)jwh{JnZ*T59|>fu5QQ!mH;!L5y;VH9&n4UCqOs=3dy`Y%g5&I;M$nv}sehDB5FSy3_S6D*f8c88D{iPNqro zK(w0ygIYGU*v6pYNw}poi5NE;PoTVB2s25H@~YK|vLhU_kvI8#TkN3#2h%WNQyp}r z#miGvK4PqC3-+?-@k@?1W6tlq9~Sw1PP6q?S4(briLrX9!w&Xmw+J3RJtriZxvU&Z zylKCO%Fn)^zU-YI#5K;&SaHr)TE%!=>c`%dJ{L=gK773Rm?pT--rlYvdhJho>5Eti zbzUB^%Sz?z_s8^gpIW}i*3u6@r}otu2HV=SQJ8J>qO2i%Z&ao8i6u*H$>Io$nxR`y zY%KY)?~QPy%hgQ(RtIr0lxb2p!&4@XZ6hDA{uiU(pEr*qI*tCH4SxT-MnDmm0Tcm9 zoko-*I`WOD2vDI}3KH!96C}_G^nwltCUqcDjp)=jUL(lu@u>**V07{LU1N7?($v%1 z#be_%!sfe@L1(}u#b3z3jZ z^N|S$S|damS2KmI&RGH%c6TNR-#b%4q~86Oc>aF4!-V>W&ek1I!;FZ14?S#NMUXK= zciEViKTj1WBon@pO_YX<3y}2kW+%loF*iT0TrEtWjs&S#e9afxlOrOphF~yP?T%G{ zCA#|Ce@lzmN{W6A3f#Tfl@nLuc#!8#7D24MDwI*Jchc0 zUdq83VxzNIgpm%@&hJHZ4`ejYf$m%Vhlh6)nF?I>57h)z$d^7k{P5lTG?PkMNc|lQ35dz zMo#cO8jlnFtXoVz^V#uY%ca4}Asbj`(1I&+8AO~fUfo^!HwEPHrE49Cn| znaUtp%A$?fsXLW)IBTAp13!1Cv7Iz;wy*7hT%qsb!U%ft0YB>#vpmZV*zBnYhZt44 ze1qd>r&zi-=DHhQoNlAp$v3>v7GiR(-Q)UHqvjqZtF|}9(pA`JZi^cTwZ!E2>2*Ds zK=v6Dn!cE9L>w|1ePN>CXGVUP9TO$fpS(jF4EYb6c40I;xWaa^>dZp@1mPlon`-sU zT7p^Hd8u)iB-9FuE-^|iiucv0DNpy+y$({Y@Cz>(z#zfrg?g7adZh1*zZXvHNnFv_ zhzk+oNSi{^y?3mXpO`s=H!U^rayW!dC+h!gXi+uny^#U!AN@X@?!LY&BFLnzJqC%H zWtRS;Io#0asA1nTq2qJ~xzjGNYBpg(9G^a_VCVFOvv;mH7G=ZO9V>YG-qZIUQkcj&$$x}#A=a1R`L3u-f6N7nE3y- zy+3;Vr|qrH%iaITOLSw=<)xO)pW9nINM>g1svE@!n15c~KsrcbZBlO6CMCM7=#ujD z>IND7?|NL*^!-@F*6=g^uil^E?)DCWEw;{v8AQa;$;1?rhx3SzqTRdo=-D|_?R+_V z4l^11^Fv(q4<8q?9EvC7m?w^Ni%v~|{LUPwdesEFR@5IBRu}WAmkwj?nkG;#x9zsZ zwR?447rC@sAh&k=YVvLSMI3UwJ8Q_N-PL%=pdB(PxMlMor?cPeag(b@KVsU)NN5oR z+@){4MJb&%w~V7)(T+{nW7Vu`T}73!J_xFctBv~|N@jy%&!P2&Crm>m2lQ68{pQ#K zy}d&uH$gGwZC2eie7uv!JYwVGpaxcZv|@pD{k{zBkW+6zZpI=nYLi_Md3j(nAL6#0 zOst}a)3*;rb@Eg$1LSS_F}Y-WS9PR6936E!wfU3-Gve9yv5XAjLM}7u^ud66ftA%? z)m!zSjeDkGFUQ89q!UKgbF5=OtWqeh6Q?JU`59O} z!lvb$8(vFWGD(bsWs|U~&0|l--wo>-{{chL#6Tii+n+G}#2^3&V1n}gWR4t>$%XH(~ z9y}^y6HU?)j8n;J7bq2SKXAIliIVEYJA2k*kAlxWf0|dSz_gq;^-x+|E3suM&2Ai} zS}R>|9i+P7?H4)eD=i1_fA^H3v>UYbQ9y#h4h7kB&=9Y1Ebr$O${~Nat_#l(a9bg5 zDO&ucOnH;|EUFaSjNtW5R*A@DaoYC&7#a_WjgxJX$G`)2>iEgDViOBEa`9yeml}@W z(i8vWgg1%%t2hy}u78Rcp2WQWbmRuL*k|qTF`Oz@cI=kNR`S6syP+e4v0+aFV{yvT z0h`1Ni<|ADr(4{b_Pl@Qy08ff^r4yu?$fAG)&4y-VT**(idV_7#c(q@__uIRiX z=~S{sV(1;#Lu6)7`vEg^UE#d|(r8_~c(HtVB7URo0$6gQh?z0(2ld!5GcqZYj1sRN zDlJps_;v}$TeauwZMr4e_p^x+)G;W#Pxcq|LaoidS=xg&$U&_RiuUme&^La00Ywa2 z6$BaBQ_$rFv@NJwGz0-U-QyKq2%;BifDX_@;}6}w$FD8uVOp#BpRLcRLD0wryZgp^!>dM0Y`1YUGx1E*wy^JR^7G zBt+GWo!nDsK^_QDS!pPR6W3pEh$S^+xGpuC%s8A~fdP`AL9oM}EHE(ct=M*K5EJ2N zbg`@JN7bIg&^K{2OB45pQy0rtkFLwA7sngubzU!$Z8$AAqc3JKvxb7nZJYSRFW8ST zm}?uMhT#lr%}ViuzL{icapF|Y$d0(-K`{Z_yA29UoH@TrhSU3Cx60j0A!WnTdDXh$ z8~5Dn(+4GB5=1K)J>lp8g2X`qqWXX`pbtGfqbD2`AW#W54DF_}Wvdq8xLY-t2YxJ4{=J?X{` z0VD@OdF!g(`EL>LEBBk7`-TW-pER3FAC8RHJ9&L;Z}|949h)}1)ri#atm#%f))Mk^ z$YZ5D<0#)IFH*gSvWHIV!(&kLu3{NZX7ZIjD~{BfVP@_vqGqhd5Yv~##j%w`>P#|C z)G#Jq98ea#uik_yT}hOtV-VT%k=&X33ij)~_60CDhQkz=c+e^na%cw8Ke`OZ8t2p< zi96Nf(4C|&$E@toZwO#^rEgtpb`XJl%wl$GA{i9_PJSBU$VVhb~!GKZwaPBZuGd?NKX<21KVwhd6ag3dU6w5ius& zSeS!nmcYm$k;p!Zu&(IzeZDPgw}>VPG(|dq{OHSP9V44*=2CE}#c8PJ6Qc zIQnUqkdI4+cIjOd1Husq0xK@MEd#1(_Mxi|dbOFe=%9F_U0^c6x1y}sk?tyEw=N(oU#(BTvPW3cnLC)z;UiIqWX>L#` z|8Uvr07BN6F%gHIBg{M5~!IcBecHk9F!7nyF2)o9&Y3{&-ZZWl@uJx!e&r6 zbwJ3N4EyCmHbs$qiU`T|S&!Eo6AWTx>aSpxstB>WLBmZVS4w^9lbCjtShz={zP8D8 zYHhkSPD4`8_@BWV1f!I~R(|9L_-LEPJ>ZXv_2*@)JKa2z2TAr2~KiM$z0u^9@8LFbawq_yd)$ zyUhS_06H3a04@Lr?2dP)`}x0Iwx5Apix6F{j6A3$VjqvzOl4InuP$&(?mU~Mc8OKeX_9wrgRWEpmTgu~j!1Uku!i;qe?s;0#bcr&SQ zkV3Nm~&o!KC*@>&CmkdJ_R{SMAy5++bj6IC zYFm5dk}+M$x_;fnUP0}>DmWu&-n-(=w3M3LulyZbLC42Q-9&|IsIHEzOl0Eruy{P!C zOz?2{)_TK;G7KEAo|i~SIFE@amR+d16x}M5THyv3V;@6_V}mX+r?)JKDoxy^x$f&0 zA2rtRaiGsP0heCs^hTXE!`mik_(xcE?+Z(sjkHG`L}Able$}T|sqvt=?WFFL#q^BBhXoHe4zq`fSRsW(eudo zWJ8gG@I>1blqjI4>r@bfXq%$@1Uk-*?^FO0Xwx+-N)1%$k^kZv5#qoUijW+LX~iMh z5wZ3nC<8Kcnpl2%BE$7WnvhpfXJQYhIo4e;p{J6)FI@0Ar=Yf8a4}Q5w%3`vRm#nNLcf2sIitk#6^!EFu;OFzEeIK0Mf?rsZrC+aSK(nv{*(SCqf$v%>870`jj^ zlxheiEtB9?$qBbq8hYMlhh9#583AXC&%KQi#BpcOHMc2AjHMVzsd{JXR`p0Pr!U@s zDBzJ1X|D*5k6PN%E>EjZjIdFSOqDfHSk>}IKbO>&b2wqCx)!IA(Jq>(pJ2o(q=ja0 ze?mk>fe9&k+h%Q8vP#}&3FBBaGY9CjCEk^#-m_^(2wqRV?Y?@1gvXe=3z_SOe#!mX z6vHcsQa8;yfc$>I``n#weFe#;4Wf_FfYHTO=MEUuxznN3rqIX7z}n$0I!1>M00aSu zj&S2&5Cq`{&;fdAR|9K0cfg>|oemvHS9Fa4=s?Qp&;fw|HFsgK1Kx)WWduPyM{|7= z-^*v$B-qa0zo^KC?uTR$y^Bxz+q2Vs%F0iXoKqpUni?8eNj5uIuFp`~(3{IGmCh5d zo)RgsCfAD{m5l0Mt2=kEw<{R>y+s%$@4H8aN{;H0tGpw23$+l!QN$KyG zzzD+HrQu<`Oa;|kF2{W%W#%R=3&2KvK~C0;B9B%aNfRv29PT3p$x8kCkyrng#=cE- zcm05gljG*n=}X2&aEnQ|BTOWTPihAH`iTamPcbUZXupN$2PnDwq03IwZ{Z+;zxa#= zi$$3{v3ul(k{LB4oq)Ga6)Ek*iIOqRE0O7Xj4UEHpUGAaVE1G*~=%M9`TGaW|olijS zp<4u+cxbtzcN8E-=kN3L37U9lxq<-vB=o>62iSqoL$?St?$B}t3W3i5uwTDcI)n)@ z=JwFm2#SSoW~RdgI5iCNaNuNRQ4NsXsn(2rM>t&Np%4h;bmR!bx+KKj^W;f`)4`;w zlf0v~WV8AsRQp3*=O^gG`gjp(i~fzsZ2SLmiejPG*1 z&Xth;?m7)=4&U{Bs-gJYWxOcCF{{}Tw_7lE%P{1+QsHT00G*UGKjLcT-Jqq!nnt7# zbGw#^pUu45CLL7Z?^2?UZjgxU2sab~v8wAb4@hvnD(Y^Tvdl;Cn!<4Gc(Kw0W}SB* zoZ|FD2eUnzKQt;Pz)>lG6%VSMr|Ma{|*RpB9(DFVo1s2;?5$Vl8|0!U8Y6 z^c?OlYq`VaBzI#29(_%Y!-dS6IPcMFy`|)sWmz!eiI9#D7|l-&AU0bd*sD29_dRnx zQDrmsKLa>?kLWWM?!Ih|=36oE9WC6)JrA*px_t5`Vrrx#C+{_1WFUS9^syS7#^ z-D!*W;}bQoz-m!^dpM>X{Wm#*&zM21K7v+V6^GP(XJ8Nn%%M$kO722 zOaUwaHE3PX(qKUbU;%1SydW(>^ntVl;s9sB76hP{?Zxw8x&zDsE&v~(1_ptBu%m!X z2IzogFl6f7{gHmZzvuTa9;Z#mOCjhdmSIN`uZ9@Ug0Kv=TIdX?@ z(&s^rq#gUcC~J4m;oI$3S(+9^68uyuIby|`bRL{avsCL<4XS@&77HDp9mZw6aSL{G|tgR>^Q zn{#R=_6ePHv0yFPv?|4RxnIo7-0qiAjrhatY~R^MMw5LgetJn0GG?vxVu+O%d!BfN zcrM2zQ3f}5O2awMWvBa=^n?U1_ZpnP^|k6?iozivZ#^+3A?WC>NpR5oqC+@>t5xFg zGIfOpe?N>X$q0PzMqOoXl3&S?O@jqxIV$$9;Imx6P2v^5t`1J=p73??sv>z!aPUO) zvkg@&FES-%XpFZ3DS1;=8b`D?xT{XZO zp*^Mi`9*zz5y%3RfIAS80OmhECTnxnL@ON_1i%4FfE}pR-SW^J)F!Nj);Q`K-8O*q z{{u!>%$X>neHnCqg}wB))4+rJVBWq8>j2&k%5}@!QK>}eMcta}<7zKk37NX4r8${p zErQv$xw*u=7=-R|AXgtLm`}DSIzWJr%|kHXoJ`}CoQ{M`t8)#O*Uf_LROiy@7ccRY zEvba0wg?+sdnyZa_WE?#@8(vPx!avpB3A#`MlQyK;g0;rECa`9;fTo#!LrxWy&rop z%io8Q{SpqvYVLhuOH=4CNL1Ykuto4rN0*IR?Pm3_LMj{ZLHLyfa$<}mC8e4m3UQsk zE9?#~*lCYV#BqtZ(+26&|25+E(`uMu1t~1Ln-UV|mjy Delete Post" : ""); - + $reply['menu'] .= ($item['account']['id'] == $user_settings['uid'] ? "
  •  Delete Post
    • " : ""); + $reply['menu'] .= "
  •  Quote Post
    • "; $reply['menu'] .= ($item['account']['id'] != $user_settings['uid'] ? "
  •  Mute User
    • " : ""); - + $reply['menu'] .= ($item['account']['id'] != $user_settings['uid'] ? "
  •  Drop Thread
    • " : ""); + $reply['menu'] .= (isset($user_settings['pleroma']) ? "
  •  Hide Thread
    • " : ""); + $reply['menu'] .= (isset($user_settings['pleroma']) ? "
  •  " . ($item['bookmarked'] == true ? "Unb" : "B") . "ookmark
    • " : ""); $reply['menu'] .= ($item['account']['id'] != $user_settings['uid'] ? "
  •  User is NSFW
    • " : ""); } - - $reply['menu'] .= "
  •  Original Note
    • "; - + $reply['menu'] .= "
  •  Original Note
    • "; $reply['menu'] .= ""; $json['id'] = $item['id']; @@ -350,11 +358,6 @@ function render_reply($item) { $reply['replyto'] = ($item['in_reply_to_id'] ? " " : ""); $reply['text'] = processText($item); - $public = ""; - $private = ""; - $unlisted = ""; - $direct = ""; - $reply['date'] = "" . time_elapsed_string($item['created_at']) . " - "; $reply['media'] = ""; @@ -394,7 +397,7 @@ function render_reply($item) { $reply['buttons'] = " " . ($logedin ? "
    " : "") . "
    " . $item['favourites_count'] . "
    -
    " . $item['reblogs_count'] . "
    +
    " . $item['reblogs_count'] . "
    "; $result = themes("get","templates/reply.txt"); diff --git a/js/scripts.js b/js/scripts.js index 5bffad6..9f1a173 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -129,6 +129,15 @@ $('body').on('click', '.gotop a', function(e) { return false; }); +$('body').on('click', '.topbar:not(a)', function(e) { + if(e.target !== e.currentTarget) return; + e.preventDefault(); + $('html, body').animate({ + scrollTop: 0 + }, 800); + return false; +}); + $('body').on('click', '#loader', function() { var cnt = $("#loaded").contents(); // $("#content").prepend(cnt); diff --git a/layout/footer.php b/layout/footer.php index c829d96..4d74747 100644 --- a/layout/footer.php +++ b/layout/footer.php @@ -11,6 +11,7 @@ $query = http_build_query(array_filter(array( //'explicit' => ($nocookies == true ? $user_settings['explicit'] : false) , ))); ?> +
    diff --git a/layout/header.php b/layout/header.php index 9e15cdb..b0268ff 100644 --- a/layout/header.php +++ b/layout/header.php @@ -64,9 +64,11 @@ } - - ?id=' /> + + + + @@ -79,9 +81,9 @@ if ($logedin) { ?>
    -
    ▲
    +
    ▲
    -
    +
    " style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none" > @@ -115,7 +117,7 @@ if ($logedin) { - + @@ -132,7 +134,7 @@ if ($logedin) { -
    +
    @@ -187,7 +189,7 @@ endif; ?>
    -
    +
    X @@ -199,7 +201,7 @@ endif; ?>
    -
    )'>
    +
    )'>
    diff --git a/modules/timeline.php b/modules/timeline.php index a669401..13f777c 100644 --- a/modules/timeline.php +++ b/modules/timeline.php @@ -139,19 +139,19 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) { continue; } - $post['name'] = "" . emojify($elem['reblog']['account']['display_name'], $elem['reblog']['account']['emojis'], 15) . ""; + $post['name'] = "" . emojify($elem['reblog']['account']['display_name'], $elem['reblog']['account']['emojis'], 20) . "@" . explode("@",$elem['reblog']['account']['acct'])[0] . " (" . $elem['reblog']['account']['acct'] . ")"; $post['replyto'] = "" . ($elem['reblog']['in_reply_to_id'] ? " " : "") . ""; - $post['rt'] = "[ by " . emojify($elem['account']['display_name'], $elem['account']['emojis'], 15) . "@" . explode("@", $elem['account']['acct']) [0] . " ]"; + $post['rt'] = "[ " . emojify($elem['account']['display_name'], $elem['account']['emojis'], 15) . "@" . explode("@", $elem['account']['acct']) [0] . " ]"; $elem = $elem['reblog']; } else { - $post['name'] = "" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 20) . " (" . $elem['account']['acct'] . ") "; + $post['name'] = "" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 20) . "@" . explode("@",$elem['account']['acct'])[0] . " (" . $elem['account']['acct'] . ")"; $post['replyto'] = "" . ($elem['in_reply_to_id'] ? " " : "") . ""; } /* We skip the post if it contains any of the muted words */ foreach($user_settings['mtwords'] as $word){ - if(contains($elem['content'],$word)){ + if(contains($elem['content'],trim($word))){ continue 2; } } @@ -286,11 +286,6 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) { } } - $public = ""; - $private = ""; - $unlisted = ""; - $direct = ""; - /* the code of the post footer (date, visibility and like/reblog buttons */ $post['footer'] = "
    " .time_elapsed_string($elem['created_at']) . " - diff --git a/templates/post.txt b/templates/post.txt index 6b4914b..d6cec73 100644 --- a/templates/post.txt +++ b/templates/post.txt @@ -3,7 +3,7 @@
    :ancestors:
    - :name: :rt: + :name: :rt: diff --git a/templates/textpost.txt b/templates/textpost.txt index 19cdead..c484a6a 100644 --- a/templates/textpost.txt +++ b/templates/textpost.txt @@ -3,7 +3,7 @@
    :ancestors:
    - :name: :rt: + :name: :rt: diff --git a/themes/1994/css/color.css b/themes/1994/css/color.css index cb9797d..0fc8f29 100644 --- a/themes/1994/css/color.css +++ b/themes/1994/css/color.css @@ -41,6 +41,12 @@ textarea,input[type="text"],.notifpic{ text-shadow: 1px 1px white; } +.search input[type="submit"], .search input[type="text"]{ + color: #734eec; + background-color:transparent; + border:0px !important; +} + textarea{ background-image: url("../brutus.png"); background-repeat: no-repeat; @@ -159,21 +165,21 @@ input[type="checkbox"]:checked+label { background-color: #6B91B6; } -.postMenu { +.menu { background-color: #efd7f3; border: 2px outset #f2e0f5 !important; color:black; padding:2px; } -.postMenu div{ +.menu div{ background-color: #efd7f3; border: 2px outset #f2e0f5 !important; color:black; box-shadow: 1px 1px 2px black; } -.postMenu li{ +.menu li{ background-color: #efd7f3; color:black; } @@ -184,11 +190,11 @@ input[type="checkbox"]:checked+label { } -.postMenu li a{ +.menu li a{ color: #734eec !important; } -.postMenu li:hover a{ +.menu li:hover a{ color:white !important; } diff --git a/themes/1994/css/mobile.css b/themes/1994/css/mobile.css index 11efe01..a8510de 100644 --- a/themes/1994/css/mobile.css +++ b/themes/1994/css/mobile.css @@ -1,673 +1,6 @@ -/* overall */ -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -html,body{ - height:100%; -} - -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - body { background-attachment: fixed; background-size: auto 100%; background-repeat: no-repeat; background-position: left top; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/1994/css/style.css b/themes/1994/css/style.css index 2e47bcb..754d318 100644 --- a/themes/1994/css/style.css +++ b/themes/1994/css/style.css @@ -1,641 +1,4 @@ -/* overall */ -html { - scroll-behavior: smooth; -} - body { background-attachment: fixed; background-size: cover; -} - -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: 5px; -} - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile{ - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/ancientbird/css/color.css b/themes/ancientbird/css/color.css index a8fd491..71f799b 100644 --- a/themes/ancientbird/css/color.css +++ b/themes/ancientbird/css/color.css @@ -27,6 +27,8 @@ input[type="text"]:not([name="spoiler"]),textarea { border:1px solid #aaa !important; } + + .topbar { background-image: linear-gradient(#2e2c2e, #090a14); } @@ -144,6 +146,16 @@ input[type="submit"] { color:white; } +.search input[type="submit"]{ + color: #048fb3; + background-color:transparent; + border:0px; +} + +.search input[type="text"]{ + border:0px !important; +} + .formbtn { color:#048fb3; } @@ -161,19 +173,19 @@ input[type="submit"] { background-color: white; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } -.postMenu li:hover { +.menu li:hover { background-color:#203960 !important; } -.postMenu li a{ +.menu li a{ color:#203960; } -.postMenu li:hover a{ +.menu li:hover a{ color:white; } diff --git a/themes/ancientbird/css/mobile.css b/themes/ancientbird/css/mobile.css index 8d6aa17..65324b7 100644 --- a/themes/ancientbird/css/mobile.css +++ b/themes/ancientbird/css/mobile.css @@ -1,676 +1,8 @@ -/* overall */ - -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { - width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -4px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; -} - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/ancientbird/css/style.css b/themes/ancientbird/css/style.css index c6e9e72..65324b7 100644 --- a/themes/ancientbird/css/style.css +++ b/themes/ancientbird/css/style.css @@ -1,640 +1,8 @@ -/* overall */ -html { - scroll-behavior: smooth; -} - -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -6px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; -} - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile { - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/bythebook/css/color.css b/themes/bythebook/css/color.css index 5b5de08..e1d25e9 100644 --- a/themes/bythebook/css/color.css +++ b/themes/bythebook/css/color.css @@ -119,6 +119,13 @@ input[type="submit"] { color:white; } +.search input[type="submit"]{ + color: #4267b2; + background-color:transparent; + border:0px; +} + + .formbtn { color:#305792; } @@ -136,19 +143,19 @@ input[type="submit"] { background-color: white; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } -.postMenu li:hover { +.menu li:hover { background-color:#203960 !important; } -.postMenu li a{ +.menu li a{ color:#203960; } -.postMenu li:hover a{ +.menu li:hover a{ color:white; } diff --git a/themes/chicago/css/color.css b/themes/chicago/css/color.css index aacbc46..d3c7aca 100644 --- a/themes/chicago/css/color.css +++ b/themes/chicago/css/color.css @@ -116,6 +116,10 @@ input[type="submit"] { color:black; } +.search { + background-color:transparent !important; +} + .formbtn { color:black; } @@ -137,21 +141,21 @@ input[type="submit"] { background-color: #6B91B6; } -.postMenu { +.menu { background-color: #c3c3c3; border: 2px outset #fff !important; color:black; padding:2px; } -.postMenu div{ +.menu div{ background-color: #c3c3c3; border: 2px outset #fff !important; color:black; box-shadow: 1px 1px 2px black; } -.postMenu li{ +.menu li{ background-color: #c3c3c3; color:black; } @@ -162,11 +166,11 @@ input[type="submit"] { } -.postMenu li a{ +.menu li a{ color: #000082 !important; } -.postMenu li:hover a{ +.menu li:hover a{ color:white !important; } diff --git a/themes/chicago/css/mobile.css b/themes/chicago/css/mobile.css new file mode 100644 index 0000000..38e7bf5 --- /dev/null +++ b/themes/chicago/css/mobile.css @@ -0,0 +1,14 @@ +.topbar{ + background-color: #c3c3c3; + border-top: 1px outset #fff !important; +} + +.appname{ + padding-right:15px; + line-height:43px !important; + border: 2px outset #fff !important; +} + +.appname a,.topicon { + color:black !important; +} \ No newline at end of file diff --git a/themes/cuatro/css/color.css b/themes/cuatro/css/color.css index b125ca0..c9682b2 100644 --- a/themes/cuatro/css/color.css +++ b/themes/cuatro/css/color.css @@ -1,4 +1,4 @@ -a, .link { +a, .link, a > span { color: #117743; } @@ -126,6 +126,12 @@ input[type="submit"] { color:white; } +.search input[type="submit"] { + color:#800 !important; + background-color:transparent !important; + border: 0px !important; +} + .formbtn { color:#800; } @@ -134,7 +140,7 @@ input[type="submit"] { color:#800; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } diff --git a/themes/monad/css/color.css b/themes/monad/css/color.css index baad396..995c733 100644 --- a/themes/monad/css/color.css +++ b/themes/monad/css/color.css @@ -1,4 +1,4 @@ -a, .link { +a, .link,a > span { color: #d8a070; } @@ -55,6 +55,10 @@ input[type="checkbox"]:checked+label { border-bottom: 2px solid white; } +.search { + background-color:transparent !important; +} + .badge { color: white; } diff --git a/themes/monad/css/mobile.css b/themes/monad/css/mobile.css index 7d82ff6..933968f 100644 --- a/themes/monad/css/mobile.css +++ b/themes/monad/css/mobile.css @@ -1,14 +1,3 @@ -/* overall */ - -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -html,body{ - height:100%; -} - body { margin: 0; background-attachment: fixed; @@ -17,668 +6,12 @@ body { background-position: center top; } -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -4px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; } - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} diff --git a/themes/monad/css/style.css b/themes/monad/css/style.css index 6a08073..83d28c4 100644 --- a/themes/monad/css/style.css +++ b/themes/monad/css/style.css @@ -1,649 +1,14 @@ -/* overall */ -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -html { - scroll-behavior: smooth; -} - body { background-attachment: fixed; background-size: cover; margin: 0; } -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { - width: 800px; - clear: both; - display: inline-block; - margin-top: 5px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -4px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; } - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile { - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} diff --git a/themes/phubbub/css/color.css b/themes/phubbub/css/color.css index 81a290d..6763cf2 100644 --- a/themes/phubbub/css/color.css +++ b/themes/phubbub/css/color.css @@ -43,6 +43,10 @@ input[type="checkbox"]:checked+label { border-bottom: 2px solid white; } +.search { + background-color:transparent !important; +} + .badge { color: #ff9900; } diff --git a/themes/whistler/css/color.css b/themes/whistler/css/color.css index 47ab764..1477929 100644 --- a/themes/whistler/css/color.css +++ b/themes/whistler/css/color.css @@ -60,6 +60,17 @@ input[type="checkbox"]:checked+label { color: white; } +.search { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) inset; +} + +.search input[type="text"],.search input[type="submit"]{ + border:0px !important; + background-color:transparent !important; + background-image:none !important; + color: #000; +} + .tiselected { border-bottom: 2px solid white; } @@ -198,7 +209,7 @@ input[type="submit"] { box-shadow: 1px 1px 2px black; } -.postMenu li{ +.menu li{ background-color: #e7e9d4; color:black; } @@ -209,11 +220,11 @@ input[type="submit"] { } -.postMenu li a{ +.menu li a{ color: #000082 !important; } -.postMenu li:hover a{ +.menu li:hover a{ color:white !important; } diff --git a/themes/whistler/css/mobile.css b/themes/whistler/css/mobile.css index 11efe01..a8510de 100644 --- a/themes/whistler/css/mobile.css +++ b/themes/whistler/css/mobile.css @@ -1,673 +1,6 @@ -/* overall */ -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -html,body{ - height:100%; -} - -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - body { background-attachment: fixed; background-size: auto 100%; background-repeat: no-repeat; background-position: left top; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/whistler/css/style.css b/themes/whistler/css/style.css index 2e47bcb..754d318 100644 --- a/themes/whistler/css/style.css +++ b/themes/whistler/css/style.css @@ -1,641 +1,4 @@ -/* overall */ -html { - scroll-behavior: smooth; -} - body { background-attachment: fixed; background-size: cover; -} - -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: 5px; -} - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile{ - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file