Rebar-0.3.2/000077500000000000000000000000001302660333200125455ustar00rootroot00000000000000Rebar-0.3.2/.editorconfig000066400000000000000000000002471302660333200152250ustar00rootroot00000000000000# editorconfig.org root = true [*] indent_style = space indent_size = 2 end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true Rebar-0.3.2/.gitignore000066400000000000000000000000701302660333200145320ustar00rootroot00000000000000.DS_Store config.codekit node_modules/ bower_components/Rebar-0.3.2/Gruntfile.js000066400000000000000000000016561302660333200150520ustar00rootroot00000000000000/** * @description watch less, compile and minify */ module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), less: { development: { options: { paths: ['less'], yuicompress: false }, files: { 'css/rebar.css':'less/rebar.less', 'css/app.css':'less/app.less' } } }, cssmin: { compress: { files: { 'css/rebar.min.css': ['css/app.css'], 'css/app.min.css': ['css/app.css'] } } }, watch: { styles: { files: [ 'less/**/*.less' ], tasks: ['less'] } } }); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.registerTask('build', ['less','cssmin']); grunt.registerTask('default', ['less','watch']); }; Rebar-0.3.2/LICENSE000066400000000000000000000020671302660333200135570ustar00rootroot00000000000000Copyright (c) 2013, Brennan Novak Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.Rebar-0.3.2/README.md000066400000000000000000000125501302660333200140270ustar00rootroot00000000000000![Rebar - a lightweight HTML5 / CSS3 framework for making responsive websites, built using the LESS preprocessor](images/rebar-logo.png) **Rebar** makes developing responsive front-end HTML5 & CSS3 easier. An alternative to popular frameworks like Bootstrap & Foundation which are a bit too heavy & opinionated for our taste- if you've ever tried making a Bootstrap site that doesn't look like a Bootstrap site- you know what we mean. The heaviness of these frameworks works great for back-end developers who have little to no front-end or design knowledge or interest, but can be more of obstacle to people who poses the later skills especially when trying to upgrae an existing application. Think of Rebar as a toolbox + some blueprints to help you start building beautiful modern responsive web applications, quickly. Rebar also aims to provide you with an dependency architecture that should meet most of your needs without getting in your way, no mater the scale of your application :) Features ------------ * CSS Reset * HTML5 Element Styling * HTML5 Form Styling * Responsive Grid * Responsive Boxes * Color Palate * LESS ### LESS Before you can really customize Rebar, you need to be comfortable with the CSS preprocessor LESS. If you're unfamiliar with it, go check out [lesscss.org](http://lesscss.org), read up, and do a basic tutorial. If you're not be ready to compile LESS just yet, if you're scratching your head saying WTF, seriously consider trying it, preprocessors are where it's at and will take your front-end skills to the next level. ### Architecture Rebar documentation guide, use this page to copy style and snippets for your application. * **index.html** #### CSS Include ```rebar.css``` along with your application's CSS but place the ``` ``` link above your custom CSS code and beware of conflicting styles happening lower in your code. The ```guide.css``` is only used for our documentation page. * **css/** * rebar.css * guide.css #### Config The magic happens in ```config.less``` and is where you define fonts, colors, sizes, margins, and paddings of your app. By tweaking a few things you can get a custom look and feel with little effort. * **less/config.less** #### Rebar Core LESS The ```less/rebar/``` folder contains the core Rebar LESS files. You **should not** edit things in here unless you're trying to submit bug fixes or add functionality to Rebar. If so, we'd love for you to help make Rebar better :) * **less/rebar/** * base.less * buttons.less * clearing.less * forms.less * grid.less * images.less * links.less * lists.less * messages.less * navigation.less * responsive-boxes.less * responsive-grid.less * separators.less * shapes.less * tables.less * typography.less By default all these files are included in **less/rebar.less** but you may leave out files your app does not need to cut down on size. Example: comment out **tables.less** if you don't have in your application, and your name is not [Bobby](http://xkcd.com/327/) * **less/rebar.less** This LESS file is what creates the final **rebar.css** that you link to in your application. You shouldn't edit this file if you are using Rebar by itself with little to no customization. #### Application LESS If you want to build a new application with Rebar use the ```less/app/``` folder which contains LESS templates commonly used in web applications & responsive design. * **less/app/** * backgrounds.less * icons.less * mobile.less * tablet.less * web.less * webfonts.less And if you're using [Bower](http://bower.io) package manager (which we reccomend), you will probably want to copy this folder to your application assets or static folder. Once you do that update the paths inside ```app.less``` to a path similar to ``` ../bower_components/rebar/less/rebar/base.less ``` Then set your LESS compiler to properly compile the CSS within your static folder as well. What's Missing -------------------- Rebar would LIKE to be able to easily switch between fixed and fluid grid designs with adding a class or two but we don't have this functionality, yet. At the moment Rebar does not have a theme generator or anything, so you need recompile the LESS files with updated config values to make aethetic changes to your site, otherwise it will look like the demo page. Where's the JavaScript? -------------------------------- If you need a lightbox, dropdown menu, tooltip, or other snazy JS things- you ain't gonna find it here. This is an intentional decision, Rebar is a CSS only framework. We believe responsive design and CSS is a complex enough thing to warrant separting it from JS. We suggest you install robust JS libraries and modules instead of large monolithic counterparts. ### Dependencies The following depencies are installed via Bower when you install Rebar. If you don't use Bower you can manually install them yourself. These are both very helpful libraries for doing fun CSS3 animation, shapes, and gradients. To add these to your application, just link to the LESS or CSS in your ```app.less``` or ```rebar.less``` manifest file. Dan Eden's [Animate.css](http://daneden.me/animate) Useful mixins [LESS Elements](http://lesselements.com) ### Credits Brennan Novak creator of [Rebar](https://brennannovak.com) David Gamache's for creating [Skeleton Framework](http://www.getskeleton.com) Awesome CSS preprocessor [LESS](http://lesscss.org)Rebar-0.3.2/bower.json000066400000000000000000000016251302660333200145620ustar00rootroot00000000000000{ "name": "Rebar", "version": "0.3.2", "homepage": "https://brennannovak.com/work/rebar", "authors": [ "Brennan Novak https://brennannovak.com", "Edward Hotchkiss http://github.com/edwardhotchkiss", "Alexandre Viau http://www.alexandreviau.net", "Jocelyn Delalande http://jocelyn.delalande.fr" ], "description": "A lightweight HTML5 / CSS3 framework for making responsive websites, built using the LESS preprocessor", "main": "index.html", "keywords": [ "less", "css3", "html5", "svg", "responsive" ], "license": "MIT", "ignore": [ "**/.*", ".gitignore", ".jshintignore", ".jshintrc", "bower.json", "codekit-config.json", "Gruntfile.js", "package.json", "README.md", "node_modules", "bower_components", "test", "tests" ], "dependencies": { "animate.css": "~3.1.0", "less-elements-old": "~1.0.0" } } Rebar-0.3.2/css/000077500000000000000000000000001302660333200133355ustar00rootroot00000000000000Rebar-0.3.2/css/guide.css000066400000000000000000000025651302660333200151540ustar00rootroot00000000000000/** * @description guide styles */ div.doc-section { margin: 30px 0; } .img-filler { width: 100%; height: 113px; border: 1px solid #999; } .hidden-code a { font-size: 12px; color: #999; } .hidden-code > div { display: none; } /* --- example grid --- */ #grid .example-grid { overflow: hidden; } #grid .example-grid .row div { background: #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; text-transform: uppercase; color: #555; font-size: 12px; font-weight: bold; line-height: 25px; } #grid .example-grid .row div:hover { background: #bbb; color: #333; } /* --- boxes --- */ #boxes div.boxes-outer { background: #e9e9e9; } #boxes div.boxes-outer:hover { background: #d6d6d6; } .post-button-note, .post-button-note a { font-size: 11px; color: #999; } /* --- buttons --- */ #buttons a, #buttons input, #buttons button { margin-right: 20px; } #icons li { margin-bottom: 20px; } #icons span { font-size: 30px; line-height: 30px; position: relative; top: 7px; left: 0px; margin-right: 10px; } /* --- color palate --- */ .color-palate-item { width: 120px; height: 150px; margin: 0px 20px 20px 0px; float: left; font-size: 12px; font-weight: bold; text-align: center; padding-top: 25px; cursor: pointer; } /* --- gist --- */ .gist-meta { display: none !important; } Rebar-0.3.2/images/000077500000000000000000000000001302660333200140125ustar00rootroot00000000000000Rebar-0.3.2/images/rebar-header.png000066400000000000000000001043241302660333200170450ustar00rootroot00000000000000PNG  IHDRk AiCCPICC ProfileH wTSϽ7" %z ;HQIP&vDF)VdTG"cE b PQDE݌k 5ޚYg}׺PtX4X\XffGD=HƳ.d,P&s"7C$ E6<~&S2)212 "įl+ɘ&Y4Pޚ%ᣌ\%g|eTI(L0_&l2E9r9hxgIbטifSb1+MxL 0oE%YmhYh~S=zU&ϞAYl/$ZUm@O ޜl^ ' lsk.+7oʿ9V;?#I3eE妧KD d9i,UQ h A1vjpԁzN6p\W p G@ K0ށiABZyCAP8C@&*CP=#t] 4}a ٰ;GDxJ>,_“@FXDBX$!k"EHqaYbVabJ0՘cVL6f3bձX'?v 6-V``[a;p~\2n5׌ &x*sb|! ߏƿ' Zk! $l$T4QOt"y\b)AI&NI$R$)TIj"]&=&!:dGrY@^O$ _%?P(&OJEBN9J@y@yCR nXZOD}J}/G3ɭk{%Oחw_.'_!JQ@SVF=IEbbbb5Q%O@%!BӥyҸM:e0G7ӓ e%e[(R0`3R46i^)*n*|"fLUo՝mO0j&jajj.ϧwϝ_4갺zj=U45nɚ4ǴhZ ZZ^0Tf%9->ݫ=cXgN].[7A\SwBOK/X/_Q>QG[ `Aaac#*Z;8cq>[&IIMST`ϴ kh&45ǢYYF֠9<|y+ =X_,,S-,Y)YXmĚk]c}džjcΦ浭-v};]N"&1=xtv(}'{'IߝY) Σ -rqr.d._xpUەZM׍vm=+KGǔ ^WWbj>:>>>v}/avO8 FV> 2 u/_$\BCv< 5 ]s.,4&yUx~xw-bEDCĻHGKwFGEGME{EEKX,YFZ ={$vrK .3\rϮ_Yq*©L_wד+]eD]cIIIOAu_䩔)3ѩiB%a+]3='/40CiU@ёL(sYfLH$%Y jgGeQn~5f5wugv5k֮\۹Nw]m mHFˍenQQ`hBBQ-[lllfjۗ"^bO%ܒY}WwvwXbY^Ю]WVa[q`id2JjGէ{׿m>PkAma꺿g_DHGGu;776ƱqoC{P38!9 ҝˁ^r۽Ug9];}}_~imp㭎}]/}.{^=}^?z8hc' O*?f`ϳgC/Oϩ+FFGGόzˌㅿ)ѫ~wgbk?Jި9mdwi獵ޫ?cǑOO?w| x&mf2:Y~ pHYs  iTXtXML:com.adobe.xmp 300/1 2 300/1 (c) Alvera | Dreamstime.com s|f#@IDATx ~ռ?yf)i$D! )XP73\"ťd(TBejJ)M+Wﹻ9<}ZkYYߵ5MvD HD He}=u>p"$@"$@"$@"$@"$rF rD HD H$$@"$@",k/?>HD HD q@"$@"$$χOD HD HB@"$@"$F D HD H;$@"$@"HB|D HD H$$@"$@",k/?>HD HcOjgpg^|}"$@"$!~4|k6}C\M ~$ī'&@"$@"0IE]Ԝ~6guV{4뮻X?0 ai$@"$@"0^<)O|g+l.1x1 1D HD ᫯MoZ/~j~_5؜_G.HD HD XBB2lnp4_ 6ؠA7Wuso{%׽uf_3D HD HzE! ox&~%/yIsUW5G}tCJ9}/AfI2HD H)эnTîmH"H(v5{w%ʼO}?__F0HD H~h\׿| _hVXwn7[͖[nl͍o|wCo_f6jbrI}ID HD #H7vsWTA~P?Ss]"~Wh2C!-HD H B{;N>yЃlv͞{Y'XïݽnV'pB==҉$7 ?'@"$@"0A򗿬z{^U+|[ݪYgu[y睛͗/~*Wh/q??$@"$@"0HIszjayZMnlws9L/:V[U9E,1謺IWOMD HD`,=sp8F6!r)wqH}mݶO;y"Xkv~8421_k>T"$@",76iNi> J8~aj $nv5'|r ƣL^!LlAI$ē%@"$@c=a~_O4I'͇KD HIFnTEse5& ׿U'?^D7y5,ް0k<Ҹ=QuH4vҷܳ#I5 $},@"$@"0*T /+╯|e ׈d?Ok=>묳XT_Cf5׬R3t6۬cfi Fq{}B%#Xk#09c76?|z+Şú^|;$@",o~͇>1|f(aA o}[ :A!*35zƢK0q?6}c<ؤ&R2QPjZ*[UD Hb*j r"B*D]wuӇ*t~ fBC* )?]'MMM5&}߭.wib4/qްς06͂D H@v%mQzTI?a_4c`_H"Z{#򖷬K6#$^a]zץxIuC$@"$@"0\b د~擟d f=أ߈a~u3[WH}s5$ Fya'GWXwk Ot%!^:3D HD H%i7`7MBM7+O p δ&͙l0'ؤk& E\]R+eȵ$h@+CʺhXze[4(/-ܲM\D HD D3K.A@?,(0#Iu&MiŒ"мĿ+[X ؽ3N 1i6:Q& ĸv=l%iK۳5Jos2Sr͝vjnxIfB S3c@"$("O?N+^#& fr/{g9L:{aDXD:zKb,2!-Y6er"F)XL b\_}wy]{YmWEW9 jyxKo(-D ""$(#2JF߿٩8L"&[ . ^ebIvO{ӪB\~a[S2Zo(Cg!^-+{(q%$ʿ)͗{_ %@"$@"0W(_#}Ј5lqy-q!MCMa_5d^GxmdR (Ly#z%$ 3e o+JSp %@"$@"0N!&ͯIqǛSt"z& &.m=6;V0"79餓m٦k"leXB|RfFdA5_|ǟD\D HD Hg?:/D'#6bpZCL+KjV;ĂG /dA3R &K<~[+9ĸ.Cg?YeҖ'xy~ԉ@"#Hl‹5,H&#\[H\}*:}4bjj.!fzu{W?NC]w,13:Q&z1on?)AVSVp鄮#cU!, $E (,ji b w.xyq"WZc"DŽ9פw߽fGzX>Azn7+ VX ش奞X7WbB_j">OKD HD`ﰘd+0nUbZǓH'>8ȯ4LChwòؙ40p!@Դ dbߒIOX%ToJo)m aזwO$#PyK!ȩ&!Ƣ>Wu6۬J(/4j6ܷ뮻Vi=0ZN᭶ڪ$>, R °]zu!Q)&C,%?bVIq֜G7[ oVzJi@ D $xxP4,l9N8S ~UO6>Q&~f׮4ZMZB vݮ\2 nxF%}'-^bR ic\q^U}a6TP-%@"$@"0J5yjs+ϭq-9h>8^O2AG>j*xyo|kuӛ޴zVy߷O%!n}))y5孳1HD HCe &a e@XT^݋ʼ(V$'>urO.L e2d}cu]Y|+u{Xcܽ0MZXkͭJ/i@"$@",AOK  !h& KVA@`:)O&7I?zi-L[Mz;Qe1=IYv^6yxR8ēMs$@"0d:Oh _-Ba DdsΩdL",HȱV}0ϱA_T-Oqyn~BQ?IWh*A&+3OO$@"0 4)ݩDźnV *ć?u{]%ȯx+D:+˙0wW(0k2#V͢VcbbT'r-/}K3-c=J.7 ג&g'^չo<$@"$@  vW<&>ozJvyw/wX _ f𩧞 /RQ>UZq衇VǼ⤓NxܭW 1)F5ϵ.c O}7 av-TBi@"$|^riU>\ySf򮥗fc+יPg 1I-,|[ܢPBaqZb HvV J󶷽m=3B>(]dxu$r>D Kx=m2{yZ"$@"臿/4~z]Nd <1UB!jQ5tl;Fz-V.e:D{ yMqc/YFqa\!'||yE}( ^'w֙! F$K}(@"@8 ydMx :S5%^ o/O_^i3~ׄ:!X4G@Ԁ>ի=ƲWj>SN>tﾕ4#OC4Їo;Q _}[J,9\߭ڪ\qF0S̓<{rԍ%c;uS.oXCc&3<=IO;#Egf%ǦWnB{s_}Zz~]^q ^X+ha/b @lzF̏AB?m)GHx>3쵙0hϼӝT{*3^z03mG=Q͋^or0qo;r*Sk|8e4w&  Nԗ]vYx|H,l'^_ҠsQ`zfء'zNC/R՝7jޭ6#Sm[N(ߋg|x+Z@@?#n}"0 U}XΊs`O}ST=FPqːa_o'>QCY.F]<-cW2kc+o3FƂ7+ʗ"&;:nTM\|͑GY k_ԓ wl*bbXݽVbeeAg—!*5=q"L5,URȱIGqD%nbFڬSWeF;YU+L;=񏯕a8 6f6Y#Xl7 Ax4Dm|k_x|PI%+ G8ҹbjͧsy.dQ8oofm63!yZ"߭k]DA9J|h/D8xIG=;F^cagq+I8spіv=!u(v4/Y[MqNG m*iZu7SSSS.f((,/yKV9B0JICI2[o0AoF,4Řw{b;nhC8$Fl:R/UwJ>^W\3F݌ k:~c{u ;dQivx ߦ5PA%kLSJ2&.!AbLCMYNfz<:ȅ^6*2յ![ƛBCT<؆)Z)_bBG =N婡-i\ogґ !"G?܆de:wҀ+L' z#hOՕ:ȭQc#{*Y%X1Zk.kD0e )MV53bު Eeݕi+PxCbrVX}K`g Ž!V#k&/R= 3K΢BlLfz;>qnOO>,c'>#B֨^oxcПG mdfzyg ;H;g}!&B``\ ]Z a=kMfDFnkq6?:R:gy*cr{͋cR^tsݸ?̲J&U51aeh+3ӓg) c2sNH(?> 10AO~rw!: taF0F}xؐ|1zM^+f _<7p"-lt *B|g=O=; L_q4L&-7W,'eBT DQV}k;Ձn{g͆gYg$9"}V,U!~q5+D߾F#HœL%n:"Ŀ-#Uf/o6: fK:5ַyivCg8S u=A ! M0bdhJB =yKC}wU@(0AwjHLyk` "fQ d* 6ؠ6&iDhQcʃM!2RCKnm=LLoK.4q2I\mdk߿`[b|ai.V_uZWo/,9܅D 4/zы ҇fHOw i<Ϟ` YQg!"o|sv}*hc,0wgұ'"̬h8 ZtdRV^vg#xT Ґ!CNK 8O=qLok^*,Q-vG4zֳjB3<=wc"сXg \FLCvl%riwQG+!F-b02耻 QjP_:DY3SGhA(M6>@|"s>o"k2:3qa(&_Sl].uWXQb$Fb4K$4+']3?},@L|ꋱ2D172? lk>=Mr^@MLU^Xm7M+jv/~2!l!BUs1Uӆ\@,> mq{!;6ߩ 3$1?(fQ3/l~߅J_G,AOd2' t"H3Ne˂K7T{6F KEacqL;fFs=ƑF+wJ[h\,Jc7u|vrx?4a6Y䑬`RLaxĆ=y|ÙTT{vکu=:Gӕ^yM]gDRh0_0wgة:HIWUAm2yT/$m8 U_ߑ3xEm{,ΰErHcuH4E=8vɜ wDfmjޡ-V7 ;wWN(|n!ϹTK HxQbk:Wå7.Cw+]oP_fH7qGi%#vI!FIhL[[,CE^{ bk!IZnDt!ò^ +FBaY. !kئ]8ļR:ۘ7AmDۤE“E+zG,>1`NL,H-=zSN9x_)]7grk(\uL/$&/#?'S^LzLfZɄo\K>#RF\Cy]'bڻZ$!CαE p2Хƈ|"!̮(x|4z֔_"* D$ P}004D,/;7YLHH$wb $Ϸ'H4.:-K^@]>}yG<~0.7}T!dF"RFcdaw߽AbzfDW 1iBOeR:#狪VzE޵j4D]&oO [+>s\?s \u|QcZ n0ђ&<2OT?ZBg2qm %:sIF C!:UZ6i1iI{!Ӟ4#Ñf ۑ&1?@Gni~{f7S^ʤz %zB_Ce? vy"*;wGd6s$")kX"Cy5T*EvwA*m^~LyEl:xBܹ'q6NC%!ɣޭlG$l tIr˒e`ӷs ӗ ;Ҫnƨp)]6!ThL5LRUVo !&v_3RkawBi#}sV|?dg{]+v h MG;:M}!>+vB6feZ#Юst0Er@09%b22Ԫ\oٍ8#ǃFsmOsܷ}#]+6'@՗mos˒_347,Z->]xwUe&!0D+-< f"w[ БRE1-JJǘ0uŻ*+,3oTz6}[iC+GwfM壣;vYJշѥj Ԋ_8T<{ b>C"1XM6X˃\:}!D`aN^\r8eHΧz đRP7sUWӕ8u355 !3XB%59~W*KE+(Se}!w9JNn"0J 5^ۘ?~Î)s>A |a\ U#y{Vi ڔLI=⮬kO8f+3yc7^`K5?HQqOO~r=>+a6UD vUݮl%>O5Gydc5M'/ÐWmN8ᄺ486IFuD@aM/=e+!"X+P#$a9ba⽸U ʇ\kyYQgb!=!ob*Y'$2^N1{漨EXBM%f&YUL`]0rl5<^g?Fɡm_H4KC üd]u s7NBmėQصmq_R ʺ&-K\!˺~B2a<ʙGBl*1fXet厀:! C4j"|߿zt\n&U> Wr I"^?z+I;DW&ev( X&`5 -ZEgxqSy-8=J^{5_H_cnH(颌f"0n$%QFZ| b!:i/)ȪB:7GC^D,¨B˛,?d4/=a <ᜉ{x5dX9\(`sNf<їB:=E=G<4CB[JK Y^h^*7f]vYh2y+FWT˸%p k @,@ZOӕ/nva錑W%:餓$;[';\g>" Yc<EB7lz=Ғ!<<|̙.|=wxg%,_ oKo7X,_ny 2yģ5!p:< 5jRJij6Thp4Fs:rqC =uϾ_i58P6C`"Q0wG4&mV5D{_}Ffz衵> v^'FzN !ܢ-qb]w^cu&3IF(M6nx-`LW5L˵m= {+8 [E{;yIDAT_m9Ax>蠃nUc9f:_ SqCl9axU@0:H3s!T>m!?~g$X]H',et\kY>+!Vz4u}HB ƺEE]Jz|:+Dqe]cR@> 0n;<ss 핶H<3s}#I0Ċ8oo$R لM(OG)BF6};on5XuMK.ů}k_3 - *aJEHa酇8%u3tZiizyuyT{iu{9,>!"_LMM5G=4]xϞ'5yD$KN9=أyz| }3(-dWZ6!Mu3Bz&M>":Ix_z6YUj&#g1LnSfHU.Wxw / 6iwcOɏ"H5L3!!n]Zxo^Ti'kN;5}C+7ea=Xǁ)-HDX9!xq⊺K^ṝ+λ~׈Nr(B#M=0l%./9W{_|ͯK.mŔEXM̎`_X ,YfcQ*.;euGd|,qx@s|5DNjbn #.MCKK@RuH hriuK^W[Dsrx| THƱ'Ѝ {][\4N kI/@@q0vKy ? ,Ct)X>=ue}O@!O[z[1[,?,PԹ[wM*"tiT 6| ]vmVGRi֞o" &#挐JUǂߠzWbX\M^b/wuta5ûH0M/e#1 =;,Ԑ`gw=!^JlǾkvV=u(\ + YF#? OFrF"a]%B:JBdr.|"\|3 &~AL7]]o uſib#ݵČ^mRa}ﰓ]ez4G:GJ38}!LUsLIӌ"G}t׬jϳ򗿼^Bv 1_zIxyfƣХ T D8snޙqCV!XT O~p3;-b; zjm4@-p w~{Sc]Ô'@ȰlLֆ; yԣU'*_r%uX]8Vr/ur- #&P}fXbE%ItAl h#͚龆u"\}Z(fs{6,zb ˼8)R\t^89t,}6MBO(_xusIk6[Đ}4dwaY;c#z^~mF{е!ٻӎ {>j$x6tRV>q S楼IðKY;w,ơTG2MG u6jUdoy{ie|4&f{WUdNڍM}",Wdi#H "ߵڈmdc_LymfCj#0wܱJ1ba Fm"+1L{/:q^4Ǝ._y͟/un%勾]F:q -3/4Ka^`+l_y6+r\ x\O+^z=H86Z# gK+˻g uS^)]h]٥*e?fzX٘#<2@OhywOEuf$#BB6V8UW6uQF_umֵ>KWzDX U` ,k W:' ٙ,ƒ_|E.zKdXkR,˵`6g9T'?( 2{IS$ AC&xce|?<l`*4IOzBo}׈ AV[ojOGDg+G~4羍GDŽay ?mf~@Vyxyn9qWG&:?k4,׼55x"?}OKe*sQ"x_|TLґR5.m>Z.ˑi' IhvHU=thq'"@/|fH1Q "zQV6ϲ( KqibT\QknJ5S+jH'bQ':ENϴDt o|?^0#b24>~TKY>&y!zGlR qZ""#3uf]o 2RvXE":hF"!6C@KB!dof<<ּ3` ;ʤ@!VĹ(C GK^qeӅofeaag/.a=G3, ^WTbGAFbbӝ5Nlxސ|IEMykՑ "[ic8'6pZWt=g9&ɻƄnZ~<2#1B\xQڏ=!/ .('U?J/%vڤea!e/_>$3 vm,“ˣ`1a S D5oLaMx|CX&3Nrvz{B ;/ Jܼ5DvDaaضK$XEBe/+k_9)GU1,F#H]׼ F+-H'!1@ Z$u<̨p$afb㹕fLv5l&Y}fN0lF%$VeF Awy^bQ*7 O!^LٴHN/k{W /n%C~aYywsh.;CK<JV)Ifۋr|k_;I")joEG?ZrB`!+͌B $H2Ê7AJ>g>S=HԨ9r}"u]ڶe 6m%7ZLcO @,iTK3e^Ax2Jv?_UT*g=YD3y*C=tyPSѮt'󾐐_Vc&Rb2tDqGfX$RAʠWZn"o3؞8,paygm!]#R6Os,}X7O>N#56."Лxy2~b107y[xb2o K0,{l!x3ưtE~LVEk\>6/RsG iЕ!ôtiHKknU2 όߧ(aqbM/-bad"$[{lsEUIzhU['LSb mD@\ 4o׽UW]bE_bmRuYJ-iy$ IU/DLM5E%BD/Dyi`2 "҉5!ycjpigZ B o,5,;ovmW'-)!7}٧y ^$5]<,TǕQF4::faaߣYٴѣlCb97gBiD4]|ݦO Rlc疈)6vڝ8`]L0\L*Z_Nbzq.Y|eE;2ރ+J !,B77i4R:440Cl8(Li=Ag:D :A SV{:]:2l$J{x[Y*ǵm/%[EZ^fH> NN,:z;}q s-4sGs'?e / Յyy-O ®I[6P61 9T)!y:i';֧MMMUԄiO L.ŭԤkVb:0=0LJW1NӸiD` d<ŒCgȔ˜&_cA\[4r=?HhxX!wd<ʫ.3d:#OyHB ʤ\%.u׆xKyvefuQU>} ;e ?g B̛1T7yƧ5kXϚƊNk :T"' ¬)oWM*MDh"-G4D* 3$dOa fa i$@@u/RD>O6"چm H%rK~$y#/Û+_[ b 6iiKx-A+GN;9ݠS~em^HzOrSiyXta",qZP^w8^q3AlZWL!˟ '*XCt(^T&0LţqG Wť\*b(if;S}<2LV&B6g&Et4>o <:-&0 -H01˴D` |~:62:&vZ1D{mE&VeH' /mA#< ҉)iߍy1CpRfI1o0>&]P$@<6zkHY]ceԉ/m^`4/{]7?aJ$ey撶ީUqm]]. }_r!"1#G8*D]Xy83>usDQ?gI䩎L&E%@}m5ѿǴ^\[3| y.n[T0l<_H 'P'Q-qZ=Zc?J`F=],\j{&b̳TЇj O7<4<'*^D%$cTܼ-4GiD9/rVu^0,8pi4  ]y:=أvfD+"-#"ٜߦzI}8X":߫nPu>L:AHX{6\=gus򴸇g0YE/ݮl}8N~c/RB,ݰԷ^9o) EA{Lٕq#w恺o?<PQ`#|#d<[!0G@5o΂q6K˨KLBgJh4v*kEt鎟tI#I*kYߑ GWvv#2 .s/tD F_Zu|־o*p*zd$ȴvoX`]M,aՑ+yD:#ȱ|yi븉v0O4tgH3H4r QF$I7Ȯt{2yp#qMi$!/!$@"$MtQ,BD}q}6d3t-.oonDe>Gd!xyKK F(r qy#<#'!^o OD He@YĒ.2 YRw^#<qD݈{"'!^*3D HD X6 ~,mARd!tsH/nJZA@;3K!D1O0M0R& W{yٷ-罖`D!'!^*3D HD XVDC[A%W87hUʇ'!u 72-,pTmu##S% - w\u/uI2D HD H& A0ۏ6y 9F!nH1^hD>159v:1޸ϳj2YOܳ$K~$@"$ !֐.ւJG-SFLc]鸷MrMq6E=KBF)?'@"$@"0F3imGlU$t{yj#c^bt\4͔cZ9CZkUn /x;xjD;JD He!d #/*)CDv tV?YYҐpȏ!A^Fλ>u1òdüzvj$@"$@"0=mŀ14э~!Hk\[tVMkCFV5Hfy~UylJ\ye]V_U}KB7_"$@"l*83sʃ%Vg#th  ;/ p[]o}&! (HD HF ZKm-(kQ7U0">@ d< #1L5~ FOW+O)O026|#UE \JDlLql?;55U7c׹^<λ wG<)71OD+V4gqF|z{!6H8y|Czʌ+4o(RYB>MD HC /C4$G@@. sLG&@~מ!,<4;\7E>eBU^ '4\6W駟^=<~^Aᚍ7޸zx#̛4b8ΔW=ӟ$=$@"$#&'&5VI%_}5 EvCgV҆  k@#8W3̮ J9$|}b};ޱr-?#|+Y1=FMʓ7" A9jK' Y&@"$d"ж]IVDd 4&"2sl#BHR[~zbeBҶ(s9DZȇWۆ@64+1-1&5&AMCy=]r vg$}y$@"$"dYmaRRq~yQ>Z^{6 EE WxЃJ=zEVycuu(E™f"$@"$ c(J+0Ҋ::rH&O3F$jJJR8g?.L~gSOD@نEiMOc(H|=gN<K;GZ}C7_"$@"LAAm*=*EEY c@$|ÛL2>Od6H/YIz=YIyd H.,'&.ٵ>m=>ǹ>>!Yx-3}GWQG՜|Ur:ےx$@"$ !|H$l 5tw2SN9NP~P%d091ļ E|nxW-M|?ENQ=(M|\y}'$q+L}9sqe=C*qvmY9 q/0g&@"$@"4+ʐHDvءJ U2KZ` g-qqUrL r=+-dQFFyMn1&'Pܒg!:&k}I5m>e1|6ɏrv__/3D HD XڤAIC D"6ג],81) a-^g#<ҠM>j:N#)2Lܔ1s923 ״/gIK/+^#<2(PmA}[D HD`"9FtE$!$ a`'-oy˺LC[%NbyMCMĻV'ޙ&9:D>yy{Hj<UO~ t(m eDĭ癑q9cXN/%!^ 3D HD (Ic<<-2"H"kQE}\ tN335K;Hop?<<̼6__{R̫ {.K@ld]'xbɌ߶vPm;Q0L(̙@8!a@4Yea#+AY~N־`:/}T ~ V@U |a@#i~8-Tns82 ,ى( |\.Gk-6*u]}w|7gᐇ͙^3,rv@|4&h P1@U TT` 8= (A!]3p0N2kPˡ6kq\\lDƜNn7f@z8'ۼ a?g#h5er k9-\.q%=@U T*P@ƀhʥ`Q-H+x+-s@snzn6)kn~\d` \^Moj{㹚iG'{LZZJ7OU T* g0=7 +Ijsx_jt ߎ{ǹJ)s7|<v|#癃vdQR N4[9x-V[ ^KU T*P>N[ZpT3 S[wr҂Nnpd-0V>R sy˚;pst -o X۫WxU T*P@ A!gU2. Q<`RN]uꅹtP{0f%װD3N>0.~[v!xYG╄n*P@U3}`/tqX ӵ9&5xόS.ߦ>q/5eLbNǚ5s1*biWͽwIENDB`Rebar-0.3.2/images/rebar-logo.png000066400000000000000000000413741302660333200165620ustar00rootroot00000000000000PNG  IHDR`1Ub AiCCPICC ProfileH wTSϽ7" %z ;HQIP&vDF)VdTG"cE b PQDE݌k 5ޚYg}׺PtX4X\XffGD=HƳ.d,P&s"7C$ E6<~&S2)212 "įl+ɘ&Y4Pޚ%ᣌ\%g|eTI(L0_&l2E9r9hxgIbטifSb1+MxL 0oE%YmhYh~S=zU&ϞAYl/$ZUm@O ޜl^ ' lsk.+7oʿ9V;?#I3eE妧KD d9i,UQ h A1vjpԁzN6p\W p G@ K0ށiABZyCAP8C@&*CP=#t] 4}a ٰ;GDxJ>,_“@FXDBX$!k"EHqaYbVabJ0՘cVL6f3bձX'?v 6-V``[a;p~\2n5׌ &x*sb|! ߏƿ' Zk! $l$T4QOt"y\b)AI&NI$R$)TIj"]&=&!:dGrY@^O$ _%?P(&OJEBN9J@y@yCR nXZOD}J}/G3ɭk{%Oחw_.'_!JQ@SVF=IEbbbb5Q%O@%!BӥyҸM:e0G7ӓ e%e[(R0`3R46i^)*n*|"fLUo՝mO0j&jajj.ϧwϝ_4갺zj=U45nɚ4ǴhZ ZZ^0Tf%9->ݫ=cXgN].[7A\SwBOK/X/_Q>QG[ `Aaac#*Z;8cq>[&IIMST`ϴ kh&45ǢYYF֠9<|y+ =X_,,S-,Y)YXmĚk]c}džjcΦ浭-v};]N"&1=xtv(}'{'IߝY) Σ -rqr.d._xpUەZM׍vm=+KGǔ ^WWbj>:>>>v}/avO8 FV> 2 u/_$\BCv< 5 ]s.,4&yUx~xw-bEDCĻHGKwFGEGME{EEKX,YFZ ={$vrK .3\rϮ_Yq*©L_wד+]eD]cIIIOAu_䩔)3ѩiB%a+]3='/40CiU@ёL(sYfLH$%Y jgGeQn~5f5wugv5k֮\۹Nw]m mHFˍenQQ`hBBQ-[lllfjۗ"^bO%ܒY}WwvwXbY^Ю]WVa[q`id2JjGէ{׿m>PkAma꺿g_DHGGu;776ƱqoC{P38!9 ҝˁ^r۽Ug9];}}_~imp㭎}]/}.{^=}^?z8hc' O*?f`ϳgC/Oϩ+FFGGόzˌㅿ)ѫ~wgbk?Jި9mdwi獵ޫ?cǑOO?w| x&mf2:Y~ pHYs  iTXtXML:com.adobe.xmp 300/1 2 300/1 (c) Alvera | Dreamstime.com s|f#5IDATx mSp׽)3ez\$C̒!!c&?ܒDE7(I EEHѨ$2F2OIq q`tr d馛O:upL@<8VyLϯd*88Ё=UW]uE]veSLtUU)$$$/{ƏO/կ~nK,D>igj36d ?3}k>U80să{;֫qٓڞ~l>80qExki>S{bGy+& /?Sm3o7ͫ*Ϲ{~=g\}as=n?{!/jعKCāāārQE{_ /wc/Ȱح;7gԧz橧f{}}yW\q5X}[rMXxd)7q q q`85_}7|иq\p9J+BYRo@\6'?R-[sƌz-VKmٜ-KSF3XB Umڈ)/pi>_{y '>;eJ۞̲0u-2:裏Zb0sֽ/&3믿+K]eF;o;Ə'N}Y@@ 87A?C+vۭZ-߷(|~uc$8TfOPGgz ox[Tf=)x|{_y߰H0J^?Uz-@X`У{qnY~z\sMv+%r - 1.bO< ne_*ߞ:wG)q1^&?pzTO@@@Yyr cL@+R!X({u]W~a}aQ &W35\~! :V;Ub%#86=zzā>p ?![v5 px!k4e =,ٜևE%W%PxwZOwcMS$V =MY؍7ߧ,݇s%({VX VfPdHEᬃ=p5ЅYEQ\r%naO]kf1c3~Ҥad:丟ﾛX&ʁѐl[MMJpgܰ?DwUdX?o[إ^Xٶ7z4h̼?)Z F$'H5N,&O,ڦ80븬w]Ư &|#!sMăI}W&3>7V/9ޚJBy)SA C4iE1%H@JFGgug9]~Aя~-oy-u%Wqk=`` QaJkA_!$;:k|1o1E 6=_8cy9^m-/3"YAo}EZɜwf:ve5tY;,C5L2[ x w}g- N:$čU+MPZj *!O3Fq"^2e4RQϴJ`޻8p]4F[L#^]gu>SHp5o|cvp"b[l?n=ۖ&2 {ZXA5hnWKHX* Dl5S׽u=JD&W'f&P2?F>wG@`7v|:lZ%6Xb}%+;SWH%gok_}"\|ŐOzNMl馬 QX=&B/ww6|u[ZYH(f骵4)Gn`ol' 2tbbo1(K4Cj> LÂarzLY|I|œu;` EvKzϳr](;>SX#3Uw,)ebVWS hGف]fLl>B&VaPϺ~cN)¼Njwy6=0Ωĭd8 tiyw.+&] z|j2brZK傡ׁla-tnw~ɪ`Bc>\T@hr&dBמ%89P]Fq6*fg>Ϝ"F_zM9ҟ4k5z~@9[YD3SYA|&`$ +ZsBJ5 i K16fk e^r>V%*WP,mx LC`^K"Vi83sdfK4ZlӀ7?)"%.W03DzG!S:̭ǔecX>s=vP)k ׻t qjaɇ{>O~v.D7FFU@`v*Q]tQ,juRF 1*X?2@lGbqFJ+RLhOrIurG㞕F͐A>ho)_ךzÂLW`,z|@H6.+{4g{S)EDN[j_X**L+s؃V'63}Ody%$_b+0k[;kG@oO SćDS)2l#Xe(cTyAXIbK'Zb6A9`.EQvBeA`Cmď^52媫Z&W抉e魷vDsr@1x09۬`xFvمReJ:fFhb(r!L8ch>e]5\ј?r/ծ'm=S TqS=)gk` DȌA+Dn:4Pl9hd2{\#=q" kvX8U)8ƚjRb.z~ H~ " Ll]Pq`t`nİ{p$gU(s@ romd~)=ZO.~]\Rr4p NLR1`"KLȠ@aSJ-mYC>yWXaN<^dD8\zFɘ1vJTmpUc|M)zı.ɰJ= #~ '`ˎR1|>+͉z]6|Pa]XC~Z1UڷB"L"tw4p zB)Qw.P&~-ĕ2&XM&bBjvڑPk- Y䵧Zv]" d5Ti):x,Kj|"\Wx${Qн.Km2bQŁ8yʆhhxY xdV?i}sb/Eu{|^vqgc >Ш̈́ i Cad.H`v:2#Fe .Xiׂz5Փڪlŋ  f-H\]dzQqE%Ze)9,]XՕm(v:ދ-*^lG Y^.,#nP2Fq9+tr4Z/AnlӢbLb,`}) QYa +`W`1V^!44˘f֟F@KO 4iL pR$_7*;1 (Zyĵ'ڲ&e9]RV;5(TDG8K "zB|}R~@ VƲAmWZL ե]~ %8n7F9q&)?~FZ q  }#oYD2569SN]}M$)Bʰ6\Ejn"q EaXJ׭K>gZO9bY0?>:I bO E]1B֣ݫצ%EPjB 8 EAD_hNf2 jE/oGV!bDwñA/8MӇ^nU#vܳl3)uQ/Le*YI ] tb ueG=z 60dFW[ 텳nO5iWo\sjON,=zkvu?il#ʬ)fq <-y AXo,,{oM8M;+Yʢ6-߬rHPnI :8ڸt-ҫD3V6S;0Sp֑7A|dzF`^@f E.aН+K=] nCC+/㵥iIn>GՖkf͈8_B#2,1+ z*1;w U&w{Ȇ!8k+%f,pll X6kBHq%#B^F_ qpZ|#u4bo#M-,X YY`l@aj)2|W0_LJ)w* X)N'Q?x:io?=ģ[EuۯrlOD՞\Yw}qTSC]̣IʋFک8MS>Qv6?x7FV(xGqDSE_z4b@-G:Y"Y.DQ5v^ o(YfD?X/<_^P#4i=t.,nWƲ*1qڃuřӞ]e9cs0ɶ9f'mbq)VNe"z.ӂ^i*+fev /@sҡS&hBM֥03Ug ֭Վ=7[TWiזrEeR(C>zi}wL2 﫣f>Y]`mb]JV5 ^{FFg8b8>2M-Vu8gtX661h!" º(l> =:4bju˯bZp5jZ ^bEgH eU:Z7-rfs)登>9Cw%n$gWJ[ =#CS~O>ҜO9jZ8Qvv JPai,n嫌ʖ)4 ^Ӳ`b C=Ufp9x!^d6ܚS3zOĭx!wsrfF O9唜g[ah:m y>R ޕ)^ʇ)Mk>}њ?R9$&LCӧ 'A>=x'S#vuW$$JaIJ'DZŐ$ uEt @<"r vm~ ՍfWqFJyǩꍙ3b'M H:䷔m`cy mof^~rkK|JwM'7+eF@rRbsc nzTI&eJ[,^Ǝ|R䖟^:W=L.Abw P3a @vu'J)Ym'e9@l]~2ov֪JH,zƒJ%o}/vډM`CqF( 9EJɟh DEJQ{饗-˰}¹mRhNd Cc܉F9" q\G56ߓ/dY?( 3v쫏=6/2Ʋ2q'oƉ̮ @~ϮlnO<1>}gxyrĉ uM>;t =,}l0jl? 'jRgAw5h1RBX3xAf 0qe:KIacNoOCj5t2SճgWw :,Ra[O٭%ro$4"QZ، f!fx~b5R}X]wmߡ!$W#nqFe8p|cMMsq+y)qʘy y8?)0oKdseq!c t/QgY} |56l\0'kl7r5,\n\uո%a7-BJcs / @1*m0b]LM Cos'Y]/ %WKhaC /=أlth`׶e]Fmݶ@O1~GW"|5T{'t"hOqĭ<9ROF,](ߡ?I2ax . -8T]?s1|cfIiy)t@<ϲ˾o>p*nh0Pq Ɖ'yvq|Ūk=Fv;{ɀ€ ZsvK`Nv|%E  kRl >%JjBgIssY/%;D∛2 QI?"DۣdAL4-t1-)5%8lz&e "FV'ן"r,'?ywdROB)w~KmzW l=}J*1Xj7vIޡ OmXi]%yL1rC,_ţxS^-1{ө  Eo`(:,v S&x$'Up:~x L J/ؽ#KWmM-|:1jmkcm'󟊭_z>Y[ QWWFo6R !ny?BoahTpGz3fgJGHa.$ a>]>.92BԳk dǪ Get ;@g]RowڐeIx08߿= ^1ZISN#nbȬ8[~^@h [30C-wZ0P[CB3ϜĚ_c< N˭ZiӜ/~rMuϧMˁ8quUEnUnZ0~gGwi"dLO'e@S-7]|-ABodUPVONbx{כּ9jU+RϺv=-’Y l7MUͬ?r ;ޣ4ydێ?4qʷ1:%CC>- VUv`6}vrhzu.u_B9ȀrgUik%& ;|?{~g|0CwkO;m{݄ wZ ZsDڂ%ZLCi/2+[ >x ,a })2{RR_6FQ+ŒyEx5P !Eyq@: ƻ"Thb{v+WI#֏9ZU=|k9TV;`_$"+~wǤ=ma^y}TUĚMVfVVbPbP5`}\bVޔS9/_Sgr 6Q%ױS~Ӥ]aLq>b)dYjojOvdYߢTχO#֭ev~)W]Ea)YZ_\ C30d9S~FőQ$ÚYð#WvZ*!"馛Vˆ}tfax+׬ `4yb|rSq+OFsN`k"CS4bqW\Ze &`h+^- ^'_Јw/- Cߥ.O#V?gu,xžg2h H`C"&~UZ oΎb wvBdl !-:\5[˶v-9P8&RvͤlO?t{V;J0WPӞs|Φ۽hxΧk;fk6w=2r*"m?jEm8梵xc=ҫ,SB1g] a'|1ni@RGt}P2h &@: R,S4fYB㛖drUTft_$SU2R%` g? 3ݡ OnNÎ~ϱ!˹5⋿笯)rZo&Uijw{ѢN:'ʵz'rL쭐AA0aB\[nk>)- 8r]B9w`eݑP2:ɨŠ}GzܢĴ@,:Ng+}6Z%ijJ䋵OTXePg'(R oف(Q6Gk n3I8Kbrɞ Vgѐ4P yboH!?HVi$y54kU)16K/x5_?C 7EvcZ\I#M d]&t:gcAS]3,kd^p̅ xҳW#ASX{Q*!#1' ^8 ֱZ (TD#")YƛjA+*dM2=!Uީ3:בPtj O?0/lƽS /hf2=t}峌!XaaNwLf3(t&ܔ;4+!^FE;a՜544‹)4l}X6ȋY5S$zLfY_d|} jw5_OW)}6AwaF͈L!dsum+$jm rB! 4Y A amtSo(hIdfHӎmq6|Ջ<_ta^2 +ĕ`4=208<hmDųhmhDrHiJGfn~&@J1̓ 7iZ*ӰU ">+z p4A2B]Sf[y]tdcҬY)ًb5t}]B]Hu~O+ (V?$UrK9X-Ί1=̚8A[ѩ=XU@+sfu+A@n:f_@.'@,@ZqoP#fGOlkLjY)O4.xBO%$Wi sQfaJSj,0Dv):oDk)n9VqN{6!p-#8?n@ ρ& P@Lh 73z.e^iR,4\;xY$(vK`P;MA% .ȨD880r.peIf@ / C"Vz7_&cd"9X.VCShxΌ4ezJp-q.%āāz(,: 4bt@Ju~K|t\:.dh^=謡 ?waO8880x ?B@@ǁ3;K=NH8x&{qf<$ Yq@LƁ"&#IENDB`Rebar-0.3.2/images/rebar.png000066400000000000000000000367771302660333200156370ustar00rootroot00000000000000PNG  IHDRx$iCCPICC Profile8UoT>oR? XGůUS[IJ*$:7鶪O{7@Hkk?<kktq݋m6nƶد-mR;`zv x#=\% oYRڱ#&?>ҹЪn_;j;$}*}+(}'}/LtY"$].9｟%{_a݊]hk5'SN{<_ t jM{-4%TńtY۟R6#v\喊x:'HO3^&0::m,L%3:qVE t]~Iv6Wٯ) |ʸ2]G4(6w‹$"AEv m[D;Vh[}چN|3HS:KtxU'D;77;_"e?Yqxl+9IDATx]|T֟@(RB" QT(Ti/O J "*"Kٛi-Mn33n9s!$H H H H H H H H H H H H &앤uUj1_x;w̿̑03HBP쇤زe-MvUlڴɖd#BHM $$$$"E甃M$$$$"E甃M$$$$"QoVԋB(UEwj8QBGT;.f^ع/=ch!O(|)sš?Q/'ht Y3&\A(}`v ZR9/:T>@H16>C!KLUBLL.;DѯL}+' q/@XQ b w8Jm G''LXڰ:)͓J:>h7S*n*Dgy/) ) ) )(-ۧRDm0qvNHNxtEIIII@clUeE1:%ae%$$$(PhN"QQƧ$z*) ) ) )(MlNqoltɫ@Q@26oFM8~ky+) ) ) )F-R`|R}9䣤@P@2<> K`W_9K򕤀@S@2|>{}86b|ג!Hؼ|*csR{)&$$$$B1V\Qe|d@P@26>|HƙP@P@26?tcQYLR@R@R@R GC%yؤ>$$$$D >h,*)Q@U/RS&Bzi$"hFRD#UdYI/jD;/!) )`=mi|ۜ1"A2|npи)#U}I$S}w:a}H{mCڃ$ .\txdl^$$L@P#p Jj GR?R N6tPG܄cm15H|2:&79J/~Fr!IpS,A PjQQQ:Ri b՛'N\..>6!gsj111IXX$!L^q|:ujSthE~kO>%4|Guݺus.]1yK0MVߪ5˵@9\;s̉?7ѣltĉvvذaƆ5SxDDv'2RQ>0UMS+bi/h}h5Y\3#3ӧ/Txj֬-;iBIb&CʲUbEiS% E P`lяB*j=xQH p?"205'AG0T/$IDr-⪫|~(W_}:u1&@OܹpT3wE`Z`<|g1-Q< c~oMd.2*U$`·k׾}{ߛ={vuL $"]A}{rSg`D彑={LА…a6iҤEMEz~h}?զM~HZܐx;M0Hgեsaˣ,ZFG_D4NâE>Gnʉ7@ Tq$6l(0U3g> N x$!x>#[n:gϞ0݉[`bJtuYuޓv>@S]]~@2x>}dSYfiډ'0ܒR0[b1cFw|ӷ=ի+hEUobGXJ f3k`P*t6H!S#DfW"Fx8zvd/ UxnDac̘12-NdK,瞓I^í!c"WM} 5 q%$Qf͸bטJuU~U0Ƃj͂)˸c Ҥ`6)1)R5Y(^H%&&;*PC>nnȒ–q C~Rn}^T7Ԕ8V( 򚡏A_"T6Z}LnذR}\T۷*c .T8`&80r|hڼykVq 7 @3mO,m2+BtE̠3TY:3_xh >o]ԁ824H^U^ȤUV3g5c郱<!Ea hTB .zNĆ%8tPK.A/h5%%ELŐicuyw`ڟ>@?At{:Ejղү(MR"}~ɽԸqJt}ܾ}w}"F|ۆ rJb_G񶷙/"/\aOw7~Bqee`l"ζ.B{!gme ZꅢKCVѰlߎwMz*ywiJG-0.K IahY+a5I5D2tGrF =U~c?Q:w>\YpZ S\׮];ӛw¾E]9 S{q? kr ?7ԑ=c;!}0v^K)mq{ŀXND:)T:cV?<[qLf")V^O?-n]SD{-6WXq- ]s5C߁ASMԺbVL NY~7"CV*,Kgl}?5#ZL" >{nMKKSIb]ceaIjWAmӧ~63Vy/dfLpf8fl+Wlr(gE}F6'3THPԆZj;o}*0fcj Vy6s4+OZzVP3?QtnO`o–PC>9[2km6&4"UGb:sIH*zv>Hm1Zŝwީ-`H?~9KCfGԑb͎2x,TY,x" [very6Zs0v`Fs33ĵ -,Y~zgҐ~FzkFH"wطTdloz6kߴiiZX +,hmY} Un S^L϶^Uu]|7WtP)_+՛"ǑV7$gQYzu @O8e`-I Q:jg15STmZn]`M"f8&4W ^fDO\4#|~lfO?Csg9j ˕8!—`jTUp&Mnv0`e(#Lͳ/a $ 5ԑZAHm=}x)&b2Iu]X|۸q#UT+_`8NlٲEk;`4nm l[X0I5'VZt\& zO1}q%l7,Gf]qfCdC;Ao"=={MGhy!ƒx p ꕐf.+V)d6%2̋E \M&uFgϞ^`Wl"Lߩ $‘P]!駟ʳ*[ 9QwuAZ 2*|ͪV4h-ηUj{}8gPTζqj7Sf6S#h7BU.c!~QseNGh25e͝;WIJrR,` yKNSt ‹R!ZXns 0И?!= !LX0C{+E)inD8-V=N ,Y;p v\ ac(FAQED(?ㇽ8;Ă>gA((@dlV/kAKcHU;v`Fyg#'|"Ϡa,)'07~[en ey) Lm !>'3|3qmA {WVcJ;>Nu Ӭʍ]v]~bq\yi;ߌwɰ,Gm':R264yL׽OX%z$Uſj>ZS q!"QG00e{ٳ&0K… 9޽  CrD) lOXi+`%?60/~1WHcW/nq7uȿƍQHc?GIӑ q07m.;H4_I wG_,`y3o5I>8 )k+-/욱lݧ)C.ݧOpASL5+Q >{5 tȥZs Ո򋊃U?d6 *0 5fhVf۷2da 6_Mꬄ5Z3|rFJl9)~v2J;dL?<^ŻZy6 ȵjaldD2f͚+Wj|]6"aCYcΛJbg=|,T0韁?牰Jin2ܪ zj aV>S.-I4x6}Z)ngM[ X?"F!N~JlB.]4(Μ*K4jX1s#,`їAB(ѫW/Z!#GƞMp( F Q߽z ԁOB `,zJ2ܕb|%ֲlBLWZZ[3`jh^2Tƾڼi{+Gt`ƫ^ݦ j; Lv8Bؑ4ƆSʋð;ӦM>4 ^:sOC]hl8< [nr6nlCcBn %pX R}el$CuʥTx1?X^26 u3#3 kB 9qjN_wb$H XE}`CJP YE&$*7>ttI:љLRk3gN:c{FWPMC|8y~]fBݏͮ"u~CQv ޓļab V&k[$6 of~ yb<[PP@gl>uꔆJ KlLLǰ\<,#ӡ ~kV0?D㥺 ﷥f |h~V@>ur`7 (j^"jWKIxI9yHbJ+3#TeĆs41(U3OQmzQ$%% vh,2O?T E?`l-5qvm7bfclpZL1T8ķf \U:R?CAeMN5(f嬥+޿MiLglfV15m۶m|%s']@TY⛍ $tzdK?ExӻF>0Alxv6c^@ŋs\6҅ccK_61{R>iV?Ԫ[T)_ ={N͙o{m%HY6YU$2P!maTqIZ9 㚬;{n:J4%[) cGP >~O n֬v9;8lc9`= ,8Z,!(p7jݘ7o҆ Ė-[ڵx HfpT^V;c~·U"{ >o<-Zѷ`lc.Hc1‰X&&V!q @TyW#*P8y Z|_JC7߈Kj'qp}#TVi=>eʰ'h0]z)h"!|(6-ĉ PI(155>`>N1LKy+[TjR EZ[ Ӹis|!UXj yXpS݅fΜykZ@ee+"20baoפ[9#lG8<љT*E fzepCSAHk";/jY`T%Ұ{eWæM=ܣIy|GW0!m`a]43t}e^}ecNYII8j!RˣnA%8bY 00较ߘFa"N_QQ=D)NaH됬2zH)R* XbС4R[[D&MD||>,vAl2~Z](2%hhaEI+'iY[NoٗѶ֛BȘO`Yn z2>)V7}q$Od"Z\?Y0b1 A/;.FE %K\z!pP^8džE{9aH=ጊpv?bŜE}MlpAa"NP5A%w5L-ؿt bH%ȫ~Ͻ;Ѣo8s'_~ 3ߘ~f(իWOPʘ9 b œy=I0b#k[n:aWC{v`j֭09_ZFNNl?UhRMAh3&GF+F5RںzYՈě7/-]޷<3<0cgaÆMAﵳ0xDbX>Bע7n\I,& FvQu Uf5"܁~lPg7k<)=-}TQ6@|FG 2efdӛjr4 y @N&;fF(<0]?XVe#>&G Ía ܠN۷4IIIS|:>e5'ywQ. ]YDCR+Zzx|3 >,d@ؾ}ps jH:SsAG`O+E-.pbzhӦ`r-7֌C<GM[o+K{1$%H HkB I!ÀJ1Jl N,` H?iTPgl=; zin;@%Td %oX3J\(@5 p{F=w\ jw/f!J EglO?8lm=&wIpx4a>FR0ƏpQ#xT">=rm^ʓ|@D06Ƒĩ66dKE9&6$EYڿn>y$0#7MZ vX%0ԗ~l`l$ÊMVU׆IbT1%c"ZJfJ LgyFf"@?(6mzYAzf7 M?6;y<8!n{pLbB'Ӕ d@. |tSN=/ HDj/N=~xB&c 䵇CYʇ^ YT&L.U&N;g$QFi!=~n"Eo6\pX mc|lk_6;"F9.bI;΂bmD0%x(=DŽd/ڶmt;U5{9Q4Fo>BAWp=jc SFccIE#P+'P}h6Jn+ylx5FFO߈Iz)fFl`Wӹ0|~Fe%UVl7zor*ڽBq VImҏ-q$aIN0@rZ$ә g1 P e|O^2= ?C{Jozg?O-Trv$T|D <-ܗCUmnjzdS7T/s (ڂ/ D3 63f8"1dL6~SU(_:nzs!HT<@iN`[>æ;p?O?tȨ%y>(>u۽{`8(5tsˀ&"P͛75khL E<{HK<NiHƑr "C,:'R y{ )i pBa&PJ%Eܹs&;<AUh/}v ciX(1q65qjs]Q4G彠4CfSjP0B#b7+W`ɠD͇J2dT1>PoS\DhP%N"ET4iӦ1lk׮UVCݕܹsguȐ! cVJcƌfR1iSM{j]|7[ٮ7ܣG.0+Sk}>V $9[#soդ[j?gpٳGű8A9m[,c+H8qϘd2vn4FF$JlQG:dqHdU*#Gbbj\O4IөqP*'O^0*͂ѨҬ3yDˌ3UԌ&dj%%g6XIfKV lhWЧh>\YJ Z*}iIʛU*ڪ܆*Ӂ{0Tm0rMِ:}+`W5#Q}(R{) 2qFz{|tI`))VZo\f'ɕ+Wi|u_+_pCzK7x*l҄ƯU<=zŚ$Iߝ}[4lM-e:uꍽ;VCKͩ$#&].> X \w `!S=..n3椴 S$$$hqԏ8tvo3α{Aw<&&}^_FB==!|+.~ VEdV) =5zUEXOeky7IFo'LdI5㾢6e?\V3q2YS)ωڤ`ڕN9YCuٳ;S.`7cϭ=0D6w;{֓( 1zҒQ 9917j{J"³W2 Rebar Created with Sketch (http://www.bohemiancoding.com/sketch) Rebar-0.3.2/index.html000066400000000000000000000620651302660333200145530ustar00rootroot00000000000000 Rebar is a lightweight HTML5 / CSS3 framework for making responsive websites built using the LESS preprocessor
Whoa Cowboy, you've mozyed on over to an error! X
This here be a warning to you, just a warning! X
What kind of bug is a debug? X
Hi, I am info message X
Success, you sly dog you! X

