From 169b1b911d8dc7fd7d22521c3f1acbc8be2052ce Mon Sep 17 00:00:00 2001 From: JT Date: Tue, 22 Jul 2014 21:16:26 -0700 Subject: [PATCH] nav --- .../source/images/header-download-icon.png | Bin 3033 -> 2976 bytes .../source/images/header-download-icon@2x.png | Bin 3156 -> 3115 bytes website/source/images/header-github-icon.png | Bin 3255 -> 3032 bytes .../source/images/header-github-icon@2x.png | Bin 3726 -> 3252 bytes website/source/stylesheets/_buttons.less | 6 +- website/source/stylesheets/_header.less | 27 +++--- website/source/stylesheets/main.css | 79 ++++++++---------- 7 files changed, 52 insertions(+), 60 deletions(-) diff --git a/website/source/images/header-download-icon.png b/website/source/images/header-download-icon.png index 3bd5707dbd8d0ea25192861de9c859169fbfa4cb..29c5daf348d3bf62d46bb98090c33153fde8bfd9 100644 GIT binary patch delta 188 zcmV;t07L)T7oZoA7YYps1^@s6ohgq(u_4+De~?K;K~yLeV`jh({zHWiqDwQO3lQQD z7Y(dHk2(QDgn}8Su zU>a0_?7Kkx35Z>Q7!H_$tXV(|QaBSzuLsgEq1YHmV+GAXQIJg_jUapvh*g0YFUSGP qCV~`S0%A$LDv=~TfNW66U;qGO_8O#_)SCzZ0000Y?j7~j-1Dd6RdXvl;-_N!1^OXhj{i_NGEkR&f(#)ZKBRW1si(aC^u$lMjuiI-=gX}2 aU*%s89AvK*)M`2a0000y0f4gAwnv>2Sb*6*$bOg*_R3cPUMh#RNC zf4dAdhVhcJNl!S}Lm2_V0bt8REr9x;i-a5%Lo6Z5{AjGaaKZp~yjT|j?z zjudy9_QF+L%fTs_6VPI@get~S2&Z(RTYw5LNR05O0!PVHxK&`0Sm90rMe;*)IS{An zX_4#N#P|%focc`YjAo9ao_+f|@S{F`-UgJ>2>M^bPfO&x=+j`q`+mV4ZZCU6C19Bg P00000NkvXXu0mjf_?ND2 diff --git a/website/source/images/header-github-icon.png b/website/source/images/header-github-icon.png index 0c4eb7f2f43a46af6121a11c977eed7f9d3d1169..4d7cf9590e6cbee8b5610783524e7b1b9653a12b 100644 GIT binary patch delta 266 zcmV+l0rmd38Q2#giBL{Q4GJ0x0000DNk~Le0000C0000D2nGNE0G%n1La`y)3V#5| zNkl3L5fPghXN(qQtf%qB_D*!P&5WfTB7eHJJ#34Ye2gG1-21x!V0^2Y_)HD2o z(u63mIwvAbhS|OaWP>9iW0B+?KpNPP1PC$NKpHL+QiUXc6U62N;#WWnb0J5ArRwI{2M6O2gD#3G2{VpEng6W{Ne$`ASc2!{s6LbfLIoY!GHxwP6FaXK&%MF ze}GsMh+zN}+aOaP!vw%q067sr{04|Y1~3CLGLS^(ptA*l0x;*m=yqg90DJX7c1!!x QDF6Tf07*qoM6N<$f-6f~x&QzG delta 491 zcmV5PkJ4<6h6#mZKn*_y2u|!2tjATKu*vc0+Dbzv`w6OLUXc0xU3xXC~EDPI< zjkTTc!bSwaLcvND5k-w!XpD)PJI8Y_D~2>C9)>xu?>o$$`wbvA0(Roa`Ck->5IvEXc?EWSKNkEKzX;p7Fh26uE)( zQpk#x)BZH<23txc`grDMId(4d9WpULnd(s8Av2y!9Pr}0&XGxMQ&w(Zp?^g3((j#c z%8W&iL)k~nFtAq40Ksig+KwyM4c1hR5~H^w6druYCSxL$A^DyGQB34>7@r7fOC+-V zXSa6!qwY&4-ktm>N(utbEbta3I4ja9{{V@NBtxBE{_j zqT(BV)P~yfi5knV0{-rYuRtnO;Z_T;Q`9`HwL%kx2MTNc!_Z>lh+f6*O?F&I*wBG$ hFdr-rC7qvZ{0<*vgNEsyqqhJ6002ovPDHLkV1lLR+xq|j diff --git a/website/source/images/header-github-icon@2x.png b/website/source/images/header-github-icon@2x.png index b40d7b362e3df7f0b2872ad1741716c7a2ac5243..0f8a6cbfeefb07375e3d7817b714bcf47c970d75 100644 GIT binary patch delta 488 zcmV3V#8l zNkl?05ap#vSg^2=vQS>i#)gfBl7*F0N+^_K;R9GH3*{TIu(Y$9 zjY8OyBw1++5hI1)pL@rd>0I;DxljG(dCqgr`9E{c+;h)FB7ZhOn1o|khAPO%Y8bo( zC-4GI5Q*x;vmty8dOcR~i*N&d(0>9Fselhiz#SYyH>^V)_%=weV-{%kdpzHO-_6M7 z(`?h=Vq?aq5xWSr%CrJ!E>sPTQ?o!3jZvf1ML2GXjM4ZCfu0ht$_BpOi(R^?wnjWd zrAuW`>sr1M!q^^ZCiR$>Ls%Bm_UL53hEyS;6}-VkNCmF^lN=AJKuWit0)MW5XuWzm z%rCy@xX89CuDBY`!Np1r(9y&5W3zk?d$A7NCcHx-g&vr<2Bna)X(9=3r82*VZ-Mqc z+(J+>-GG;%?VSN#NLHI9E0HNn?BR_g?R!Oe-VN1u@W{f;eQeS_V938)WNmC7H{11+Kt< e7um#} zoD1-u8rpf=8lvvF)b~r06W#r#V}EwrT4ld)x&k3XrVt~ECO|T6)qr>> zmgi~pdn4ziM!6ce_K>71M)9y;4&zAxT;hNk)<1GTED57Ah~5Ok-M|iJ<9|oHkL8t# zIe44tXzO=?z+OR^;7M34%!H8WgpJIG!6H`JbzxU{R%-UnG$d=PiXerU5XYTiWmHPV zP9f$Me|L-+(Av?8!#YlW?@S}F|CN1ggC{`}=}<6K)T?llE7tI`gQSWJd4qN;K{aE= zoH$B#NmI*1&i*6HU7exg5r1RFOHyxgmM)3T=e$8_1~Dg&@}$XG2}vunh=qWBXX%pY z{GxL$V$OW?Nt3gZl+rk|iCvAKoux~n3xShLGl=;wlr%Xj5$GcpaYv|Vf|d8qQX1&f z?ojcNMQjX_yyrAACyhq|K)yNz`B>ud4Ff~vOsU-`fo4$tAcH_3QTVd^iu*|C#1J=jY2)IOQPvMcHMZ# z>W<{C*2aeFY*f3O3#>#_lgQijL#_M>|5hYbt~}{nu24&Zq2i~RNR_`u5NIM-Y$2*j zpGx(JCCYX|+9W}II|H8P@nihU)TB;&Rd;{Mr%aC4t`5A!IDe76x*R|U_|kp>Ajg>W z8IS!9sR|XE5bBj=Y!xOEWeLyDN!4sq a { - line-height: 30px; - padding: 0 15px; + border-bottom: 1px solid #fff; + line-height: 26px; + margin: 0 15px; + padding: 0; } } @@ -118,28 +119,28 @@ body.page-sub{ &.download{ a{ padding-left: 28px; - background: url(../images/header-download-icon.png) 8px 6px no-repeat; - .img-retina("../images/header-download-icon.png", "../images/header-download-icon@2x.png", 12px, 16px); + background: url(../images/header-download-icon.png) 10px 7px no-repeat; + .img-retina("../images/header-download-icon.png", "../images/header-download-icon@2x.png", 12px, 13px); } } &.github{ a{ - background: url(../images/header-github-icon.png) 8px 5px no-repeat; - .img-retina("../images/header-github-icon.png", "../images/header-github-icon@2x.png", 16px, 17px); + background: url(../images/header-github-icon.png) 10px 6px no-repeat; + .img-retina("../images/header-github-icon.png", "../images/header-github-icon@2x.png", 12px, 13px); } } } li > a { color: black; - padding-top: 4px; - padding-bottom: 4px; + padding-top: 3px; + padding-bottom: 3px; padding-left: 30px; - padding-right: 6px; + padding-right: 10px; letter-spacing: 0.09em; - &::before{ + /*&::before{ content: ""; position: absolute; top: 0; @@ -157,7 +158,7 @@ body.page-sub{ width: 8px; height: 100%; background: linear-gradient(to right bottom, white 50%,transparent 50%) !important; - } + }*/ } } } diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css index 921c14c81f..eb754245e6 100644 --- a/website/source/stylesheets/main.css +++ b/website/source/stylesheets/main.css @@ -188,22 +188,14 @@ body.page-sub #header { top: 35px; width: 4px; height: 23px; - background: url(../images/nav-dotpipes.png) 0 0 no-repeat; - background-image: url("../images/nav-dotpipes.png"); - background-size: 4px 23px; padding-right: 15px; } -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - #footer .main-links.navbar-nav li + li::before, - #header .main-links.navbar-nav li + li::before { - background-image: url("../images/nav-dotpipes@2x.png"); - background-size: 4px 23px; - } -} #footer .main-links.navbar-nav li > a, #header .main-links.navbar-nav li > a { - line-height: 30px; - padding: 0 15px; + border-bottom: 1px solid #fff; + line-height: 26px; + margin: 0 15px; + padding: 0; } #footer .buttons.navbar-nav, #header .buttons.navbar-nav { @@ -217,58 +209,57 @@ body.page-sub #header { #footer .buttons.navbar-nav li.download a, #header .buttons.navbar-nav li.download a { padding-left: 28px; - background: url(../images/header-download-icon.png) 8px 6px no-repeat; + background: url(../images/header-download-icon.png) 10px 7px no-repeat; background-image: url("../images/header-download-icon.png"); - background-size: 12px 16px; + background-size: 12px 13px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #footer .buttons.navbar-nav li.download a, #header .buttons.navbar-nav li.download a { background-image: url("../images/header-download-icon@2x.png"); - background-size: 12px 16px; + background-size: 12px 13px; } } #footer .buttons.navbar-nav li.github a, #header .buttons.navbar-nav li.github a { - background: url(../images/header-github-icon.png) 8px 5px no-repeat; + background: url(../images/header-github-icon.png) 10px 6px no-repeat; background-image: url("../images/header-github-icon.png"); - background-size: 16px 17px; + background-size: 12px 13px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #footer .buttons.navbar-nav li.github a, #header .buttons.navbar-nav li.github a { background-image: url("../images/header-github-icon@2x.png"); - background-size: 16px 17px; + background-size: 12px 13px; } } #footer .buttons.navbar-nav li > a, #header .buttons.navbar-nav li > a { color: black; - padding-top: 4px; - padding-bottom: 4px; + padding-top: 3px; + padding-bottom: 3px; padding-left: 30px; - padding-right: 6px; + padding-right: 10px; letter-spacing: 0.09em; -} -#footer .buttons.navbar-nav li > a::before, -#header .buttons.navbar-nav li > a::before { - content: ""; - position: absolute; - top: 0; - left: -8px; - width: 8px; - height: 100%; - background: linear-gradient(to right bottom, transparent 50%, #ffffff 50%) !important; -} -#footer .buttons.navbar-nav li > a::after, -#header .buttons.navbar-nav li > a::after { - content: ""; - position: absolute; - top: 0; - right: -8px; - width: 8px; - height: 100%; - background: linear-gradient(to right bottom, #ffffff 50%, transparent 50%) !important; + /*&::before{ + content: ""; + position: absolute; + top: 0; + left: -8px; + width: 8px; + height: 100%; + background: linear-gradient(to right bottom, transparent 50%, white 50%) !important; + } + + &::after{ + content: ""; + position: absolute; + top: 0; + right: -8px; + width: 8px; + height: 100%; + background: linear-gradient(to right bottom, white 50%,transparent 50%) !important; + }*/ } #footer { height: 650px; @@ -549,9 +540,9 @@ body.page-sub #header { .li-under a:hover::after, .li-under a:focus::after { opacity: 1; - -webkit-transform: skewY(15deg) translateY(10px); - -moz-transform: skewY(15deg) translateY(10px); - transform: skewY(15deg) translateY(10px); + -webkit-transform: skewY(15deg) translateY(15px); + -moz-transform: skewY(15deg) translateY(15px); + transform: skewY(15deg) translateY(15px); } /*body.page-home{ background-color: #f8f8f8;