From 2cb2896916ce98f16b891634fddcbd403c55d95f Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Mon, 17 Dec 2012 02:23:01 +0000 Subject: [PATCH] More plodding along with redbasic, notably, adding some icons. --- view/theme/redbasic/css/style.css | 86 ++++++++++++++++------ view/theme/redbasic/img/home.png | Bin 0 -> 1198 bytes view/theme/redbasic/img/introductions.png | Bin 0 -> 1275 bytes view/theme/redbasic/img/network.png | Bin 0 -> 1650 bytes view/theme/redbasic/img/settings.png | Bin 0 -> 1609 bytes view/tpl/nav.tpl | 6 +- 6 files changed, 65 insertions(+), 27 deletions(-) create mode 100644 view/theme/redbasic/img/home.png create mode 100644 view/theme/redbasic/img/introductions.png create mode 100644 view/theme/redbasic/img/network.png create mode 100644 view/theme/redbasic/img/settings.png diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index a0120e0d7..acfd334e9 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -9,7 +9,6 @@ body { font-family: helvetica,arial,freesans,clean,sans-serif; font-size: 12px; background-color: #ffffff; - /*TODO - adding a background was the right decision...but I'm not sure if this is the right background. Fortunately, the same artist has lots of PD backgrounds we can try. We'll leave this particular snake on a life support machine for the time being. */ background-image: url(../img/bg.png); background-repeat: repeat; color: #000000; @@ -51,7 +50,31 @@ background: #fff; padding: 1px; } .icon.gear { - background-image: url("../../../../images/icons/22/gear.png"); + background-image: url("../img/settings.png"); + min-width: 22px; + height: 22px; + background-position: left center; + padding: 1px; +} + +.icon.home { + background-image: url("../img/home.png"); + min-width: 22px; + height: 22px; + background-position: left center; + padding: 1px; +} + +.icon.network { + background-image: url("../img/network.png"); + min-width: 22px; + height: 22px; + background-position: left center; + padding: 1px; +} + +.icon.introductions { + background-image: url("../img/introductions.png"); min-width: 22px; height: 22px; background-position: left center; @@ -256,33 +279,49 @@ nav #nav-link-wrapper .nav-link { font-weight: bold; background-color: #3465a4; } - .tabs { - height: 22px; -/* background-image: url(../img/head.jpg); - background-repeat: repeat-x; - background-position: 0px -20px; */ - border-bottom: 1px solid #aaaaaa; - padding:0px; - margin-right: 10px; + list-style: none; + margin: 15px 0px; + padding: 0; + } +.tabs li { + display: inline; + font-weight: bold; } -.tabs li { margin: 0px; list-style: none; } .tab { - display:block; - float:left; - padding: 0.4em; - //margin-right: 1em; - margin-right: 3px ; + height: auto; + background-color: #fff; + color: #f00; + font-weight: bold; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + margin: 0; + width: auto; + box-shadow: 5px 5px 5px #444; + margin-left: 8px; + padding: 4px; +} +.tab:hover, .tab.active:hover { + background: #fff; + color: #f00; + ; +} +.tab:active { + background: #fff; + color: #f00; } .tab.active { - font-weight: bold; - + background: #fff; + color: #f00; + box-shadow: 3px 3px 3px #333 inset; + padding: 5px; /* another strageness of the human mind - has to be larger than inactive tabs, or it looks smaller than them */ } -ul.tabs { - margin-top: 0px; - margin-bottom: 0px; - list-style-type: none; - padding: 0px; + +.tab a { + border: 0; + text-decoration: none; + color: #f00; } /* footer */ @@ -1008,7 +1047,6 @@ input#dfrn-url { /* Give the top level post bigger shadows than the comments. This makes them appear "higher" and the comments "lower", which separates posts from each other reasonably without literally drawing a line under it */ .wall-item-content-wrapper { - margin-top: 30px; position: relative; background: #fff; border-radius: 20px; diff --git a/view/theme/redbasic/img/home.png b/view/theme/redbasic/img/home.png new file mode 100644 index 0000000000000000000000000000000000000000..d1ba7b3f30030ed4967ff6f0b123075082357459 GIT binary patch literal 1198 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 literal 0 HcmV?d00001 diff --git a/view/theme/redbasic/img/network.png b/view/theme/redbasic/img/network.png new file mode 100644 index 0000000000000000000000000000000000000000..c213cee046fd3f387e1ac85c1641a10934a0e57e GIT binary patch literal 1650 zcmV-&295cNP)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iy!1 z0uluHV9Toj00r_%L_t(I%T?4{j8%6P$MNsl|9v_8TxZT4=E{KF6sZuU+M@aFDpy<-`V#&IPqoJ_yacW*~-kVrT$Dhv2Ua=@oC?)*8{XW z(d4ai`(&dLoJjWOm&(5x13*3Sd*W9P+@a*XW!K|><;)L113+^Bi-Wneb8ySr?BhE& z7u-#w8FEPn15}$K*JtaTduK7YGF5waajE$nr@yiYu=C(4&K~*HUHGBzU*_nO+i#-} zzO*BobbhpFTmMJDuycg8ZyVbNM_B?8M%pxjn3=_voPM*!xhqTO>h1Wk;4fdg1n}*j zjq}VmHY4RmOkY|7aPOn9eq^EC`1!h_^tRpG`pvF;3Z#5n<|_eO-;QClA&d=;c4%f6 zTfFvGN#@GIrS+?GUw`%K-ERZbLXEKRIGh;cfhW)OT%E4{B#xqocWvu88-~)7_7x+A zB-%i&8KI3K)&{LL#z3PT6350Y*E+J?j9zdY=UXovy0^OavDdLUF~<1?BelTnt~Wam zXVV^049ks>QZ?is#TsE`*f^Y`kaLN&p&J`&?TBVaGhFcb{ElIot?nb`W_Z6bMs7ZL zKMJ7e?N8O4-R~~1wC~Af62^0Fi7_++jjb%UzAww(4;Qe+;_s7Hmg-%WYF!#ZM70&k zh4G4cV|+s2Nf zT1?Efm|p5oX~igI^X62YbK@0h1TnQncVD*^qyg-wPHMzW40j{bSIBwnzi)v1K9Fas z6mWiGg&@>anlb-g4Cv2!C`%Drux`NT%5kX>~P? zc0{Z-L#s06bAH#c!TOj8y=ix4u#he-)j~?;wrO=@Tt^{FkxhDJQy!vh3K@q#U9K=$ z>L8XvDTM$!j!ib{Ft{o`>nZc@cRnuI0R4q*Gm7*n<+ulofiTo)1CFg2==B)xb#WY< zx278y4LwQ0Ru+OG3L{Kx7#++qI+#7#o6oiZEPw-Jh1ROR-8L(Aso65eh>x zq1d@8!^C_*!gFvPi)L5Tmr}%Gj4hZABWc<4{sGeImtE3ZZPERy(Y>Q4OCX6&2SGjy>*k`2?8rwn&eQ7*D@k?#=^H1;X z={#|?diT2lvis3vpIx(g{qqKfi9$qKCNh@zzDr-mA?a9zk!Jf^pOIe2{PDtqRJ%gb zQ8%yt^ZM6bKJvNK?_uf=J9;oVJy9H1qN5EPSC3?SGr5Fk%hok%*7W-(lS)V`=^!Ge zRPV}iQ;X$#gh97>>g5Z+J$vkL?~vQEME&*X|KYyfHkJ&|7jLQM<=Vo~V2;s|d~V%H z&dc}ulFB3y$03!p#rIw6&2DvKeCFaSe}3)w_{A&NNw^DGvcSsu7`S~E02tjtsUn`6 zotm7+bEVm;)vr}6LnEtK=L>~=I&EuhmaC2W>`Zy#+O^r)OBb(B&rIHW7vG&hWCla` zZWTk{gvMo9IdACsL=$8smGRqt%I_#8RoAf>Qb}*t_1qh+R`>ec-17KTasJxu&4nA) zl}54CjV9tS9!DrseAWPve+ZkopTdSiaN{scJrgr@uq0V3wyh>z$LVpD)gwsCQp&Sz zZNPMF+iJM3Q&CD)jiEshh0Gth9d-R7C?5WA6*msUxWT=l}o!07*qoM6N<$f+esly#N3J literal 0 HcmV?d00001 diff --git a/view/theme/redbasic/img/settings.png b/view/theme/redbasic/img/settings.png new file mode 100644 index 0000000000000000000000000000000000000000..a935b225e8bc93eb0c14e3ced24ace60c0ad735a GIT binary patch literal 1609 zcmV-P2DbT$P)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L02IRj02IRk6>v>L00007bV*G`2iy!1 z0umhS3{(9800qfOL_t(I%Z*iCY*g0~{?55~@7*7-y0s%TcK2Ci;AD-0c1E;5_ z=R3*Gn>Q;ChvQYd-TsEt>HLk?>s|AGfSR5K0LTE))zyW4`}U!&tqoqU*V^0LyE-s1 zAa?B7(XeLCnodPgN-3o%FE4iiI0XQwPoGiT?oxbqV~D)`%BxN)QMUJm)|5>t!f$004u7gN+`Kr!}2U4=IWgNhXu8H8wWBsVGVbr4(ahW0xHc$M2Vym-FT2 z36n&OE#yz9M~i$rj3XmDn7^44Etv6Zv_fBkz^ z1^~{vtZ7=a&1T!mITyvn#p@}h$mjFWbzKM{h#&%#0#0Xf86~tSG8e)8y?JchxDhjV zW+qO&{cc+(n;Ct;wFCgGtE!iD7VfHF=nR#Ff}zLoKEKg=iI^=Lpq&?rsZK% zi;&CTMP=Y7M2kF?`@$f z3aP59@+cPN$CoZ$N{^3?zeo4%+4Dj?9`ChUt-qs`!Y~X00Ytx9z!LK#r;Z~*#*vXG zVU~^Ji`(5Wbb*%U7L*j1U^WyYgg_{&g0pAO#{B-CUlt056*-s7t<`m1m1P-*VF+24 z0Z_zKb4Xf($fOJ?c^3@9plMN%`^C6&a9qwc>WWH%XF2Oq0W5FT?FG??4k@AulAzb6YU@ z!F>d0ZlR%}0gc;tkgBRGWV6}Hv9YlamzI_;jE;`Zhe9C%0OY~mb#`|C(BtvksI079 zXR*jIIK%x!7DL0ILemon3@0%gnL%xB9gZCN6)M+O!W1T3TwHwf(4j*e4{&@wA38cZ z9*Pj>oCqQA8q7dm(@@|!K+;j}`VpdG3rxaLzo{Pk_rHRg>KeGq+yIaugv1{ep^lD@ zhX-=v#0j~&x_bY*b?bZ}fU2q>ri7_4r^IY%mH+}pP6xJa+lFVhK8uRV3NXfmEXzfz zsw(yM_1CXny_)@wY}#x#k;~;`*=#m$v)Mo?HK&5pV)3gbQd;VUyQ~xy6&0f4+3m2| z?PeqrS>&7(UDw6(@^Y9lw)(hyN?l!DIC}J`kY#Ds<#I&`A$8$!Xzi_u3Bs5mR8=9G zmPgZ1nux`sj4m!NzB4yB_YcmwluRZEM@B~eaO%{lSRfF<`Sa%=0@u{kV8ezDxOnlR zxpVh+9twqimQH7=#iA&Np<8raM@#eb*s^5{CMPF9IDGi<`+a?Vvn3@Z|Hc=&(7 - $nav.network.1 + $nav.network.1 {{ endif }} {{ if $nav.home }} {{ endif }} {{ if $nav.intros }} {{ endif }}