Rebar

Rebar is a lightweight HTML5 / CSS3 framework for making responsive websites built using the LESS preprocessor

This Style Guide

This is a collection of CSS styles and corresponding HTML elements that are currently being styled. Use this code to develop the front-end of your website.

The CSS styles are all broken apart into smaller easy to manage LESS files that draw from configurable variables in the less/rebar/config.less file which is then compiled to CSS.

You can install Rebar using the Bower package manager by typing:

$ bower install rebar

If you're unfamiliar with LESS I suggest CodeKit for Mac OS, or Grunt which uses Node.js and runs on the command line.

About Rebar

Rebar is a collection of modular CSS files that helps rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, forms and media queries. Go ahead, resize this super basic page to see the grid in action.

Compact

Written with small file sizes in mind, the core rebar.css library is under 30K in size.

3 Core Principles

Rebar is built on three core principles:

  • A Responsive Grid: Elegant scaling from a browser to tablets to mobile.
  • Fast to Start: It's a tool for rapid development with best practices
  • Style Agnostic: It provides the most basic, beautiful styles, but is meant to be overwritten.

Docs & Support

The easiest way to start developing with Rebar is to check out the docs & info on this page and download the open source repository.

If you want to help report bugs and create a pull requests with quality additions, we would be very happy. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at hi@brennannovak.com.

