Mercurial > sat_docs
view printable_cards/xhtml/cmc/specimen_files/grid_12-825-55-15.css @ 138:274af514a5cf
flatpak: reworked packages + made a building script:
a new `build_manifest.py` script can now be used to generate flatpak manifests for every frontend of SàT.
The manifest can be used both for development versions and stable ones.
Templates files (in the form `_tmp_<app-id>.json`) are used to set building instructions.
A common runtime specific to SàT has been abandoned following a discussion on the official mailing list.
A small wrapper is now used to launch backend automatically if it's not found.
Desktop and app metadata have been added for Cagou.
Jp and Primitivus don't have appdata and desktop files yet.
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 22 Jun 2019 15:59:07 +0200 |
parents | dfc5c6be7761 |
children |
line wrap: on
line source
/*Notes about grid: Columns: 12 Grid Width: 825px Column Width: 55px Gutter Width: 15px -------------------------------*/ .section {margin-bottom: 18px; } .section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .section {*zoom: 1;} .section .firstcolumn, .section .firstcol {margin-left: 0;} /* Border on left hand side of a column. */ .border { padding-left: 7px; margin-left: 7px; border-left: 1px solid #eee; } /* Border with more whitespace, spans one column. */ .colborder { padding-left: 42px; margin-left: 42px; border-left: 1px solid #eee; } /* The Grid Classes */ .grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 {margin-left: 15px;float: left;display: inline; overflow: hidden;} .width1, .grid1, .span-1 {width: 55px;} .width1_2cols,.grid1_2cols {width: 20px;} .width1_3cols,.grid1_3cols {width: 8px;} .width1_4cols,.grid1_4cols {width: 2px;} .input_width1 {width: 49px;} .width2, .grid2, .span-2 {width: 125px;} .width2_3cols,.grid2_3cols {width: 31px;} .width2_4cols,.grid2_4cols {width: 20px;} .input_width2 {width: 119px;} .width3, .grid3, .span-3 {width: 195px;} .width3_2cols,.grid3_2cols {width: 90px;} .width3_4cols,.grid3_4cols {width: 37px;} .input_width3 {width: 189px;} .width4, .grid4, .span-4 {width: 265px;} .width4_3cols,.grid4_3cols {width: 78px;} .input_width4 {width: 259px;} .width5, .grid5, .span-5 {width: 335px;} .width5_2cols,.grid5_2cols {width: 160px;} .width5_3cols,.grid5_3cols {width: 101px;} .width5_4cols,.grid5_4cols {width: 72px;} .input_width5 {width: 329px;} .width6, .grid6, .span-6 {width: 405px;} .width6_4cols,.grid6_4cols {width: 90px;} .input_width6 {width: 399px;} .width7, .grid7, .span-7 {width: 475px;} .width7_2cols,.grid7_2cols {width: 230px;} .width7_3cols,.grid7_3cols {width: 148px;} .width7_4cols,.grid7_4cols {width: 107px;} .input_width7 {width: 469px;} .width8, .grid8, .span-8 {width: 545px;} .width8_3cols,.grid8_3cols {width: 171px;} .input_width8 {width: 539px;} .width9, .grid9, .span-9 {width: 615px;} .width9_2cols,.grid9_2cols {width: 300px;} .width9_4cols,.grid9_4cols {width: 142px;} .input_width9 {width: 609px;} .width10, .grid10, .span-10 {width: 685px;} .width10_3cols,.grid10_3cols {width: 218px;} .width10_4cols,.grid10_4cols {width: 160px;} .input_width10 {width: 679px;} .width11, .grid11, .span-11 {width: 755px;} .width11_2cols,.grid11_2cols {width: 370px;} .width11_3cols,.grid11_3cols {width: 241px;} .width11_4cols,.grid11_4cols {width: 177px;} .input_width11 {width: 749px;} .width12, .grid12, .span-12 {width: 825px;} .input_width12 {width: 819px;} /* Subdivided grid spaces */ .emptycols_left1, .prepend-1 {padding-left: 70px;} .emptycols_right1, .append-1 {padding-right: 70px;} .emptycols_left2, .prepend-2 {padding-left: 140px;} .emptycols_right2, .append-2 {padding-right: 140px;} .emptycols_left3, .prepend-3 {padding-left: 210px;} .emptycols_right3, .append-3 {padding-right: 210px;} .emptycols_left4, .prepend-4 {padding-left: 280px;} .emptycols_right4, .append-4 {padding-right: 280px;} .emptycols_left5, .prepend-5 {padding-left: 350px;} .emptycols_right5, .append-5 {padding-right: 350px;} .emptycols_left6, .prepend-6 {padding-left: 420px;} .emptycols_right6, .append-6 {padding-right: 420px;} .emptycols_left7, .prepend-7 {padding-left: 490px;} .emptycols_right7, .append-7 {padding-right: 490px;} .emptycols_left8, .prepend-8 {padding-left: 560px;} .emptycols_right8, .append-8 {padding-right: 560px;} .emptycols_left9, .prepend-9 {padding-left: 630px;} .emptycols_right9, .append-9 {padding-right: 630px;} .emptycols_left10, .prepend-10 {padding-left: 700px;} .emptycols_right10, .append-10 {padding-right: 700px;} .emptycols_left11, .prepend-11 {padding-left: 770px;} .emptycols_right11, .append-11 {padding-right: 770px;} .pull-1 {margin-left: -70px;} .push-1 {margin-right: -70px;margin-left: 18px;float: right;} .pull-2 {margin-left: -140px;} .push-2 {margin-right: -140px;margin-left: 18px;float: right;} .pull-3 {margin-left: -210px;} .push-3 {margin-right: -210px;margin-left: 18px;float: right;} .pull-4 {margin-left: -280px;} .push-4 {margin-right: -280px;margin-left: 18px;float: right;}