From ababd2a922144112c943872320ecf190312272cf Mon Sep 17 00:00:00 2001 From: MaxGarro Date: Mon, 5 Aug 2013 00:52:22 -0300 Subject: [PATCH 1/4] Primer Commit MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Negritas en H1 Arreglado problema en avatar y flecha que baja al cargar Agregado home Borde de color mas oscuro en todo el nav Pluma mas chica y alineada verticalmente Corrección de flechita en cantidad de comentarios --- estilos.css | 43 +++++++++++++++++++++++++++++++++++++------ index.html | 6 ++++++ responsive.css | 10 +++++++++- 3 files changed, 52 insertions(+), 7 deletions(-) diff --git a/estilos.css b/estilos.css index d121478..56e80de 100644 --- a/estilos.css +++ b/estilos.css @@ -42,6 +42,7 @@ header color: white; margin: 0; padding: 0.5em; + position: relative; } header:after{ clear: both; @@ -55,23 +56,22 @@ header figure header h1 { font-size: 20px; - font-weight: normal; margin: 1em 85px 1em 100px; display: block; } header #avatar { + margin: 1em 1em 0 0; position: absolute; top: 0; right: 0; - margin: 1em 1em 0 0; } header #avatar figcaption { background: #22BCE0; - float: right; height: 50px; line-height: 50px; + margin-left: 50px; } header #avatar figcaption:after { @@ -89,9 +89,34 @@ header #logo img { width: 80px; } +header #home{ + background: #22BCE0; + border-radius: 0.5em 0.5em 0 0; + bottom:0; + font-size: 0.9em; + margin: 0; + padding: 0.5em 0.7em; + position: absolute; + right: 10em; + text-align: left; + vertical-align: bottom; +} +header #home:after +{ + content: "\e002"; + font-family: "icomoon"; + font-size: 0.7em; + opacity: 0.5; +} +header #home a{ + color:#fff; + text-decoration: none; + margin-right: 2em; +} nav { background: #878787; + border-top: 4px solid #7f7f7f; font-size: 0.9em; } nav ul @@ -103,7 +128,7 @@ nav ul nav ul li { display: inline-block; - margin: 0 1.2em 0 0; + margin: -4px 1.2em 0 0; vertical-align: top; } nav ul li a @@ -112,6 +137,10 @@ nav ul li a display: block; padding: 0.5em 0; } +nav #flechita_nav +{ + border-top: 4px solid #25a3be; +} nav #flechita_nav a { background: #22BCE0; @@ -128,6 +157,7 @@ nav #publicar_nav { /*i is zorri*/ background: #DD4F24; + border-top: 4px solid #bd5b38; float: right; margin-right: 0; padding-right: 1em; @@ -138,8 +168,9 @@ nav #publicar_nav:after color: rgba(255,255,255,0.5); content: "\e004"; font-family: "icomoon"; - font-size: 1.8em; + font-size: 1.4em; position: absolute; + line-height: 1.4em; right: 0; top: 0; } @@ -189,7 +220,7 @@ nav #publicar_nav a border-right: 5px solid transparent; border-top: 5px solid #878787; content: ""; - left :10px; + right :5px; position: absolute; top:100%; } diff --git a/index.html b/index.html index 31db222..fb6cdb0 100644 --- a/index.html +++ b/index.html @@ -23,6 +23,12 @@

Puls3: Comunidad de gente cool, atractiva y millonaria
+

+ + Home + +

+ - - +
+ +
- +

Una mirada a Leap Motion: El control Minority Report diff --git a/logo.ico b/logo.ico new file mode 100644 index 0000000000000000000000000000000000000000..00f37bc87404a79cbdeb2800b7d8ee8cbadb097d GIT binary patch literal 99678 zcmeHQX_QsPwQd&A<@1LxVP&!MgCCfcg-^tZIBQf;2^u1bfT%d&fCESrQCb{91VJ96 z#t8{QM2IMA(5Mgxf}$vh6Cxm(+t|=eH#7}2P17_@z3;1Y>h!tio_V^rhgz%d8Sbg7 zJ=L^p*RGCt-oNE5oa{udt2gPE%6FrA*7Wm#i4k($8{|+~&<@3%xjcb^eVbou?iL-Ah z6=&aCDvr5wlU+W`&3PP&JpcXmUM;cZ_dw%8v2Ihnc>I-W@w;nHc_9rxZAY94>t9~0 zwxrB`EZ^QB`rf^z2_7viX(fg}T9K7t!IB#B;yb&`|6wWcxJ&)l^$uyBaPOjl?_H7qo3ZUzLD2Ci*_6T zt;y8u{~7$1&+mS=$N1)De6RB5b;65P#(&#)9Wc@>`1#GGIXjGRzTLRbNPpbmO=8u$ zea3(5e^%w|a;3vR_@Q#+oBan4ie;c3W7X~h#(UmO121*hq)aL}Pq=!MAiv$hd!N^e zZdd5Csmn9vN9FO#2fGE~tE@gCcGWhD>Y4*$AIqMSdOa54DJDuf=ZNPNIUmz1}{%+3$QFe`9w7lH;RCc?8JiTaO z{(l3$Kh_Tnjg8_ul-+19oA)oiyUUzki2KYg$jF&)Fc8MCe%x1UEt}7HFHXOyRP-NH zCayqx#5nN2GI2Kgw4(<3r3GMcpab6j0&&Cif9$j?-t`^&X0ZzJJ@dv+@u$0*`Um7^ zMEVnCLy_=4F4EaO3$0N%AihX+=;UI*FGIR9h zwlrW_M%~0c>#BlHRG^KID=hhHuQ*!uE2c77Cd$A#L$+&KZOaE=+KOOkkY4$)#=y;l zXT7OS&HA5XBBwC?@k+rl$XOVNU2w-1G3@^;#q0mB5%mr3{p*dBDzeJZ;n3RiY`Tc+ z9@*+tJnEdiT(N!pp`_k1-MXf+g&7X^7wk*S@5G51hdG6ZXH{i=Yfj7Yn|Z8d&EvBB zEwJbIV@BSY^8ME2^7+k=_ZZ)p%U1V)p5|PCpGEtizSFPfJ~ZpUg&5b^g`djyXMJbM zPmZD39@&K@7>irKcY1!rG_Ew~#d`g_A;vh_Hb25>7aU~3mIi~sE2l67^63OO-&gLm zZ$CC{$)O#~&XGUnaSX=B4H)a%g{glx#<@9gT=sx7+$(;l%l=-IKh}Zl_xkhqm=D;6 zf32*w{r(SkY!*&(%Y0^G-eW0C8?QN(|M&Ns<|bx1c3|v1ZGN?wFuO{|Ctj@DS`RyucFE&mUQbfATu0sCiwFOVmaP7 z;=N$xy?m$rhi~|8NjIkT%0Hq15C5sW;Ud5^4*cghh42}2Ct=o~UGAA?4R9WZ>u(c+ zGfP%c#vzC|W30HLrmj(&pAX28z5;N_tGZXuy!yDW1yAOH7F`p><4g>3zefH>xWJ}A zF=R%U9Yud%?+3`XWGe9JfI_Ua3;TR1RICpmznl*H9*m>Ra-;4Q%zO@YuZ>?_bvi!r zWBdF%=N5Kx&SL1iwqi@b;WgfoXX81w!LbYF_}j^Vri7(({lwxWQ`u59x-^dT%$DaqQ(r zz2`d5kck!I!ckkqjaUyFg*6y+ymd;2=m)*xDOl?vEI!*JLzYxqhHIl=SwcI8ab8L7 zofsp>8Mb3h=HqYoimA{c5huB(GC=hiYI#vI0gpZ&Fl3;O6LndCj%CA@QNTY>9T;!8dskF}|?ss`J3N6Akd z*Xo)^F%9$NW3SpI+gjPzslG$+`xH$2e^Y^ePF)7=yFzyAwf34k%ZR1l*srn1%?swY z5p%Br(7Ur-MStF#?wQlb!q!{z=f$ z_zBme9|k@2`mgfSWKy*!r$blv&gXl4^P>*>?xr!ioh)St`^+r4QFUDJJFbE)hoA5` z^qyJy=;`G<(>-N!#@oC6WGVTMag4@GQywN+nu+_BQf3s7)K%wIcj)BZc&z^WV3no^ zwaO29O&rYcyF&lSv4l$NcHM${z`j(M87b3E_n2!B$dtRu5C2<-zTPX8p&Zgy(FjqvS?ib@?H$#zJ@M#$)y0FsxCV<;3frI$4$0 z?K&Upq)jrTx042Z#6|I&Jkp$ z29K6c(|xw?#!h}tLLIKgT+1sghpyW$y;)|=_d_PQw{7GJ!-{ovO)|r_K*^7k{Y<$b zLk3TD9ua4}qpts(4f{NKy%p>GCtRbo6~x0!e(s;)PkuD`vtg3*G>~mi$x1KzVZSun zWRK^@2hJs%^2?POMSs$S>#lynBG|w=$Pe33$No#J3xEOqy8BswYi6UL)yKb0JkDy% z6#PRcS9q@LDcqjUUEh{+3LXG<^ueI7wt`-HssGj3MAB2`C+h*n4;%w!8YHZ`%xZ9J@~hr+ez(nG{aMk8 z*B@cKc-6yO#UFt$$1aS#A2OjruC1GnIJ6gb~!$kcyU@zeqGm z^qtQCjQAAoOWNV7CfivBx4L5dTq5=FfS)?99GT%eB}$|jBk@8I$ z)ZvlOfEl!ub4b96`6Kj=#DU+)?@agdT_zSAFu(j`{pgQ=Q^KNPQr7|5^GD)=I*>ho zSKsm~+mejEB{mn8)uDW3X;> z@jYd7tVDQaSyE=R?`7GP2Th)9AsepxTf(p7FckSx@2<67ygJgxj!t+dd8Vfedk?sE zeh`*GYcZe+`veUK(n#V!c--!_@?<^JzmIZng57BA6^*^Fpm%%73-oew?LgxL>ERm5 zFHHtCnTUK(`cXF+c>PG>hqOZh3;H&LmoBoT@kf3eR%Td^mX`f#Aem7xTd&CHOvu3+ zB}3YLN6C`jujj~B6TYUo9{V08(=PY24fIu4t*|;h0|&0nOa(8nMnD>AV{G$1zR~K3 ztalomQjT<(ecZEen#!`A;E4Jjd2^kEV+}c8!quQ>_Ru?p0S?;-}h`y4#`;4K>w<{~jcff)32hJlnkDCb@gFdoJFQ&^o z=Ni-#ti*RS<+qyNJF@+ZW)H+YQ4DR@wCO-QtsaPD5tW@*5%#!RL&7rH0Wx(WBE~J5 zXK-BtS%Yn%oTpgY2h?@>U&#{vTaI;@HnBD<3ETniq3Gu>#+B_Ba1CUKXrYNr%RFd9 z#XKX|%Or3{o*gl6zk6-z{!aj71)>#?xSo-B=27I|Eg?MQI6FYzy zhP#P|v`fxB2bsuA{{mjO$J*;fn5wNM-sbS9Vh7zsA~GS{5zZ%m1sHs;{pZ1y7JJV<|yWuwC4U^}0UTGj*KQb7s|L zg+sKf=I0`Cn+W{bmNs6D{+vEUk`AmlCD2uqb`L|Bd^{KnyA8zm z^kpOU7^mETJ<8a-mUiI&aPG@}{;gf&qUd8P;^J$3fbV{V$nk_hd)hDLJ1qZUpST%z zn}*LB6MSY^UG9mK=Qt7HP;X=4&ir2Z=dOICFUxP>#s%1{^hMop!PEXf4X1I)$gv)v zy@T#6cW!=L3_dR6Bp`hgJ+YwLSZDE13*hE5XOeR&8@cK+Vso6}$C4M@%cbz?#P-QQ z{;boP=j>zvdC*?MaW8Epd{q@ zUAPw>#{a+>_{hEh@2IPEO?xiv*!|c#T50qy#&b`>&g>qnsnaf#HdK8up5gwkyRet) zIjoz1hVez1ysc&Nnd50MT=f5?tqJa_qo$74H6885Hel^PXgCXdHN5hs?b~_iV;+G$ zaCt;uO7!E<{aRmr0&!OQdCk7Yg9dLd+Y=Q1tbIFPbm0Fdz$T7kUfNxU4YWn^Q5JF5 z*CyO~ukxBa*WaEAGu+d$r$D6-a=jhQ8CmY1I_YkBIKZH>yu`6}0>mOB5R4fpYo&7gt%jnqC>zvY;} zdmgs$VZs9JZ7}EKaIde&W#j4at<3K`2OmdHFj9ALNrd_9iLkNvv(Lm@e#zDbPrp~r zYmv_MSODK`LBrk9A-U1i>%WOU_iCBpV*7a!^h)k|=g#%qzb_HR(}U~7=D`<`SH5ol zp9$Z2obLn;w@35AX$v!LZ#fSS623M31Ut)>8~*%{y0M_a#YWo}H!m3YKj#@+u>U$p z;C%fUjGz4E@AS>TG1me2Oyiw@@HXJD z@JkmoOoUHsZ&;k`$FdMQNN@ZNo0CAW(HBL~@Wv!k4BY8kZXSzAB|R=&Che`hsJ$Qvjn;j+9i2?m-Ro}fSuTf5hUz@KZzbb z=7LsOxObLw=rCb|XPuL{)6OajKR?e)pob0`hD>zc`{7h3*Up0Ww}gx1g{!5n0$1FW zjhV0cuNlTLJ}~Ix#hi!RJ$<&$z`8@&wKwjEIpgLWKa%G1)%@3&{=*6@eP{#?)K{N{ zy+$WOPsjC6bL4(3`nBNR*O};FqUwX*Uhdi6O8p0LXb0Rp^VW(DhaLWp{XMuoEJ=E?tsIU0)ON6Dzsp|# z(C~L(|H@9U^(lj)%Py2a+$TXlX$NQaJNxx7jRvqO4KNm<50fx`bKErJ`7*^0J`;2C zv0wj`_&cnB=jPEgrdW@5JfDGk5(nn`>2{C<_w{c{0~`AXH~jthP)UM5n_-jl*t}}t z+uquT{ezBwj{S=p{tv=eN}AyZoXfzuG<`0)!DaKGFZ&mr28R8UO+H!Wo`-P|=e9g6 zpd4p%h1J*F(U5sjf4*#Wop=mB{3F;w`L=%|{yGh${hJs5>VL{1eIE9KpOI^D-oahy zhbGOfmOlLFL;uOSI3x8KD>u|<#m}%t!vEgFK4SX(r~TW_I49&HoRP-0gRtu-I&6XM z-*o(?{iDLK*n5G$Wi9uLyHTg-4Vt^FeG* zazI#P!Clb}HZq4J&PKj$PZW&{?V8B`2ZIKhofP{8_9umgJ7FShS@Svtdz@F4!STV@ zRy$d|OP?m%xQ=5RU-r#$(E;UgoH!2i<~+)REE_O*+cn39w>2Ny(}D(=H#*yn0=}5# zf@S4z|D%-#dWoO= zDCg<*jP-3k;unbP5&f(O@*953G)$}NEc0aEon=}1JB!G+P0ANwNAz~e(S6wW${|WO#$U<*iJ0m8pzsV!d;uw>#5ABIK6MNpuaTTw9 z>c`Ht;N^mHz;Vea_!m79XvIORmXya~;CFA(g=Z0OKr})I_Eex-ONo>Nj#r8iy8y|S z#KW+-{2Fwaqx)aV@w>(S1*gHTum#Bgaj8L{unN~Ph^=wnaL9p1@f(=&7K8VmMixUJ zt88ifH{-J!GB6l(8tN|ExAZmv^_*j%fvDDtVaHvEd(SX2fNeEsXr^s*xvv4-vk=cg zY{_H9&fx!eFno(A(@h_IsGpP8OnK{9204FZTfnhFi_#x}=WN$b#&sdCwIdpV!;#c<0WzWR9!+l@!=ohhDPf=4y`freDOKJJ;$#Z$Wut|ya5aPdBVCB*GTo=EC)P;n0pIbs|*0|#n2gaFI1lE zaJ5HYe=OSjjG1?F+<*O3y-3&pd_lG~Yas{y5DQLEz%l;*1L92Zet8`Hw&t-Jeo6fK zeJV)4#o2Dr{-6)yA)t}b=H~fc@g8lyXt44wj^};YFEj@Ji6ZWoiIWfc%S$`2v45e+ zfZpaWPm1?Sex7`zI*BBW%6)h(gokm+ zA^U=Upn2Z<0gg#8y{Bw#oc=AGWN6d21ETjGJnOwh)Zw`BSevhT0r=1jaq-#E&3?Le zpA*|+drv*U2?zK)1Hkz%YGu)lzs0nFMN4hOkSkf4xqeFx?ZB5{)}G2KIk;U z1nd>>3tzP(p4l$Oy<9D(zq4DskM*I|IGc(4)Xjc(-0tbK?EC-J%XI(vtX4ex_HJ?S ztQ}(Lv~8m2$j!}7Hk6Ji6+Iz%-vN<&$$CWTk9a)%TZi%EnTE`SDTDqA)^2VPufi|( zL-5IPHGD4h!nr@E-dM2h26;iAB)(pNGPo{5-L%mbk9fQ?vR|(-d`c?~`<@Nu`^7@| zg_;cCNViO>6um}n5yvKVwv&mrW;%P^lPA}KCW(y)k$+c2u1y)d=l!KSOZAg&cp@_6ip?!iX$GGxLf_d-nZc$@^u(G`P z>pC$4{>gujI&svXTw2-DFXngT5qTAhEgAA@k9ZCu?UM|iTkj{pmwioLe10y&(!UVW z)z%*rOTMcU_rP}@+eRy`Qg|k>$g{}$LEScW7V>i4Z*|?|O6e!85a?ehFziNscy~pu z7&fg^@QjfZ_^!$zufVfRWM4tZ2lmOZS$C=X{O??hhYQtjY(C|Idl)L=<9*(eJ>u*U zskQ~=*koa?)``{ccfD=;Q*3(gc^|9Csj4Gw;`V-t-Pt$kj}yU;oTq#fh4 z94Q0T$F&7_3hdd}C|nt<>^ta`Y#>2q-4Ure;5T5luYu=QHmt zxEDeH(H4SHfc6v5!p8lSp^3==c}bpn>V)u3XGHod$l|Nt=O=OQZ(9gXfn7Kg_VL$u zhN8Jo-jJuA0hwz*fH7Zhd>5+j6ONm(7T6ZTQGn-N+~Mn-lTdZDj=c5czvgczv>eh; zeiiz(wh)d2+jk!jqhagZ?TS!5_Tt+@H~ypkc8XH>S^v)-wplC>agJs>U zeV_jIBJuy|D>sQL^Q*%l-j>Rs0MGe;3S;T0{IE$+9_QEx=zcZnzc6x{x8jVOZRp3+ z2({3sa(!hJ&RN`uGrMRD`Z3Nheeqv4V#a$~oIHQ0v>6@!*DB-PKVi%D&4ztqW7&Rr z77@>UEJPc|s~_DO_r53aIMWNf$!Y_@_mPOU_8mcGqJN6^V2>}T7Q>#{Ci>zW?jEqw z3<_({J2p%I5)Z?Mbw2v7RU7LC=VFBtR{Xe6^bCQQ3mwSgk!Jqmnd^M?Ve7iakN z$!lX>5clw-Eqy7+Ld#>WDiLpdoX!~VX4qeP@iplG+-J&h?8RfYzy`cl?1eo~KErC9 z1=;Uj=e;jM@zZ(T9XQE80OS6C$fF`~J}&LSIGlAC^c>|dG@kRJ=XubP*2SN=SC(SzFfaA&bHB!2HamZ9(zGb z;g2dGVGC$^Ddf;f=LpX@zd)UvA5s~@DyY}1)3q1Styk1jT?4hmVtBuL;d9}(I*NRWL zA+|L_xgG@maUXBF6Cb0zfBLQD?ZIeoFcItLQQ!=dw%46o#7fM~(hj5I^MyyAllSL^ z!QW4s+n(N@3V9a5o-W4uk#AWVG3z4bHSm&X}TR=alB)lOe3t`v|sdt{x1%g zgXVE6Y>f_`>Ekm6St#uq|s#$ZWZe`CqLIw zGWPcJTG1W)si3lI^F8;9eqr-Ij=W_aQ{ULBz)ti!5p#2n&6C8%DQ~uOPrtcS)TN{+ zq(97y(6>6l6W~30pR=DoKzdIYhG8#k8sVi6YU0$7dE#ZI(Ir^(+JwG2jlePI(8;mP zdCB{FD=u+9_q(So75(`#_@JUMsyJZ}k{8>64`8#AMreS22=(jKM+Je==G#Ph&+=#w z_E`${VB0YU_!D%FHaMpC?zX4XY3nFsGv3`LPPiu3J;kBuNWb0lFh5TtT>seCP%y?N zGbdt=fWD*B2#cDDKg^?H$4Z|`X@tqIC2BwKOSb4YERC=VW5Awy(s=}}FC#Gqq%VY| z1LvASVT=2F`ix5>(8iv&_Ho0XM1Ge&Sf0xKm}>zsjEN%A^obPrKlO`e4j2hvKk{-8 z?7^18A5I$K9N6>ufhnnP?tDJIG2k`WBajpxaprr>;7#I=nNsmhM_0*Z*FI+@%%hW4Leh^)A|f zC1(F=$ogOMJ~8`mEC2cYbtZW` zDf;B+869@zC-IJJob$29*?@CG(h4!0ho|hnJA)>%@BeV3^HXo{N`*ud=TxOK1~?vT z@RP8; z7mEM1H@|;oRYdNdPr%+TiT&SB^gS1Af!|_3d(we^)cQc@=mbaD_pI~%vG0fb!RebJAK~NG zb?^-pX`R#9{|)%tfflj)e{iGi$=JWRASD}#8)MiLpnO4`2YO%sScO;u+UGOSFVwRO zcSf^w(0qL~`G1Jn|BD;{IZvMQN;>vnoR42UzC!#7ea?kHp2jZ|n2r=s$lfOHWr)XgrJp&#lqzTS^`Lza0iXMfU$_<+a^&Pw1_dt;ugc8ifb> zO3Sf_9X$iSv-ST7oH!3iWi5d1*IOy>navl!;w+as&1C4d62KXIPRSB&MxTtBJcNc_5ZBPz(T(~jPl*B)3%9<0`RYxFP;V|_ltFP zqIW#D{tL-tw}?KVH~1R*{0F}>aRK~nX0|5378Hceh4}4H<kX z#I>cE_A{|P_jUdg@DE)kVAL{&Po&Oz> z|7ss)gob+-{5G}bz_V+LXH>~E;knivGp)(H4&-Ini1dRI6B`GlWe-+JGDiPR)P2og zx<{OroX;xqY;ahWF-1A#&X~Zuu0K-diSU%idZ7*OcG*WRJK7=cFDBd-x=1 zs`Cmw%XCzH40}ah?GevGOr#&s?7>>T9+2lZy#8sev?-wt6zG{`B(KP`_F?&MPKSIB zMdW-icKeW1Z!8sW!k=kN4d26VXcBxM^o1Y9Q|N24XgRs%}IQ`Gh`(U@U$?uDEy12FhI^`ph zH(mYkGVC|V|2o8~r10aJ$EV&@DtNxeAnd8TX>z5wA8R1A8GYuhovXQNySNc?{Qae5^O6@gM6F=n$srxf{|MU_dzobdaz9TMBu)773q(KJ~{lvadUSV z>6m^H&RMtw>(m#b43>2U%4PZNvl5uAN1-KoL7qgK>j#j5PF)6;%t>1Y(v-JmR93yt zi%x#|7sq#?5BCi(Zbo#9Qojm0EqTx_4xR?h1GYllQTEz48Az`mw9tAjc@UIuaefbY z`XO>Jc_G)4mIxbZ-Y-sGhRF*sP(RoQa<~T9M0CW+w53TTu{7Mas#;77jQh#HYNVU8wH>bGJ4fQDoUyx}Cht z@1x2VWS|q`6vV{V3y^n9Z9_;i(k@lKUR0i2(*ynvh+H#TkJwUq6*pd_6={}=KHti- zB%Xl_*N(Y1y$dmJdbO1NNE^~9(KXy8`0FQ6;B^=xZBuBU)TS$Hst2S6X+qj0V!Ppo zKWTge{0>Dt2XPi+4Pr~FyJ7Jl4M>Y~5M#C3N`s$a$^f3w6G*#a+Llx9!_uy~rz7s5 zfuu#j&+EhR+A9t4=lF08=C`YGZ4K=~jgIRW;_gMC*784S(FKwH-%7+f#O7YNt?&~k z;zk_1v=+Vw#Z%vVJ_-t9{$e^J^{HPVQm0;z=p`Hc vhTk#`(@sZZUd*!_VrN+v%8UwkA*3&A3vCo=qd*%4+9=RQfi?=XItu(h=pE)w literal 0 HcmV?d00001 diff --git a/responsive.css b/responsive.css index f4d7f2b..ae9bff4 100644 --- a/responsive.css +++ b/responsive.css @@ -1,4 +1,4 @@ -@media screen and (min-width: 768px) +@media screen and (min-width: 800px) { body { @@ -12,7 +12,7 @@ font-size:1.1em; font-weight: normal; padding: 0.3em 0; - margin: 2em auto 1em auto; + margin: 2em auto 0.5em auto; text-align: center; } #actividades h2 a @@ -30,8 +30,10 @@ { color:#999999; display: inline-block; + font-size: 0.8em; margin:0; margin-left: calc(48px + 1em); + min-height: 40px; } #actividades .actividades .comentarios_actividades @@ -42,7 +44,7 @@ display: inline-block; font-size:1em; font-weight: bold; - margin: 1em 0.5em; + margin: 0.5em 0.5em; padding: 4px; position: absolute; text-align: center; @@ -92,10 +94,85 @@ padding: 0.5em 0; text-decoration: none; } - #contenido + #contenido .item:first-child { + width: 72%; + border-color: #db585b; + + } + #contenido_destacado + { + margin:1em; width: 70%; } + #contenido_destacado #item_destacado + { + background: #fff; + border-bottom: 3px #DD4F24 solid; + margin-bottom: 1em; + position: relative; + } + #contenido_destacado #item_destacado figure + { + } + #contenido_destacado #item_destacado figure img + { + width: 100% + } + #contenido_destacado #item_destacado #item_articulo + { + bottom: 0; + background: #fff; + opacity: 0.5; + min-height: 128px; + position: absolute; + width: 100%; + } + #contenido_destacado #item_destacado #item_articulo h2 + { + font-size: 1.5em; + font-style: italic; + padding: 0.5em 0.5em 0; + } + #contenido_destacado #item_destacado #item_articulo h2 a + { + color: #444; + } + + + #contenido_destacado #item_destacado .votacion_destacado + { + background: white; + margin: 5px; + text-align: center; + font-size: 1.5em; + float: left; + width: 60px; + } + #contenido_destacado #item_destacado .votacion_destacado a + { + text-decoration: none; + } + #contenido_destacado #item_destacado .votacion_destacado .down:after, + #contenido_destacado #item_destacado .votacion_destacado .up:after + { + font-family: "icomoon"; + font-size: 1.8em; + vertical-align: bottom; + } + #contenido_destacado #item_destacado .votacion_destacado .down:after + { + color: red; + content: "\e001"; + } + #contenido_destacado #item_destacado .votacion_destacado .up:after + { + color: green; + content: "\e002"; + } + + + #desktop_barra { margin-right: 2%;