Are You Hip?

Lomo locavore swag retro stumptown four loko keytar polaroid. Portland selfies cray, plaid pop-up salvia sustainable literally. Marfa church-key 3 wolf moon narwhal aesthetic. Hoodie Marfa fixie wayfarers, Pinterest trust fund fanny pack 3 wolf moon dreamcatcher. Echo Park chillwave jean shorts ugh. IPhone Terry Richardson letterpress, literally keytar scenester kale chips tumblr dreamcatcher deep v. We suggest using Hipster Ipsum

A Beautiful CSS Framework for Responsive Web-App Development

What Is It?

Rebar is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Rebar is built on three core principles:

Responsive Grid Down To Mobile

Rebar has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!

Fast to Start

Rebar is a tool for rapid development. Get started fast with CSS best practices, a well-structured grid that makes mobile consideration easy, an organized file structure and super basic UI elements like lightly styled forms, buttons, tabs and more.

Style Agnostic

Rebar is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.

Two Item Grid

Rebar's base grid is a variation of the 960 grid system. The syntax is simple and it's effective cross browser, but the awesome part is that it also has the flexibility to go mobile like a champ. Go ahead, resize the browser and watch as the layout reacts!

One
Fifteen
Two
Fourteen
Three
Thirteen
Four
Twelve
Five
Eleven
Six
Ten
Seven
Nine
Eight
Eight
Nine
Seven
Ten
Six
Eleven
Five
Twelve
Four
Thirteen
Three
Fourteen
Two
Fifteen
One

Large Item Grid

These are examples of large items grids

Quarter
Quarter
Quarter
Quarter
Quarter
Half
Quarter
Quarter
Three Quarters
Third
Third
Third
Third
Two Thirds
Half
Half

Responsive Boxes

Box #1

Ugh fixie butcher, cornhole Pinterest scenester banh mi Tonx retro salvia tousled cool link

Box #2

Narwhal DIY salvia Blue Bottle, Schlitz locavore cray Pinterest Bushwick chia.

Bottom

Box #3

Carles artisan try-hard, Helvetica letterpress swag umami flexitarian lo-fi seitan

Link Right

Box #4

Asymmetrical pork belly VHS. Pickled XOXO Pitchfork paleo pork belly.

Box #5

Asymmetrical hoodie plaid, YOLO occupy slow-carb. Wolf McSweeney's pickled fashion axe

Responsive Rectangles

Rectangle #1

Squid asymmetrical chambray fap flexitarian tousled vegan.

Rectangle #2

Trust fund chillwave ugh American Apparel Bushwick food truck kitsch.

Rectangle #3

Pinterest plaid quinoa. Vice literally pour-over chambray VHS freegan. Quinoa Cosby

Rectangle #4

Blog before they sold out 8-bit, food truck roof party slow-carb Vice Neutra bicycle rights. Fap hashtag lo-fi, banh mi

Rectangle #5

Bicycle rights Austin sustainable Marfa, cardigan pickled raw denim Intelligentsia street art Neutra distillery Banksy Truffaut.

*Note: Boxes & Rectangles only work up to 200 items nicely- after that each row shows -1 item per row than it should. This could probably be fixed by someone who is better at maths.

Typography

The typography of Rebar is designed to create a strong hierarchy with basic styles. The primary font is Open Sans, but the font stack can be easily changed with just a couple adjustments. Regular paragraphs are set at a 14px base with 21px line height.

Heading <h1>

Heading <h2>

Heading <h3>

Heading <h4>

Heading <h5>
Heading <h6>

This is a blockquote style example. It stands out, and it is awesome!

Brennan Noval, Rebar Creator 
Here is some text inside a <pre> element.

*Note, it needs to be flush against edge of document, as the <pre> element

Here is some JS code inline function() { alert('Halló World') } which is located inside of a code element with.

{
  "hello": "halló",
  "i am for code": "here is my structure"
  "actually data" : {
    "inside of elements" : ["pre", "code"]
  }
}

Lists

The list elements in Rebar are designed to create a strong hierarchy with basic styles.

Base ul element

  • Unordered Item
  • Unordered Item
  • Unordered Item
  • Unordered Item

Base ol element

  1. Ordered Item
  2. Ordered Item
  3. Ordered Item
  4. Ordered Item

Add the ul.none class

  • Unordered Item
  • Unordered Item
  • Unordered Item
  • Unordered Item

Add the ul.square class

  • Bottle Rocket
  • Rushmore
  • The Royal Tenebaums
  • Life Aquatic w/ Steve Zissou

Add the ul.circle class

  • Darjeeling Limited
  • Fantastic Mr. Fox
  • Moonrise Kingdom
  • The Grand Budapest Hotel

Add the ul.large class to list element

  • Large Item
  • Large Item
  • Large Item

Add the ul.small class to list element

  • Small Item
  • Small Item
  • Small Item

Add the ul.horizontal class to list element

  • Item #1
  • Item #2
  • Item #3
  • Item #4
  • Item #5

Buttons

In order to make one of the following HTML element types more appealing & clickable:

a, input[type=submit] input[type=reset] input[type=button] button

All you need to do is add one of the following classes to any of the elements:

.button-primary .button-secondary .button-info .button-alert .button-warning
Button Primary
Small Buttons

To make a button small, simply add the .button-small as well as the above class to a given element

Small Primary

Forms

In order to nicely style form elements, add the .standard class to a form element. You can also add the .tiny .small .medium .large .full class to any of the following elements input textarea select to alter the size.

Checkboxes
Radio Buttons

Validation

You can add form validation UI feedback by adding the following classes .validation-success .validation-warning .validation-error to label element and it will style children elements input select textarea elements.

Tables

Apply the .rounded class to the table element

Moral Description Count
Time An easy way to contact groups of people & organize their responses 123
Cash An easy way to contact groups of people & organize their responses 456
Patience An easy way to contact groups of people & organize their responses 789
Thank you for reading :)

This table has the .zebra and .full class on the table element [UNFINISHED]

Time An easy way to contact groups of people & organize their responses 123
Cash An easy way to contact groups of people & organize their responses 456
Patience An easy way to contact groups of people & organize their responses 789

Media Queries

Rebar uses a lot of media queries to serve the scalable grid, but also for the convenience of styling your site on different size screens. Rebar's media queries are almost exclusively targeted at max and min widths rather than device sizes or orientations. The advantage of this is browsers and future mobile devices that don't map to exact set dimensions will still benefit from the styles. That being said, all of the queries were written to be optimal on Apple iOS devices. The built in media queries include:

  • Web (max): Smaller than the standard base grid 1140px
  • Web (normal): Smaller than the standard base grid 960px
  • Tablet (landscape): Between 768px and 959px
  • Tablet (portrait): Between 768px and 959px
  • Mobile (all sizes): Less than 767px
  • Mobile (landscape): Between 480px and 767px
  • Mobile (potrait): Less than 479px

Color Palate

Click square to see HEX value for easier copying

@white
@black
Rebar-0.3.2/less/000077500000000000000000000000001302660333200135135ustar00rootroot00000000000000Rebar-0.3.2/less/app.less000066400000000000000000000011701302660333200151620ustar00rootroot00000000000000/* Your Groovy Application v0.0.0 * Designed by You and built using Rebar by @brennannovak * http://yourgroovyappplication.com */ /* Global App - include before config file to specify custom fonts or backgrounds */ @import "app/webfonts.less"; @import "app/icons.less"; @import "app/backgrounds.less"; /* Config - change settings in this file for the look and feel of your style */ @import "config.less"; /* Bower */ @import (less) "../bower_components/animate.css/animate.css"; @import "../bower_components/less-elements/elements.less"; /* App */ @import "app/web.less"; @import "app/tablet.less"; @import "app/mobile.less";Rebar-0.3.2/less/app/000077500000000000000000000000001302660333200142735ustar00rootroot00000000000000Rebar-0.3.2/less/app/backgrounds.less000066400000000000000000000000211302660333200174560ustar00rootroot00000000000000/* Backgrounds */Rebar-0.3.2/less/app/icons.less000066400000000000000000000000131302660333200162700ustar00rootroot00000000000000/* Icons */Rebar-0.3.2/less/app/mobile.less000066400000000000000000000006271302660333200164370ustar00rootroot00000000000000/* Mobile Style (three responsive breakpoints, change as you see fit) */ /* Mobile Breakpoint - all sizes */ @media only screen and (max-width: 767px) { } /* Mobile Breakpoint - landscape size to tablet portrait */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Breakpoint - portrait size to mobile landscape size */ @media only screen and (max-width: 479px) { }Rebar-0.3.2/less/app/tablet.less000066400000000000000000000010551302660333200164370ustar00rootroot00000000000000/* Tablet Style (four responsive breakpoints, change as you see fit) */ /* Tablet Breakpoint - most iPads & modern tablets */ @media only screen and (max-width: 1024px) { } /* Tablet Breakpoint - smaller than standard 960 */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* Tablet Breakpoint - portrait size to standard 960 */ @media only screen and (max-width: 768px) { } /* Tablet Breakpoint - iPad portrait only */ @media only screen and (min-width: 768px) and (max-width: 959px) and (max-device-width: 1000px) { }Rebar-0.3.2/less/app/web.less000066400000000000000000000002461302660333200157420ustar00rootroot00000000000000/* Web Style (one responsive breakpoint, use as needed) */ /* Breakpoint - Larger than 1024 (standard browsers) */ @media only screen and (min-width: 1025px) { }Rebar-0.3.2/less/app/webfonts.less000066400000000000000000000000161302660333200170070ustar00rootroot00000000000000/* Webfonts */Rebar-0.3.2/less/config.less000066400000000000000000000230471302660333200156560ustar00rootroot00000000000000/* Rebar v0.1.0 * config.less */ /* Colors */ @white: #FFFFFF; @black: #333333; @gray: #b7bfc8; @grayLight: #E9E9E9; @grayDark: #656E77; @blue: #0A87BF; @brown: #826f69; @yellow: #F8E406; @green: #078754; @orange: #F38B00; @red: #B50606; /* Body */ @body-background-color: #ffffff; @body-background-image: ~''; @body-background-repeat: ~''; @body-background-position: ~''; /* Container */ @container-desktop-max-width: 1140px; @container-desktop-width: 960px; @container-tablet-width: 768px; @container-mobile-width: 420px; /* Margins, Paddings, and Spacings */ @base-line-height: 20px; @base-margin: 20px; @base-margin-bottom: @base-margin * 1.5; @base-padding: 20px; @base-border-radius: 4px; /* Text */ @text-font-size: 18px; @text-font-weight: normal; @text-font-family: OpenSans-Regular, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; @text-font-family-italic: OpenSans-Italic, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; @text-font-family-semibold: OpenSans-Semibold, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; @text-font-family-bold: OpenSans-Bold, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; @text-line-height: 24px; @text-color: #333333; @text-color-light: #999999; @em-font-style: italic; @strong-font-family: @text-font-family-bold; @strong-font-weight: normal; @strong-color: #333; @text-shadow-on-light: 1px 1px 1px #888888; @text-shadow-on-dark: 0 -1px 0 rgba(0, 0, 0, 0.4); @pre-margin-bottom: 20px; @pre-background: @grayLight; @pre-color: @black; @pre-padding: 10px 15px; @pre-border: 1px solid @gray; @pre-border-radius: 3px; @pre-font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; @pre-font-size: 14px; @pre-font-weight: normal; @code-font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; @code-font-size: 14px; @code-font-weight: normal; @code-padding: 2px 5px; /* Links */ @link-font-size: 18px; @link-font-wieght: bold; @link-color: @red; @link-color-hover: desaturate(@red, 10%); @link-decoration: none; @link-decoration-hover: underline; /* Headings */ @headings-color: #333333; @headings-font-family: @text-font-family-bold; @headings-font-weight: normal; @headings-letter-spacing: -2px; @headings-size-h1: 60px; @headings-size-h2: 48px; @headings-size-h3: 36px; @headings-size-h4: 30px; @headings-size-h5: 24px; @headings-size-h6: 18px; @headings-line-height: 1px; @headings-margin-bottom: @base-margin-bottom; /* Navigation */ @navigation-background: #222222; @navigation-text: #EEEEEE; @navigation-text-hover: #AAAAAA; @navigation-text-dark: #818181; @navigation-elements: #AAAAAA; @navigation-shadows: #EEEEEE; @navigation-sub-background: #d9d9d9; @navigation-sub-text: #EEEEEE; @navigation-sub-text-hover: #AAAAAA; @navigation-sub-text-dark: #818181; @navigation-sub-elements: #AAAAAA; @navigation-sub-shadows: #EEEEEE; /* Lists */ @list-margin: 0 0 (@base-margin * 2) (@base-margin * 2); @list-padding: 0px; @list-font-size: @text-font-size; @list-line-height: @text-font-size; @list-item-margin: 15px; @list-item-padding: 5px; @list-unordered-type: square outside; @list-ordered-type: decimal outside; @list-item-horizontal-margin: 5px 15px; /* Separators */ @blockquote-font-size: 18px; @blockquote-font-style: italic; @blockquote-line-height: 24px; @blockquote-color: #666666; @hr-border-type: solid; @hr-border-color: @black; @hr-border-width: 1px; @hr-border-margin: 45px 0; /* Buttons */ .button-global(@font-family, @font-size, @font-weight, @margin, @padding) { // Font font-family: @font-family !important; font-size: @font-size !important; font-weight: @font-weight !important; line-height: inherit; text-decoration: none; // Display margin: @margin; padding: @padding; display: inline-block; cursor: pointer; box-sizing: border-box; // Select user-select:none; // Animate transition-duration: 0.2s; } .button-colors(@color, @text-shadow, @border-color, @background) { color: @color !important; text-shadow: @text-shadow; border: 1px solid @border-color; border-top: 1px solid (@border-color + #222222); border-left: 1px solid (@border-color + #222222); border-radius: 4px; background: @background; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0px 0px rgba(0, 0, 0, 0.2); } .button-colors-hover(@border-color, @background) { border-color: @border-color; background-color: @background; } .button-colors-active(@border-color, @background) { border-color: @border-color; background-color: @background; box-shadow: inset 0 .17em .1em rgba(0, 0, 0, 0.3); } @btn-color: @white; @btn-font-family: @text-font-family-bold; @btn-font-size: 16px; @btn-font-weight: normal; @btn-margin: 0px; @btn-padding: 5px 15px; @btn-small-font-size: 12px; @btn-small-font-weight: bold; @btn-small-margin: @btn-margin; @btn-small-padding: 2px 10px; /* Button - Primary */ @btn-primary-color: @white; @btn-primary-text-shadow: @text-shadow-on-dark; @btn-primary-background: @blue; @btn-primary-background-hover: darken(@blue, 5%); @btn-primary-background-active: darken(@blue, 5%); @btn-primary-border-color: darken(@blue, 10%); @btn-primary-border-color-hover: darken(@blue, 15%); @btn-primary-border-color-active: darken(@blue, 15%); /* Button - Secondary */ @btn-secondary-color: @white; @btn-secondary-text-shadow: @text-shadow-on-dark; @btn-secondary-background: @green; @btn-secondary-background-hover: darken(@green, 5%); @btn-secondary-background-active: darken(@green, 5%); @btn-secondary-border-color: darken(@green, 10%); @btn-secondary-border-color-hover: darken(@green, 10%); @btn-secondary-border-color-active: darken(@green, 10%); /* Button - Info */ @btn-info-color: @black; @btn-info-text-shadow: 0px 0px 0px; @btn-info-background: @grayLight; @btn-info-background-hover: darken(@grayLight, 5%); @btn-info-background-active: darken(@grayLight, 5%); @btn-info-border-color: darken(@gray, 5%); @btn-info-border-color-hover: darken(@gray, 10%); @btn-info-border-color-active: darken(@gray, 10%); /* Button - Alert */ @btn-alert-color: @white; @btn-alert-text-shadow: @text-shadow-on-dark; @btn-alert-background: @orange; @btn-alert-background-hover: darken(@orange, 8%); @btn-alert-background-active: darken(@orange, 5%); @btn-alert-border-color: darken(@orange, 10%); @btn-alert-border-color-hover: darken(@orange, 15%); @btn-alert-border-color-active: darken(@orange, 12%); /* Button - Warning */ @btn-warning-color: @white; @btn-warning-text-shadow: @text-shadow-on-dark; @btn-warning-background: @red; @btn-warning-background-hover: darken(@red, 7%); @btn-warning-background-active: darken(@red, 5%); @btn-warning-border-color: darken(@red, 10%); @btn-warning-border-color-hover: darken(@red, 10%); @btn-warning-border-color-active: darken(@red, 8%); /* Forms */ @form-background: #FFFFFF; @form-color: #666666; @form-color-focus: #333333; @form-font-size: 16px; @form-font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; @form-font-style: normal; @form-label-margin: 0 0 5px 0; @form-label-font-size: @form-font-size; @form-label-font-style: italic; @form-label-font-weight: normal; @form-label-color: @black; @form-border-size: 1px; @form-border-color: #999999; @form-border-radius: 4px; @form-border-color-focus: #666666; @form-input-width: 210px; @form-input-margin-bottom: @base-margin; @form-input-padding: 10px 12px; @form-input-focus: rgba(0, 0, 0,.4); @form-textarea-height: 60px; @form-select-color: @blue; @form-select-padding: 15px 20px; @form-tiny: 75px; @form-small: 135px; @form-medium: 350px; @form-large: 500px; @form-full: 100%; /* Validation */ @validation-border: 1px solid; @validation-font-style: italic; @validation-success-color: @green; @validation-warning-color: @orange; @validation-error-color: @red; /* Tables */ @table-background-color: @white; @table-hover-background-color: #F5F6DB; @table-zebra-odd-background-color: #F9F9F9; @table-zebra-even-background-color: #FEFEFE; @table-th-padding: 10px 15px; @table-th-background-color: #f9f9f9; @table-th-font-style: italic; @table-th-font-size: 14px; @table-margin: @base-margin 0; @table-padding: 15px; @table-border: 1px solid #ccc; @table-border-radius: 7px; @table-td-border-top: 1px solid #ccc; @table-font-size: 16px; @table-line-height: 16px; /* Grid */ @grid-row-margin-bottom: 20px; @grid-gutter: 1%; @grid-column-count: 16; @grid-tablet-width: 100%; @grid-mobile-width: 100%; /* Boxes */ @boxes-padding: 15px; @boxes-header-font-size: 24px; @boxes-paragraph-font-size: 14px; @boxes-link-color: @gray; /* Rectangles */ @rectangles-padding: 10px; @rectangles-header-font-size: 18px; @rectangles-paragraph-font-size: 12px; @rectangles-link-color: @gray; @rectangles-height: 75px; /* Messages */ @messages-border-bottom: 0px solid @gray; @messages-padding: 10px 10px 10px 20px; @messages-font-family: @text-font-family-semibold; @messages-font-size: 18px; @messages-line-height: 21px; @messages-color: @black; @messages-background: @white; @messages-error-color: @white; @messages-error-background: @red; @messages-warning-color: @white; @messages-warning-background: @orange; @messages-debug-color: @black; @messages-debug-background: @yellow; @messages-info-color: @white; @messages-info-background: @blue; @messages-success-color: @white; @messages-success-background: @green; Rebar-0.3.2/less/rebar.less000066400000000000000000000014171302660333200155010ustar00rootroot00000000000000/* Rebar v0.1.0 * Designed and built by @brennannovak * http://github.com/brennannovak/Rebar */ /* Config - change settings in this file for the look and feel of your style */ @import "config.less"; /* Rebar - these files reset and style all the basic HTML elements */ @import "rebar/base.less"; @import "rebar/buttons.less"; @import "rebar/clearing.less"; @import "rebar/forms.less"; @import "rebar/grid.less"; @import "rebar/images.less"; @import "rebar/links.less"; @import "rebar/lists.less"; @import "rebar/messages.less"; @import "rebar/navigation.less"; @import "rebar/separators.less"; @import "rebar/boxes.less"; @import "rebar/rectangles.less"; @import "rebar/shapes.less"; @import "rebar/tables.less"; @import "rebar/typography.less"; @import "rebar/validation.less";Rebar-0.3.2/less/rebar/000077500000000000000000000000001302660333200146065ustar00rootroot00000000000000Rebar-0.3.2/less/rebar/base.less000066400000000000000000000027521302660333200164160ustar00rootroot00000000000000/* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: separate; border-spacing: 0; } /* #Body Styles ================================================== */ body { background: @body-background-image @body-background-repeat @body-background-position @body-background-color; font-size: @text-font-size; font-weight: @text-font-weight; font-family: @text-font-family; line-height: @text-line-height; color: @text-color; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } Rebar-0.3.2/less/rebar/boxes.less000066400000000000000000000105231302660333200166170ustar00rootroot00000000000000/** * @name Rebar Boxes * @description * - web max 1140 * - web 960 * - tablet * - mobile */ .boxes-outer { position: relative; float: left; display: block; } .boxes-inner h1, .boxes-inner h2, .boxes-inner h3, .boxes-inner h4 { font-size: @boxes-header-font-size; margin-bottom: @boxes-padding; } .boxes-inner p { font-size: @boxes-paragraph-font-size; } .boxes-inner p a { font-size: @boxes-paragraph-font-size; color: @boxes-link-color; } .boxes-inner a.bottom { position: absolute; bottom: @boxes-padding; } .boxes-inner a.bottom.right { right: @boxes-padding; } /* --- LESS mixin to generate multiple sizes --- */ .boxes(@blocks, @width, @margin-right, @margin-bottom) { .boxes-outer { width: @width; padding-bottom: @width; margin-right: @margin-right; margin-bottom: @margin-bottom; } @nth1: @blocks + 1; @nth2: (@blocks * 2) + 1; @nth3: (@blocks * 3) + 1; @nth4: (@blocks * 4) + 1; @nth5: (@blocks * 5) + 1; @nth6: (@blocks * 6) + 1; @nth7: (@blocks * 7) + 1; @nth8: (@blocks * 8) + 1; @nth9: (@blocks * 9) + 1; @nth10: (@blocks * 10) + 1; @nth11: (@blocks * 11) + 1; @nth12: (@blocks * 12) + 1; @nth13: (@blocks * 13) + 1; @nth14: (@blocks * 14) + 1; @nth15: (@blocks * 15) + 1; @nth16: (@blocks * 16) + 1; @nth17: (@blocks * 17) + 1; @nth18: (@blocks * 18) + 1; @nth19: (@blocks * 19) + 1; @nth20: (@blocks * 20) + 1; @nth21: (@blocks * 21) + 1; @nth22: (@blocks * 22) + 1; @nth23: (@blocks * 23) + 1; @nth24: (@blocks * 24) + 1; @nth25: (@blocks * 25) + 1; @nth26: (@blocks * 26) + 1; @nth27: (@blocks * 27) + 1; @nth28: (@blocks * 28) + 1; @nth29: (@blocks * 29) + 1; @nth30: (@blocks * 30) + 1; @nth31: (@blocks * 31) + 1; @nth32: (@blocks * 32) + 1; @nth33: (@blocks * 33) + 1; @nth34: (@blocks * 34) + 1; @nth35: (@blocks * 35) + 1; @nth36: (@blocks * 36) + 1; @nth37: (@blocks * 37) + 1; @nth38: (@blocks * 38) + 1; @nth39: (@blocks * 39) + 1; @nth40: (@blocks * 40) + 1; .boxes-outer:nth-child(@{nth1}), .boxes-outer:nth-child(@{nth2}), .boxes-outer:nth-child(@{nth3}), .boxes-outer:nth-child(@{nth4}), .boxes-outer:nth-child(@{nth5}), .boxes-outer:nth-child(@{nth6}), .boxes-outer:nth-child(@{nth7}), .boxes-outer:nth-child(@{nth8}), .boxes-outer:nth-child(@{nth9}), .boxes-outer:nth-child(@{nth10}), .boxes-outer:nth-child(@{nth11}), .boxes-outer:nth-child(@{nth12}), .boxes-outer:nth-child(@{nth13}), .boxes-outer:nth-child(@{nth14}), .boxes-outer:nth-child(@{nth15}), .boxes-outer:nth-child(@{nth16}), .boxes-outer:nth-child(@{nth17}), .boxes-outer:nth-child(@{nth18}), .boxes-outer:nth-child(@{nth19}), .boxes-outer:nth-child(@{nth20}), .boxes-outer:nth-child(@{nth21}), .boxes-outer:nth-child(@{nth22}), .boxes-outer:nth-child(@{nth23}), .boxes-outer:nth-child(@{nth24}), .boxes-outer:nth-child(@{nth25}), .boxes-outer:nth-child(@{nth26}), .boxes-outer:nth-child(@{nth27}), .boxes-outer:nth-child(@{nth28}), .boxes-outer:nth-child(@{nth29}), .boxes-outer:nth-child(@{nth30}), .boxes-outer:nth-child(@{nth31}), .boxes-outer:nth-child(@{nth32}), .boxes-outer:nth-child(@{nth33}), .boxes-outer:nth-child(@{nth34}), .boxes-outer:nth-child(@{nth35}), .boxes-outer:nth-child(@{nth36}), .boxes-outer:nth-child(@{nth37}), .boxes-outer:nth-child(@{nth38}), .boxes-outer:nth-child(@{nth39}), .boxes-outer:nth-child(@{nth40}) { margin-right: 0px; } .boxes-inner { position: absolute; left: 1px; top: 1px; bottom: 1px; right: 1px; padding: @boxes-padding; color: #555555; overflow: hidden; } } /* Five Column, 1140 web max */ @media only screen and (min-width: 1140px) { .container { .boxes(5, 19.1%, 1.1%, 1.2%); } } /* Four Column, 960 web */ @media only screen and (min-width: 960px) and (max-width: 1139px) { .container { .boxes(4, 23.1%, 2.5%, 2.5%); } } /* Three Column, tablet landscape */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { .boxes(3, 31%, 3.5%, 3.5%); } } /* Two Column, mobile portrait & landscape */ @media only screen and (max-width: 767px) { .container { .boxes(2, 47.7%, 4.5%, 4.5%); } }Rebar-0.3.2/less/rebar/buttons.less000066400000000000000000000140061302660333200171750ustar00rootroot00000000000000/* #Buttons ================================================== */ /* Global */ button, button:hover, button:active, input[type="submit"], input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"], input[type="reset"]:hover, input[type="reset"]:active, input[type="button"], input[type="button"]:hover, input[type="button"]:active, .button-primary, .button-secondary, .button-info, .button-alert, .button-warning { .button-global(@btn-font-family, @btn-font-size, @btn-font-weight, @btn-margin, @btn-padding); outline: none; } a.button-primary, a.button-primary:visited, a.button-primary:hover, a.button-secondary, a.button-secondary:visited, a.button-secondary:hover, a.button-info, a.button-info:visited, a.button-info:hover, a.button-alert, a.button-alert:visited, a.button-alert:hover, a.button-warning, a.button-warning:visited, a.button-warning:hover { text-decoration: none; } .button-small, button.button-small, input[type="submit"].button-small, input[type="reset"].button-small, input[type="button"].button-small, { .button-global(@btn-font-family, @btn-small-font-size, @btn-small-font-weight, @btn-small-margin, @btn-small-padding); } /* Primary */ button, button.button-primary, input[type="submit"], input[type="reset"], input[type="button"], input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary, a.button-primary { .button-colors(@btn-primary-color, @btn-primary-text-shadow, @btn-primary-border-color, @btn-primary-background); } button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.button-primary:hover { .button-colors-hover(@btn-primary-border-color-hover, @btn-primary-background-hover); } button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, a.button-primary:active { .button-colors-active(@btn-primary-border-color-active, @btn-primary-background-active); } /* Secondary */ button.button-secondary, input[type="submit"].button-secondary, input[type="reset"].button-secondary, input[type="button"].button-secondary, a.button-secondary { .button-colors(@btn-secondary-color, @btn-secondary-text-shadow, @btn-secondary-border-color, @btn-secondary-background); } .button-secondary:hover, input[type="submit"].button-secondary:hover, input[type="reset"].button-secondary:hover, input[type="button"].button-secondary:hover, a.button-secondary:hover { .button-colors-hover(@btn-secondary-border-color-hover, @btn-secondary-background-hover); } button.button-secondary:active, input[type="submit"].button-secondary:active, input[type="reset"].button-secondary:active, input[type="button"].button-secondary:active, a.button-secondary:active { .button-colors-active(@btn-secondary-border-color-active, @btn-secondary-background-active); } /* Info */ button.button-info, input[type="submit"].button-info, input[type="reset"].button-info, input[type="button"].button-info, a.button-info { .button-colors(@btn-info-color, @btn-info-text-shadow, @btn-info-border-color, @btn-info-background); } button.button-info:hover, input[type="submit"].button-info:hover, input[type="reset"].button-info:hover, input[type="button"].button-info:hover, a.button-info:hover { .button-colors-hover(@btn-info-border-color-hover, @btn-info-background-hover); } button.button-info:active, input[type="submit"].button-info:active, input[type="reset"].button-info:active, input[type="button"].button-info:active, a.button-info:active { .button-colors-active(@btn-info-border-color-active, @btn-info-background-active); } /* Alert */ button.button-alert, input[type="submit"].button-alert, input[type="reset"].button-alert, input[type="button"].button-alert, a.button-alert { .button-colors(@btn-alert-color, @btn-alert-text-shadow, @btn-alert-border-color, @btn-alert-background); } button.button-alert:hover, input[type="submit"].button-alert:hover, input[type="reset"].button-alert:hover, input[type="button"].button-alert:hover, a.button-alert:hover { .button-colors-hover(@btn-alert-border-color-hover, @btn-alert-background-hover); } button.button-alert:active, input[type="submit"].button-alert:active, input[type="reset"].button-alert:active, input[type="button"].button-alert:active, a.button-alert:active { .button-colors-active(@btn-alert-border-color-active, @btn-alert-background-active); } /* Warning */ button.button-warning, input[type="submit"].button-warning, input[type="reset"].button-warning, input[type="button"].button-warning, a.button-warning { .button-colors(@btn-warning-color, @btn-warning-text-shadow, @btn-warning-border-color, @btn-warning-background); } button.button-warning:hover, input[type="submit"].button-warning:hover, input[type="reset"].button-warning:hover, input[type="button"].button-warning:hover, a.button-warning:hover { .button-colors-hover(@btn-warning-border-color-hover, @btn-warning-background-hover); } button.button-warning:active, input[type="submit"].button-warning:active, input[type="reset"].button-warning:active, input[type="button"].button-warning:active, a.button-warning:active { .button-colors-active(@btn-warning-border-color-active, @btn-warning-background-active); } /* Icons */ .button span, .button-secondary span, .button-alert span, .button-warning span, { margin-right: 5px; } /* Full Width */ .button.full-width, .button-primary.full-width, .button-secondary.full-width, .button-alert.full-width, .button-warning.full-width, .button-big-primary.full-width, .button-big-secondary.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } Rebar-0.3.2/less/rebar/clearing.less000066400000000000000000000041721302660333200172660ustar00rootroot00000000000000/* --- Clearing --- */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix helper */ .clearfix { zoom: 1; &:before, &:after { content: ""; display: table; } &:after { clear: both; } } /* Vertical Margins & Padding */ .remove-top { margin-top: 0 !important; } .half-top { margin-top: (@base-margin / 2) !important; } .add-top { margin-top: @base-margin !important; } .double-top { margin-top: (@base-margin * 2) !important; } .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: (@base-margin / 2) !important; } .add-bottom { margin-bottom: @base-margin !important; } .double-bottom { margin-top: (@base-margin * 2) !important; } .remove-right { margin-right: 0px !important; } .add-right { margin-right: @base-margin !important; } .add-right-half { margin-right: (@base-margin / 2) !important; } .add-right-double { margin-left: (@base-margin * 2) !important; } .remove-left { margin-left: 0px !important; } .add-left { margin-left: @base-margin !important; } .add-left-half { margin-left: (@base-margin / 2) !important; } .add-left-double { margin-left: (@base-margin * 2) !important; } /* Centering */ .left { float: left; } .center { margin-left: auto !important; margin-right: auto !important; } .right { float: right; } .top { vertical-align: top !important; } .middle { vertical-align: middle !important; } .bottom { vertical-align: bottom !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-top { vertical-align: text-top !important; } .text-bottom { vertical-align: text-bottom !important; } /* Display */ .hide { display: none; } .block { display: block !important; } .inline-block { display: inline-block !important; } .table { display: table !important; } .table-cell { display: table-cell !important; } Rebar-0.3.2/less/rebar/forms.less000066400000000000000000000056721302660333200166360ustar00rootroot00000000000000/* #Forms ================================================== */ .standard { form { margin-bottom: @base-margin; } fieldset { margin-bottom: @base-margin; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="phone"], input[type="address"], textarea, select { margin-bottom: @form-input-margin-bottom; padding: @form-input-padding; outline: none; font-size: @form-font-size; font-family: @form-font-family; color: @form-color; width: @form-input-width; max-width: 100%; display: block; background: @form-background; border-radius: @form-border-radius; border: @form-border-size solid @form-border-color; box-sizing: border-box; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: @form-border-size solid @form-border-color-focus; color: @form-color-focus; box-shadow: 0 0 5px @form-input-focus; } textarea { min-height: @form-textarea-height; } label, legend { display: block; font-weight: @form-label-font-weight; font-size: @form-label-font-size; font-style: @form-label-font-style; margin: @form-label-margin; color: @form-label-color; } select { color: @form-select-color; width: (@form-input-width + 10px); font-size: (@form-font-size * .90); } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: @form-label-font-weight; font-size: @form-label-font-size; color: @form-label-color; } a { font-style: normal; } label span.form_error { margin: 0 0 0 3px; color: @form-label-color; } } input[type="text"].tiny, input[type="password"].tiny, input[type="email"].tiny, input[type="url"].tiny, input[type="phone"].tiny, input[type="address"].tiny, textarea.tiny, select.tiny { width: @form-tiny; } input[type="text"].small, input[type="password"].small, input[type="email"].small, input[type="url"].small, input[type="phone"].small, input[type="address"].small, textarea.small, select.small { width: @form-small; } input[type="text"].medium, input[type="password"].medium, input[type="email"].medium, input[type="url"].medium, input[type="phone"].medium, input[type="address"].medium, textarea.medium, select.medium { width: @form-medium; } input[type="text"].large, input[type="password"].large, input[type="email"].large, input[type="url"].large, input[type="phone"].large, input[type="address"].large, textarea.large, select.large { width: @form-large; } input[type="text"].full, input[type="password"].full, input[type="email"].full, input[type="url"].full, input[type="phone"].full, input[type="address"].full, textarea.full, select.full { width: @form-full; } label.checkbox { margin-bottom: @base-margin; } Rebar-0.3.2/less/rebar/grid.less000066400000000000000000000077171302660333200164370ustar00rootroot00000000000000/** * @name Rebar Grid v0.0.1 * @description * - web big 1140 grid * - web 960 grid * - tablet (portrait) * - mobile (portrait) * - mobile (landscape) * - auto-clearing */ .container { width: @container-desktop-max-width; margin: 0px auto; div.row { width: 100%; margin-bottom: @grid-row-margin-bottom; overflow: hidden; .clearfix; } div:first-child { margin-left: 0; } div:last-child { margin-right: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .one-third, .two-thirds, .half, .one-quarter, .three-quarters { float: left; display: inline; margin: 0px 1%; min-height: 1px; word-wrap: break-word; } .one-quarter { width: 23.5%; } .three-quarters { width: 74.5%; } .one-third { width: 32%; } .two-thirds { width: 66%; } .half { width: 49%; } } /* --- LESS mixin to generate multiple size grids --- */ .grid(@grid-container-width, @grid-width, @grid-column-count, @grid-gutter-param) { .container { width: @grid-container-width; .col-1 { width: 4.4%; } .col-2 { width: 10.8%; } .col-3 { width: 17.2%; } .col-4 { width: 23.6%; } .col-5 { width: 30%; } .col-6 { width: 36.4%; } .col-7 { width: 42.8%; } .col-8 { width: 49.0%; } .col-9 { width: 55.2%; } .col-10 { width: 61.6%; } .col-11 { width: 68%; } .col-12 { width: 74.4%; } .col-13 { width: 80.8%; } .col-14 { width: 87.2%; } .col-15 { width: 93.6%; } .col-16 { width: 100%; } .col-offset-1 { padding-left: 4.4%; } .col-offset-2 { padding-left: 10.8%; } .col-offset-3 { padding-left: 17.2%; } .col-offset-4 { padding-left: 23.6%; } .col-offset-5 { padding-left: 30%; } .col-offset-6 { padding-left: 36.4%; } .col-offset-7 { padding-left: 42.8%; } .col-offset-8 { padding-left: 49%; } .col-offset-9 { padding-left: 55.2%; } .col-offset-10 { padding-left: 61.6%; } .col-offset-11 { padding-left: 68%; } .col-offset-12 { padding-left: 74.4%; } .col-offset-13 { padding-left: 80.8%; } .col-offset-14 { padding-left: 87.2%; } .col-offset-15 { padding-left: 93.6%; } } } /* ---- Web, max grid ---- */ @media only screen and (min-width: 1140px) { .grid(@container-desktop-max-width, @container-desktop-max-width, @grid-column-count, @grid-gutter); } /* ---- Web, 960 grid ---- */ @media only screen and (min-width: 960px) and (max-width: 1139px) { .grid(@container-desktop-width, @container-desktop-width, @grid-column-count, @grid-gutter); } /* ---- Tablet (portrait) design for a width of 768px ---- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .grid(@container-tablet-width, @container-tablet-width, @grid-column-count, @grid-gutter); } /* ---- Mobile (landscape) design for a width of 480px ---- */ @media only screen and (max-width: 767px) { .container { width: @container-mobile-width; div.row { margin-bottom: 0px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .one-quarter, .three-quarters, .one-third, .two-thirds, .half { margin: 0px 0px @grid-row-margin-bottom 0px; width: @container-mobile-width; } .col-offset-1, .col-offset-2, .col-offset-3, .col-offset-4, .col-offset-5, .col-offset-6, .col-offset-7, .col-offset-8, .col-offset-9, .col-offset-10, .col-offset-11, .col-offset-12, .col-offset-13, .col-offset-14, .col-offset-15 { margin: 0px 0px @grid-row-margin-bottom 0px; } } } Rebar-0.3.2/less/rebar/images.less000066400000000000000000000002571302660333200167470ustar00rootroot00000000000000/* #Images ================================================== */ img { max-width: 100%; height: auto; } img.scale-with-grid { max-width: 100%; height: auto; } Rebar-0.3.2/less/rebar/links.less000066400000000000000000000005261302660333200166210ustar00rootroot00000000000000/* #Links ================================================== */ a, a:visited { font-size: @link-font-size; color: @link-color; font-weight: @link-font-wieght; text-decoration: @link-decoration; outline: 0; } a:hover, a:focus { color: @link-color-hover; text-decoration: @link-decoration-hover; } p a, p a:visited { line-height: inherit; }Rebar-0.3.2/less/rebar/lists.less000066400000000000000000000030331302660333200166330ustar00rootroot00000000000000/* #Lists ================================================== */ ul, ol { margin: @list-margin; padding: @list-padding; } ul { list-style: @list-unordered-type; } ol { list-style: @list-ordered-type; } ul ul, ul ol, ol ol, ol ul { margin: @list-margin; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: @list-item-margin; line-height: @list-line-height; } li { margin-bottom: @list-item-margin; line-height: @list-line-height; } /* Lists - Square, Circle, Disc, None */ ul.square, ul.circle, ul.disc, ul.none, ol.square, ol.circle, ol.disc, ol.none { margin: @list-margin; } ul.square, ol.square { list-style: square outside; } ul.circle, ol.square { list-style: circle outside; } ul.disc, ol.disc { list-style: disc outside; } ul.none, ol.none { list-style: none outside; } /* Lists - Large & Small */ ul li p, ul.large li, ol.large li { font-size: @list-font-size * 1.5; line-height: @list-line-height * 1.5; } ul li p, ul.small li, ol.small li { font-size: @list-font-size * .80; line-height: @list-line-height * .80; } /* Lists - Horizontal */ ul.horizontal, ol.horizontal { list-style: none inside; margin: 0px; } ul.horizontal li, ol.horizontal li { display: inline-block; margin: @list-item-horizontal-margin; } ul.horizontal li:first-child, ol.horizontal li:first-child { margin-left: 0px; } ul.horizontal li:last-child, ol.horizontal li:last-child { margin-right: 0px; } Rebar-0.3.2/less/rebar/messages.less000066400000000000000000000024071302660333200173100ustar00rootroot00000000000000/* Messages - error, warning, debug, info, success */ #messages div { margin: 0px; padding: @messages-padding; list-style: none; font-family: @messages-font-family; color: @messages-color; border-bottom: @messages-border-bottom; background-color: @messages-background; .clearfix(); } #messages span.message-text { width: 90%; padding-top: 3px; display: block; float: left; text-align: left; font-size: @messages-font-size; line-height: @messages-line-height; } #messages abbr.message-close { cursor: pointer; float: right; display: block; background: @white; color: @text-color; padding: 2px 10px; font-size: 12px; font-weight: bold; border-radius: 4px; } #messages abbr.message-close:hover { background: @gray; } #messages .error { background-color: @messages-error-background; color: @messages-error-color; } #messages .warning { background-color: @messages-warning-background; color: @messages-warning-color; } #messages .debug { background-color: @messages-debug-background; color: @messages-debug-color; } #messages .info { background-color: @messages-info-background; color: @messages-info-color; } #messages .success { background-color: @messages-success-background; color: @messages-success-color; } Rebar-0.3.2/less/rebar/navigation.less000066400000000000000000000006751302660333200176450ustar00rootroot00000000000000/* Navigation */ #navigation { background: @navigation-background; z-index: 10; color: @navigation-text; } #navigation a { color: @navigation-text; text-decoration: none; } #navigation a:hover { color: @navigation-text-hover; } #navigation span.name_ome { color: #818181; } #navigation_logo { display: none; } /* Navigation Sub */ .navigation-sub { background: @navigation-sub-background; border-radius: 10px; }Rebar-0.3.2/less/rebar/rectangles.less000066400000000000000000000114151302660333200176270ustar00rootroot00000000000000/** * @name Rebar Rectangles * @description * - web max 1140 * - web 960 * - tablet * - mobile */ .rectangles-outer { position: relative; float: left; display: block; } .rectangles-inner h1, .rectangles-inner h2, .rectangles-inner h3, .rectangles-inner h4 { font-size: @rectangles-header-font-size; margin-bottom: @rectangles-padding; } .rectangles-inner p { font-size: @rectangles-paragraph-font-size; } .rectangles-inner p a { font-size: @rectangles-paragraph-font-size; color: @rectangles-link-color; } .rectangles-inner a.bottom { position: absolute; bottom: @rectangles-padding; } .rectangles-inner a.bottom.right { right: @rectangles-padding; } /* --- LESS mixin to generate multiple sizes --- */ .rectangles(@blocks, @width, @margin-right, @margin-bottom) { .rectangles-outer { width: @width; height: @rectangles-height; margin-right: @margin-right; margin-bottom: @margin-bottom; } @nth1: @blocks + 1; @nth2: (@blocks * 2) + 1; @nth3: (@blocks * 3) + 1; @nth4: (@blocks * 4) + 1; @nth5: (@blocks * 5) + 1; @nth6: (@blocks * 6) + 1; @nth7: (@blocks * 7) + 1; @nth8: (@blocks * 8) + 1; @nth9: (@blocks * 9) + 1; @nth10: (@blocks * 10) + 1; @nth11: (@blocks * 11) + 1; @nth12: (@blocks * 12) + 1; @nth13: (@blocks * 13) + 1; @nth14: (@blocks * 14) + 1; @nth15: (@blocks * 15) + 1; @nth16: (@blocks * 16) + 1; @nth17: (@blocks * 17) + 1; @nth18: (@blocks * 18) + 1; @nth19: (@blocks * 19) + 1; @nth20: (@blocks * 20) + 1; @nth21: (@blocks * 21) + 1; @nth22: (@blocks * 22) + 1; @nth23: (@blocks * 23) + 1; @nth24: (@blocks * 24) + 1; @nth25: (@blocks * 25) + 1; @nth26: (@blocks * 26) + 1; @nth27: (@blocks * 27) + 1; @nth28: (@blocks * 28) + 1; @nth29: (@blocks * 29) + 1; @nth30: (@blocks * 30) + 1; @nth31: (@blocks * 31) + 1; @nth32: (@blocks * 32) + 1; @nth33: (@blocks * 33) + 1; @nth34: (@blocks * 34) + 1; @nth35: (@blocks * 35) + 1; @nth36: (@blocks * 36) + 1; @nth37: (@blocks * 37) + 1; @nth38: (@blocks * 38) + 1; @nth39: (@blocks * 39) + 1; @nth40: (@blocks * 40) + 1; .rectangles-outer:nth-child(@{nth1}), .rectangles-outer:nth-child(@{nth2}), .rectangles-outer:nth-child(@{nth3}), .rectangles-outer:nth-child(@{nth4}), .rectangles-outer:nth-child(@{nth5}), .rectangles-outer:nth-child(@{nth6}), .rectangles-outer:nth-child(@{nth7}), .rectangles-outer:nth-child(@{nth8}), .rectangles-outer:nth-child(@{nth9}), .rectangles-outer:nth-child(@{nth10}), .rectangles-outer:nth-child(@{nth11}), .rectangles-outer:nth-child(@{nth12}), .rectangles-outer:nth-child(@{nth13}), .rectangles-outer:nth-child(@{nth14}), .rectangles-outer:nth-child(@{nth15}), .rectangles-outer:nth-child(@{nth16}), .rectangles-outer:nth-child(@{nth17}), .rectangles-outer:nth-child(@{nth18}), .rectangles-outer:nth-child(@{nth19}), .rectangles-outer:nth-child(@{nth20}), .rectangles-outer:nth-child(@{nth21}), .rectangles-outer:nth-child(@{nth22}), .rectangles-outer:nth-child(@{nth23}), .rectangles-outer:nth-child(@{nth24}), .rectangles-outer:nth-child(@{nth25}), .rectangles-outer:nth-child(@{nth26}), .rectangles-outer:nth-child(@{nth27}), .rectangles-outer:nth-child(@{nth28}), .rectangles-outer:nth-child(@{nth29}), .rectangles-outer:nth-child(@{nth30}), .rectangles-outer:nth-child(@{nth31}), .rectangles-outer:nth-child(@{nth32}), .rectangles-outer:nth-child(@{nth33}), .rectangles-outer:nth-child(@{nth34}), .rectangles-outer:nth-child(@{nth35}), .rectangles-outer:nth-child(@{nth36}), .rectangles-outer:nth-child(@{nth37}), .rectangles-outer:nth-child(@{nth38}), .rectangles-outer:nth-child(@{nth39}), .rectangles-outer:nth-child(@{nth40}) { margin-right: 0px; } .rectangles-inner { position: absolute; left: 1px; top: 1px; bottom: 1px; right: 1px; padding: @rectangles-padding; overflow: hidden; } } /* Five Column, 1140 web max */ @media only screen and (min-width: 1140px) { .container { .rectangles(5, 19.1%, 1.1%, 1.2%); } } /* Four Column, 960 web */ @media only screen and (min-width: 960px) and (max-width: 1139px) { .container { .rectangles(4, 23.1%, 2.25%, 2%); } } /* Three Column, tablet landscape */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { .rectangles(3, 31.25%, 2.75%, 2.25%); } } /* Two Column, mobile portrait & landscape */ @media only screen and (max-width: 767px) { .container { .rectangles(2, 48.5%, 3%, 3%); } } /* Two Column, mobile portrait */ @media only screen and (max-width: 480px) { .container { .rectangles(1, 100%, 4%, 2%); } }Rebar-0.3.2/less/rebar/separators.less000066400000000000000000000011251302660333200176600ustar00rootroot00000000000000/* Separators ================================================== */ hr { border: @hr-border-type @hr-border-color; border-width: @hr-border-width 0 0; clear: both; margin: @hr-border-margin; height: 0; } hr.medium { border: none; height: @hr-border-width * 2; margin: @hr-border-margin; background: @hr-border-color; } hr.large { border: none; height: @hr-border-width * 4; margin: @hr-border-margin; background: @hr-border-color; } hr.giant { border: none; height: @hr-border-width * 8; margin: @hr-border-margin; background: @hr-border-color; }Rebar-0.3.2/less/rebar/shapes.less000066400000000000000000000017141302660333200167640ustar00rootroot00000000000000/* Shapes */ .circle(@size:100px, @color:red) { width: @size; height: @size; background: @color; -moz-border-radius: @size/2; -webkit-border-radius: @size/2; border-radius: @size/2; } .triangle-up(@size:100px, @color:red) { width: 0; height: 0; border-left: @size/2 solid transparent; border-right: @size/2 solid transparent; border-bottom: @size solid @color; } .triangle-down(@size:100px, @color:red) { width: 0; height: 0; border-left: @size/2 solid transparent; border-right: @size/2 solid transparent; border-top: @size solid @color; } .triangle-left(@size:100px, @color:red) { width: 0; height: 0; border-top: @size/2 solid transparent; border-right: @size solid @color; border-bottom: @size/2 solid transparent; } .triangle-right(@size:100px, @color:red) { width: 0; height: 0; border-top: @size/2 solid transparent; border-left: @size solid @color; border-bottom: @size/2 solid transparent; } Rebar-0.3.2/less/rebar/tables.less000066400000000000000000000056401302660333200167550ustar00rootroot00000000000000/* #Tables ================================================== */ table { background-color: @table-background-color; border-right: @table-border; border-left: @table-border; border-bottom: @table-border; } table th, table td, table tfoot { border-top: @table-border; } table td { padding: @table-padding; font-size: @table-font-size; line-height: @table-line-height; } table th { padding: @table-th-padding; background-color: @table-th-background-color; text-align: left; font-style: @table-th-font-style; font-size: @table-th-font-size; } table tr.foot td { padding: @table-th-padding; background-color: @table-th-background-color; font-style: @table-th-font-style; font-size: @table-th-font-size; } /* Table - Full */ table.full { width: 100%; } table.full td, table.full th { padding: @table-padding; } /* Table - Rounded */ table.rounded { border-radius: @table-border-radius; } table.rounded td:first-child, table.rounded th:first-child { border-left: none; } table.rounded th:first-child { border-radius: @table-border-radius 0 0 0; } table.rounded th:last-child { border-radius: 0 @table-border-radius 0 0; } table.rounded th:only-child { border-radius: @table-border-radius @table-border-radius 0 0; } table.rounded tr:last-child td:first-child { border-radius: 0 0 0 @table-border-radius; } table.rounded tr:last-child td:last-child { border-radius: 0 0 @table-border-radius 0; } table.rounded tr:last-child td:only-child { border-radius: 0 0 @table-border-radius @table-border-radius; } /* Table - Zebra Striping */ table.zebra { border-right: @table-border; border-left: @table-border; } table.zebra td, table.zebra th { padding: @table-padding; } table.zebra tr:nth-child(odd) { background-color: @table-zebra-odd-background-color; } table.zebra tbody tr:nth-child(even) { background-color: @table-zebra-even-background-color; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; } table.zebra th { text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #eee; background-image: linear-gradient(top, #f5f5f5, #eee); } table.zebra th:first-child { border-radius: 6px 0 0 0; } table.zebra th:last-child { border-radius: 0 6px 0 0; } table.zebra th:only-child { border-radius: 6px 6px 0 0; } table.zebra tfoot td { border-bottom: 0; border-top: 1px solid #fff; background-color: #f1f1f1; } table.zebra tfoot td:first-child { border-radius: 0 0 0 6px; } table.zebra tfoot td:last-child { border-radius: 0 0 6px 0; } table.zebra tfoot td:only-child { border-radius: 0 0 6px 6px; } /* Table - Rouded & Zebra */ table tr:hover, table.rounded tr:hover, table.zebra tr:hover { background: @table-hover-background-color; transition: all 0.1s ease-in-out; } Rebar-0.3.2/less/rebar/typography.less000066400000000000000000000056441302660333200177150ustar00rootroot00000000000000/* #Typography ================================================== */ /* Headings */ h1, h2, h3, h4, h5, h6 { color: @headings-color; font-family: @headings-font-family; font-weight: @headings-font-weight; letter-spacing: @headings-letter-spacing; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: @headings-size-h1; line-height: (@headings-size-h1 * @headings-line-height); margin-bottom: @headings-margin-bottom; } h2 { font-size: @headings-size-h2; line-height: (@headings-size-h2 * @headings-line-height); margin-bottom: @headings-margin-bottom; } h3 { font-size: @headings-size-h3; line-height: (@headings-size-h3 * @headings-line-height); margin-bottom: @headings-margin-bottom; } h4 { font-size: @headings-size-h4; line-height: (@headings-size-h4 * @headings-line-height); margin-bottom: @headings-margin-bottom; } h5 { font-size: @headings-size-h5; line-height: (@headings-size-h5 * @headings-line-height); margin-bottom: @headings-margin-bottom; } h6 { font-size: @headings-size-h6; line-height: (@headings-size-h6 * @headings-line-height); margin-bottom: @headings-margin-bottom; } .subheader { color: #777; } /* Non Headings */ p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } i, em { font-style: @em-font-style; } b, strong { font-family: @strong-font-family; font-weight: @strong-font-weight; color: @strong-color; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: @blockquote-font-size; line-height: @blockquote-line-height; color: @blockquote-color; font-style: @blockquote-font-style; margin: 0 0 10px 0; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 4px solid #c9c9c9; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } /* Pre & Code */ pre { word-wrap: normal; display: block; padding: @pre-padding; } pre, .pre { margin-bottom: @pre-margin-bottom; background: @pre-background; color: @pre-color; border: @pre-border; border-radius: @pre-border-radius; font-family: @pre-font-family; font-size: @pre-font-size; font-weight: @pre-font-weight; } code { display: inline; border: @pre-border; border-radius: @pre-border-radius; background: @pre-background; padding: @code-padding; font-family: @code-font-family; font-size: 70%; font-weight: @code-font-weight; } pre code { border: 0px; font-size: 100%; } /* Special Classes */ .text-detail { color: @gray; } a.link-detail, a.link-detail:visited { color: @gray; font-weight: normal !important; } a.link-detail:hover { color: @grayDark; } a.disabled { pointer-events: none; cursor: default; } Rebar-0.3.2/less/rebar/validation.less000066400000000000000000000016141302660333200176320ustar00rootroot00000000000000/* Validation */ .validation-message { font-style: @validation-font-style; } /* Success */ span.validation-success, label.validation-success { color: @validation-success-color; } input.validation-success, textarea.validation-success, select.validation-success { border: @validation-border @validation-success-color !important; } /* Warning */ span.validation-warning, label.validation-warning { color: @validation-warning-color; } input.validation-warning, textarea.validation-warning, select.validation-warning { border: @validation-border @validation-warning-color !important; } /* Error */ span.validation-error, label.validation-error { color: @validation-error-color; } input.validation-error, textarea.validation-error, select.validation-error { border: @validation-border @validation-error-color !important; } Rebar-0.3.2/package.json000066400000000000000000000015111302660333200150310ustar00rootroot00000000000000{ "name": "Rebar", "version": "0.2.0", "author": "Brennan Novak ", "contributors":[ { "name": "Edward Hotchkiss", "github": "http://github.com/edwardhotchkiss/" } ], "description": "A lightweight HTML5 / CSS3 framework for making responsive websites, built using the LESS preprocessor", "homepage": "https://github.com/brennannovak/Rebar/", "bugs": { "url": "https://github.com/brennannovak/Rebar/issues" }, "repository":{ "type":"git", "url":"git://github.com/brennannovak/Rebar.git" }, "engines":{ "node":">= 0.10.0" }, "dependencies": { "grunt": "0.4.1", "grunt-contrib-less": "0.5.0", "grunt-contrib-cssmin": "0.4.1", "grunt-contrib-watch": "0.2.0" }, "licenses":[{ "type":"MIT", "url":"https://github.com/brennannovak/Rebar/LICENSE" }] }