protozaur 0.1.0 → 1.1.0

data/gulp/gulp_tasks/livereload.coffee

@@ -0,0 +1,10 @@
+tools  = require './tools.coffee'
+
+gulp   = tools.gulp
+params = tools.params
+
+livereload = tools.livereload
+
+gulp.task 'autoreload', ->
+  # http://localhost:3030/livereload.js
+  livereload.listen( params.livereload.port )

data/gulp/gulp_tasks/log.coffee

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = -> console.log.apply(console, arguments)

data/gulp/gulp_tasks/sass.coffee

@@ -0,0 +1,108 @@
+tools = require './tools.coffee'
+
+fs  = tools.fs
+log = tools.log
+
+gulp  = tools.gulp
+gutil = tools.gutil
+
+params = tools.params
+
+batch    = tools.batch
+plumber  = tools.plumber
+chokidar = tools.chokidar
+
+sass   = tools.sass
+minCSS = tools.minCSS
+
+postcss         = tools.postcss
+autoprefixer    = tools.autoprefixer
+
+livereload = tools.livereload
+
+# Main Task
+gulp.task 'compileSass', ->
+  sass_files = params.sass.src + params.sass.mask_sass
+
+  gulp.src(sass_files)
+    .pipe plumber()
+    .pipe sass( outputStyle: 'expanded', indentedSyntax: true, errLogToConsole: true )
+    .pipe postcss [
+      autoprefixer( browsers: ['last 3 version'] )
+    ]
+    # .pipe minCSS( keepBreaks: true )
+    .pipe gulp.dest(params.sass.dest)
+    .pipe livereload()
+    .on 'error', gutil.log
+
+gulp.task 'compileScss', ->
+  scss_files = params.sass.src + params.sass.mask_scss
+
+  gulp.src(scss_files)
+    .pipe plumber()
+    .pipe sass( outputStyle: 'expanded', errLogToConsole: true )
+    .pipe postcss [
+      autoprefixer( browsers: ['last 3 version'] )
+    ]
+    # .pipe minCSS( keepBreaks: true )
+    .pipe gulp.dest(params.sass.dest)
+    .pipe livereload()
+    .on 'error', gutil.log
+
+# Watcher
+gulp.task 'watchSassScss', ->
+  sass_files = params.sass.src + params.sass.mask_sass
+  scss_files = params.sass.src + params.sass.mask_scss
+
+  chokidar.watch([ params.sass.src, sass_files, scss_files ])
+    .on 'ready', ->
+      log 'compileSass::ready'
+
+      gulp.start('compileSass')
+      gulp.start('compileScss')
+
+    .on 'add', batch { timeout: 100 }, (events, cb) ->
+      log 'compileSass::add'
+
+      gulp.start('compileSass')
+      gulp.start('compileScss')
+
+      events.on('data', log).on('end', cb)
+
+    .on 'change', batch { timeout: 100 }, (events, cb) ->
+      gulp.start('compileSass')
+      gulp.start('compileScss')
+
+      events.on('data', log).on('end', cb)
+
+    .on 'unlink', batch { timeout: 100 }, (events, cb) ->
+      log 'compileSass::unlink'
+
+      events
+        .on('data', (filepath) ->
+          filename = filepath.split(params.sass.src)[1]
+          filename = filename.replace(/sass$/g, 'css')
+          filename = filename.replace(/scss$/g, 'css')
+          filepath = params.sass.dest + filename
+
+          fs.unlink filepath, (err) -> log "Deleted (File) `#{ filepath }`"
+        )
+        .on('end', cb)
+
+    .on 'addDir', batch { timeout: 100 }, (events, cb) ->
+      log 'compileSass::linkDirs'
+
+      gulp.start('compileSass')
+      gulp.start('compileScss')
+
+      events.on('data', log).on('end', cb)
+
+    .on 'unlinkDir', batch { timeout: 100 }, (events, cb) ->
+      log 'compileSass::unlinkDirs'
+
+      events.on('data', (dirpath) ->
+        dirpath = dirpath.split(params.sass.src)[1]
+        dirpath = params.sass.dest + dirpath
+
+        fs.rmdir dirpath, (err) -> log "Deleted (Directory) `#{ dirpath }`"
+      ).on('end', cb)

data/gulp/gulp_tasks/tools.coffee

@@ -0,0 +1,34 @@
+'use strict'
+
+module.exports =
+  # App params
+  params: require './_params'
+
+  # `console.log` shortcut
+  log: require './log.coffee'
+
+  # Events debounce
+  batch: require 'gulp-batch'
+  # Watcher => events: ready add change unlink addDir unlinkDir raw error
+  chokidar: require 'chokidar'
+  # Gulp - don't panic!
+  plumber: require 'gulp-plumber'
+  # Page autoreload
+  livereload: require 'gulp-livereload'
+
+  # Base
+  fs:    require 'fs'
+  path:  require 'path'
+  gulp:  require 'gulp'
+  gutil: require 'gulp-util'
+
+  # Common
+  concat: require 'gulp-concat' # files
+
+  # SCSS/CSS
+  sass:         require 'gulp-sass'
+  minCSS:       require 'gulp-minify-css'
+
+  # https://github.com/ai
+  postcss:         require 'gulp-postcss'
+  autoprefixer:    require 'autoprefixer-core'

data/gulp/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "GulpHTMLBuilder",
+  "version": "1.0.0",
+  "description": "HTML builder",
+  "main": "Gulpfile.js",
+  "repository": "https://github.com/the-teacher",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "https://github.com/the-teacher ; Ilya N. Zykin <zykin-ilya@ya.ru>",
+  "license": "MIT",
+  "dependencies": {
+    "autoprefixer-core": "^5.1.7",
+    "chokidar": "^1.0.0-rc4",
+    "gulp": "^3.8.11",
+    "gulp-batch": "^1.0.5",
+    "gulp-concat": "^2.5.2",
+    "gulp-minify-css": "^1.0.0",
+    "gulp-plumber": "^1.0.0",
+    "gulp-postcss": "^4.0.3",
+    "gulp-sass": "^2.0.0",
+    "gulp-util": "^3.0.4",
+    "gulp-coffee": "^2.3.1",
+    "gulp-livereload": "^3.8.0"
+  }
+}

data/lib/protozaur/version.rb

@@ -1,3 +1,3 @@
 module Protozaur
-  VERSION = "0.1.0"
+  VERSION = "1.1.0"
 end

data/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "protozaur",
+  "version": "1.0.0",
+  "description": "Protozaur is semantic, mnemonic, declarative CSS framework, created to avoid wasting time and increase productivity",
+  "main": "index.js",
+  "directories": {
+    "doc": "docs"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/the-teacher/protozaur.git"
+  },
+  "keywords": [
+    "Protozaur",
+    "CSS",
+    "Framework"
+  ],
+  "author": "Ilya N. Zykin <zykin-ilya@ya.ru>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/the-teacher/protozaur/issues"
+  },
+  "homepage": "https://github.com/the-teacher/protozaur#readme"
+}

data/ptz/base.css.css

@@ -0,0 +1,120 @@
+a {
+  color: #012d85;
+  transition: color .2s ease;
+}
+
+a:hover {
+  color: red;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 18px;
+  line-height: 130%;
+  font-weight: normal;
+}
+
+p {
+  margin: 20px 0;
+  color: #292e31;
+  font-size: 16px;
+  line-height: 160%;
+}
+
+hr {
+  border-top: 1px solid #eee;
+  margin: 20px 0;
+}
+
+sup, sub {
+  font-size: 85%;
+  zoom: 1;
+}
+
+sup {
+  vertical-align: 40%;
+}
+
+sub {
+  vertical-align: -40%;
+}
+
+.ol, .ul {
+  margin-left: 20px;
+  margin-bottom: 20px;
+}
+
+.ol li, .ul li {
+  list-style-position: outside;
+  margin-left: 15px;
+  padding-left: 5px;
+  line-height: 135%;
+}
+
+.ol li {
+  list-style-type: decimal;
+}
+
+.ul li {
+  list-style-type: disc;
+}
+
+.hidden {
+  display: none !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+  height: 0 !important;
+}
+
+.visible {
+  visibility: visible !important;
+  height: auto;
+}
+
+.ob, .ofh {
+  overflow: hidden !important;
+  zoom: 1;
+}
+
+.pull-left {
+  float: left;
+}
+
+.pull-right {
+  float: right;
+}
+
+.clearfix:after {
+  content: ".";
+  display: block;
+  line-height: 0;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+html[xmlns] .clearfix {
+  display: block;
+}
+
+* html .clearfix {
+  zoom: 1;
+}
+
+.text-select-off {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+
+noscript {
+  background: red;
+  padding: 5px;
+  color: white;
+  font-size: 20px;
+}

data/ptz/framework.css.css

@@ -0,0 +1,2188 @@
+.ma {
+  margin: auto;
+}
+
+.p0 {
+  padding: 0px !important;
+}
+
+.m0 {
+  margin: 0px !important;
+}
+
+.pt0 {
+  padding-top: 0px !important;
+}
+
+.pr0 {
+  padding-right: 0px !important;
+}
+
+.pb0 {
+  padding-bottom: 0px !important;
+}
+
+.pl0 {
+  padding-left: 0px !important;
+}
+
+.mt0 {
+  margin-top: 0px !important;
+}
+
+.mr0 {
+  margin-right: 0px !important;
+}
+
+.mb0 {
+  margin-bottom: 0px !important;
+}
+
+.ml0 {
+  margin-left: 0px !important;
+}
+
+.p5 {
+  padding: 5px !important;
+}
+
+.m5 {
+  margin: 5px !important;
+}
+
+.pt5 {
+  padding-top: 5px !important;
+}
+
+.pr5 {
+  padding-right: 5px !important;
+}
+
+.pb5 {
+  padding-bottom: 5px !important;
+}
+
+.pl5 {
+  padding-left: 5px !important;
+}
+
+.mt5 {
+  margin-top: 5px !important;
+}
+
+.mr5 {
+  margin-right: 5px !important;
+}
+
+.mb5 {
+  margin-bottom: 5px !important;
+}
+
+.ml5 {
+  margin-left: 5px !important;
+}
+
+.p10 {
+  padding: 10px !important;
+}
+
+.m10 {
+  margin: 10px !important;
+}
+
+.pt10 {
+  padding-top: 10px !important;
+}
+
+.pr10 {
+  padding-right: 10px !important;
+}
+
+.pb10 {
+  padding-bottom: 10px !important;
+}
+
+.pl10 {
+  padding-left: 10px !important;
+}
+
+.mt10 {
+  margin-top: 10px !important;
+}
+
+.mr10 {
+  margin-right: 10px !important;
+}
+
+.mb10 {
+  margin-bottom: 10px !important;
+}
+
+.ml10 {
+  margin-left: 10px !important;
+}
+
+.p15 {
+  padding: 15px !important;
+}
+
+.m15 {
+  margin: 15px !important;
+}
+
+.pt15 {
+  padding-top: 15px !important;
+}
+
+.pr15 {
+  padding-right: 15px !important;
+}
+
+.pb15 {
+  padding-bottom: 15px !important;
+}
+
+.pl15 {
+  padding-left: 15px !important;
+}
+
+.mt15 {
+  margin-top: 15px !important;
+}
+
+.mr15 {
+  margin-right: 15px !important;
+}
+
+.mb15 {
+  margin-bottom: 15px !important;
+}
+
+.ml15 {
+  margin-left: 15px !important;
+}
+
+.p20 {
+  padding: 20px !important;
+}
+
+.m20 {
+  margin: 20px !important;
+}
+
+.pt20 {
+  padding-top: 20px !important;
+}
+
+.pr20 {
+  padding-right: 20px !important;
+}
+
+.pb20 {
+  padding-bottom: 20px !important;
+}
+
+.pl20 {
+  padding-left: 20px !important;
+}
+
+.mt20 {
+  margin-top: 20px !important;
+}
+
+.mr20 {
+  margin-right: 20px !important;
+}
+
+.mb20 {
+  margin-bottom: 20px !important;
+}
+
+.ml20 {
+  margin-left: 20px !important;
+}
+
+.p25 {
+  padding: 25px !important;
+}
+
+.m25 {
+  margin: 25px !important;
+}
+
+.pt25 {
+  padding-top: 25px !important;
+}
+
+.pr25 {
+  padding-right: 25px !important;
+}
+
+.pb25 {
+  padding-bottom: 25px !important;
+}
+
+.pl25 {
+  padding-left: 25px !important;
+}
+
+.mt25 {
+  margin-top: 25px !important;
+}
+
+.mr25 {
+  margin-right: 25px !important;
+}
+
+.mb25 {
+  margin-bottom: 25px !important;
+}
+
+.ml25 {
+  margin-left: 25px !important;
+}
+
+.p30 {
+  padding: 30px !important;
+}
+
+.m30 {
+  margin: 30px !important;
+}
+
+.pt30 {
+  padding-top: 30px !important;
+}
+
+.pr30 {
+  padding-right: 30px !important;
+}
+
+.pb30 {
+  padding-bottom: 30px !important;
+}
+
+.pl30 {
+  padding-left: 30px !important;
+}
+
+.mt30 {
+  margin-top: 30px !important;
+}
+
+.mr30 {
+  margin-right: 30px !important;
+}
+
+.mb30 {
+  margin-bottom: 30px !important;
+}
+
+.ml30 {
+  margin-left: 30px !important;
+}
+
+.p35 {
+  padding: 35px !important;
+}
+
+.m35 {
+  margin: 35px !important;
+}
+
+.pt35 {
+  padding-top: 35px !important;
+}
+
+.pr35 {
+  padding-right: 35px !important;
+}
+
+.pb35 {
+  padding-bottom: 35px !important;
+}
+
+.pl35 {
+  padding-left: 35px !important;
+}
+
+.mt35 {
+  margin-top: 35px !important;
+}
+
+.mr35 {
+  margin-right: 35px !important;
+}
+
+.mb35 {
+  margin-bottom: 35px !important;
+}
+
+.ml35 {
+  margin-left: 35px !important;
+}
+
+.p40 {
+  padding: 40px !important;
+}
+
+.m40 {
+  margin: 40px !important;
+}
+
+.pt40 {
+  padding-top: 40px !important;
+}
+
+.pr40 {
+  padding-right: 40px !important;
+}
+
+.pb40 {
+  padding-bottom: 40px !important;
+}
+
+.pl40 {
+  padding-left: 40px !important;
+}
+
+.mt40 {
+  margin-top: 40px !important;
+}
+
+.mr40 {
+  margin-right: 40px !important;
+}
+
+.mb40 {
+  margin-bottom: 40px !important;
+}
+
+.ml40 {
+  margin-left: 40px !important;
+}
+
+.p45 {
+  padding: 45px !important;
+}
+
+.m45 {
+  margin: 45px !important;
+}
+
+.pt45 {
+  padding-top: 45px !important;
+}
+
+.pr45 {
+  padding-right: 45px !important;
+}
+
+.pb45 {
+  padding-bottom: 45px !important;
+}
+
+.pl45 {
+  padding-left: 45px !important;
+}
+
+.mt45 {
+  margin-top: 45px !important;
+}
+
+.mr45 {
+  margin-right: 45px !important;
+}
+
+.mb45 {
+  margin-bottom: 45px !important;
+}
+
+.ml45 {
+  margin-left: 45px !important;
+}
+
+.p50 {
+  padding: 50px !important;
+}
+
+.m50 {
+  margin: 50px !important;
+}
+
+.pt50 {
+  padding-top: 50px !important;
+}
+
+.pr50 {
+  padding-right: 50px !important;
+}
+
+.pb50 {
+  padding-bottom: 50px !important;
+}
+
+.pl50 {
+  padding-left: 50px !important;
+}
+
+.mt50 {
+  margin-top: 50px !important;
+}
+
+.mr50 {
+  margin-right: 50px !important;
+}
+
+.mb50 {
+  margin-bottom: 50px !important;
+}
+
+.ml50 {
+  margin-left: 50px !important;
+}
+
+.p55 {
+  padding: 55px !important;
+}
+
+.m55 {
+  margin: 55px !important;
+}
+
+.pt55 {
+  padding-top: 55px !important;
+}
+
+.pr55 {
+  padding-right: 55px !important;
+}
+
+.pb55 {
+  padding-bottom: 55px !important;
+}
+
+.pl55 {
+  padding-left: 55px !important;
+}
+
+.mt55 {
+  margin-top: 55px !important;
+}
+
+.mr55 {
+  margin-right: 55px !important;
+}
+
+.mb55 {
+  margin-bottom: 55px !important;
+}
+
+.ml55 {
+  margin-left: 55px !important;
+}
+
+.p60 {
+  padding: 60px !important;
+}
+
+.m60 {
+  margin: 60px !important;
+}
+
+.pt60 {
+  padding-top: 60px !important;
+}
+
+.pr60 {
+  padding-right: 60px !important;
+}
+
+.pb60 {
+  padding-bottom: 60px !important;
+}
+
+.pl60 {
+  padding-left: 60px !important;
+}
+
+.mt60 {
+  margin-top: 60px !important;
+}
+
+.mr60 {
+  margin-right: 60px !important;
+}
+
+.mb60 {
+  margin-bottom: 60px !important;
+}
+
+.ml60 {
+  margin-left: 60px !important;
+}
+
+.p65 {
+  padding: 65px !important;
+}
+
+.m65 {
+  margin: 65px !important;
+}
+
+.pt65 {
+  padding-top: 65px !important;
+}
+
+.pr65 {
+  padding-right: 65px !important;
+}
+
+.pb65 {
+  padding-bottom: 65px !important;
+}
+
+.pl65 {
+  padding-left: 65px !important;
+}
+
+.mt65 {
+  margin-top: 65px !important;
+}
+
+.mr65 {
+  margin-right: 65px !important;
+}
+
+.mb65 {
+  margin-bottom: 65px !important;
+}
+
+.ml65 {
+  margin-left: 65px !important;
+}
+
+.p70 {
+  padding: 70px !important;
+}
+
+.m70 {
+  margin: 70px !important;
+}
+
+.pt70 {
+  padding-top: 70px !important;
+}
+
+.pr70 {
+  padding-right: 70px !important;
+}
+
+.pb70 {
+  padding-bottom: 70px !important;
+}
+
+.pl70 {
+  padding-left: 70px !important;
+}
+
+.mt70 {
+  margin-top: 70px !important;
+}
+
+.mr70 {
+  margin-right: 70px !important;
+}
+
+.mb70 {
+  margin-bottom: 70px !important;
+}
+
+.ml70 {
+  margin-left: 70px !important;
+}
+
+.p75 {
+  padding: 75px !important;
+}
+
+.m75 {
+  margin: 75px !important;
+}
+
+.pt75 {
+  padding-top: 75px !important;
+}
+
+.pr75 {
+  padding-right: 75px !important;
+}
+
+.pb75 {
+  padding-bottom: 75px !important;
+}
+
+.pl75 {
+  padding-left: 75px !important;
+}
+
+.mt75 {
+  margin-top: 75px !important;
+}
+
+.mr75 {
+  margin-right: 75px !important;
+}
+
+.mb75 {
+  margin-bottom: 75px !important;
+}
+
+.ml75 {
+  margin-left: 75px !important;
+}
+
+.p80 {
+  padding: 80px !important;
+}
+
+.m80 {
+  margin: 80px !important;
+}
+
+.pt80 {
+  padding-top: 80px !important;
+}
+
+.pr80 {
+  padding-right: 80px !important;
+}
+
+.pb80 {
+  padding-bottom: 80px !important;
+}
+
+.pl80 {
+  padding-left: 80px !important;
+}
+
+.mt80 {
+  margin-top: 80px !important;
+}
+
+.mr80 {
+  margin-right: 80px !important;
+}
+
+.mb80 {
+  margin-bottom: 80px !important;
+}
+
+.ml80 {
+  margin-left: 80px !important;
+}
+
+.p85 {
+  padding: 85px !important;
+}
+
+.m85 {
+  margin: 85px !important;
+}
+
+.pt85 {
+  padding-top: 85px !important;
+}
+
+.pr85 {
+  padding-right: 85px !important;
+}
+
+.pb85 {
+  padding-bottom: 85px !important;
+}
+
+.pl85 {
+  padding-left: 85px !important;
+}
+
+.mt85 {
+  margin-top: 85px !important;
+}
+
+.mr85 {
+  margin-right: 85px !important;
+}
+
+.mb85 {
+  margin-bottom: 85px !important;
+}
+
+.ml85 {
+  margin-left: 85px !important;
+}
+
+.p90 {
+  padding: 90px !important;
+}
+
+.m90 {
+  margin: 90px !important;
+}
+
+.pt90 {
+  padding-top: 90px !important;
+}
+
+.pr90 {
+  padding-right: 90px !important;
+}
+
+.pb90 {
+  padding-bottom: 90px !important;
+}
+
+.pl90 {
+  padding-left: 90px !important;
+}
+
+.mt90 {
+  margin-top: 90px !important;
+}
+
+.mr90 {
+  margin-right: 90px !important;
+}
+
+.mb90 {
+  margin-bottom: 90px !important;
+}
+
+.ml90 {
+  margin-left: 90px !important;
+}
+
+.p95 {
+  padding: 95px !important;
+}
+
+.m95 {
+  margin: 95px !important;
+}
+
+.pt95 {
+  padding-top: 95px !important;
+}
+
+.pr95 {
+  padding-right: 95px !important;
+}
+
+.pb95 {
+  padding-bottom: 95px !important;
+}
+
+.pl95 {
+  padding-left: 95px !important;
+}
+
+.mt95 {
+  margin-top: 95px !important;
+}
+
+.mr95 {
+  margin-right: 95px !important;
+}
+
+.mb95 {
+  margin-bottom: 95px !important;
+}
+
+.ml95 {
+  margin-left: 95px !important;
+}
+
+.p100 {
+  padding: 100px !important;
+}
+
+.m100 {
+  margin: 100px !important;
+}
+
+.pt100 {
+  padding-top: 100px !important;
+}
+
+.pr100 {
+  padding-right: 100px !important;
+}
+
+.pb100 {
+  padding-bottom: 100px !important;
+}
+
+.pl100 {
+  padding-left: 100px !important;
+}
+
+.mt100 {
+  margin-top: 100px !important;
+}
+
+.mr100 {
+  margin-right: 100px !important;
+}
+
+.mb100 {
+  margin-bottom: 100px !important;
+}
+
+.ml100 {
+  margin-left: 100px !important;
+}
+
+.w10 {
+  width: 10px !important;
+}
+
+.w15 {
+  width: 15px !important;
+}
+
+.w20 {
+  width: 20px !important;
+}
+
+.w25 {
+  width: 25px !important;
+}
+
+.w30 {
+  width: 30px !important;
+}
+
+.w35 {
+  width: 35px !important;
+}
+
+.w40 {
+  width: 40px !important;
+}
+
+.w45 {
+  width: 45px !important;
+}
+
+.w50 {
+  width: 50px !important;
+}
+
+.w55 {
+  width: 55px !important;
+}
+
+.w60 {
+  width: 60px !important;
+}
+
+.w65 {
+  width: 65px !important;
+}
+
+.w70 {
+  width: 70px !important;
+}
+
+.w75 {
+  width: 75px !important;
+}
+
+.w80 {
+  width: 80px !important;
+}
+
+.w85 {
+  width: 85px !important;
+}
+
+.w90 {
+  width: 90px !important;
+}
+
+.w95 {
+  width: 95px !important;
+}
+
+.w100 {
+  width: 100px !important;
+}
+
+.w105 {
+  width: 105px !important;
+}
+
+.w110 {
+  width: 110px !important;
+}
+
+.w115 {
+  width: 115px !important;
+}
+
+.w120 {
+  width: 120px !important;
+}
+
+.w125 {
+  width: 125px !important;
+}
+
+.w130 {
+  width: 130px !important;
+}
+
+.w135 {
+  width: 135px !important;
+}
+
+.w140 {
+  width: 140px !important;
+}
+
+.w145 {
+  width: 145px !important;
+}
+
+.w150 {
+  width: 150px !important;
+}
+
+.w155 {
+  width: 155px !important;
+}
+
+.w160 {
+  width: 160px !important;
+}
+
+.w165 {
+  width: 165px !important;
+}
+
+.w170 {
+  width: 170px !important;
+}
+
+.w175 {
+  width: 175px !important;
+}
+
+.w180 {
+  width: 180px !important;
+}
+
+.w185 {
+  width: 185px !important;
+}
+
+.w190 {
+  width: 190px !important;
+}
+
+.w195 {
+  width: 195px !important;
+}
+
+.w200 {
+  width: 200px !important;
+}
+
+.w205 {
+  width: 205px !important;
+}
+
+.w210 {
+  width: 210px !important;
+}
+
+.w215 {
+  width: 215px !important;
+}
+
+.w220 {
+  width: 220px !important;
+}
+
+.w225 {
+  width: 225px !important;
+}
+
+.w230 {
+  width: 230px !important;
+}
+
+.w235 {
+  width: 235px !important;
+}
+
+.w240 {
+  width: 240px !important;
+}
+
+.w245 {
+  width: 245px !important;
+}
+
+.w250 {
+  width: 250px !important;
+}
+
+.w255 {
+  width: 255px !important;
+}
+
+.w260 {
+  width: 260px !important;
+}
+
+.w265 {
+  width: 265px !important;
+}
+
+.w270 {
+  width: 270px !important;
+}
+
+.w275 {
+  width: 275px !important;
+}
+
+.w280 {
+  width: 280px !important;
+}
+
+.w285 {
+  width: 285px !important;
+}
+
+.w290 {
+  width: 290px !important;
+}
+
+.w295 {
+  width: 295px !important;
+}
+
+.w300 {
+  width: 300px !important;
+}
+
+.w305 {
+  width: 305px !important;
+}
+
+.w310 {
+  width: 310px !important;
+}
+
+.w315 {
+  width: 315px !important;
+}
+
+.w320 {
+  width: 320px !important;
+}
+
+.w325 {
+  width: 325px !important;
+}
+
+.w330 {
+  width: 330px !important;
+}
+
+.w335 {
+  width: 335px !important;
+}
+
+.w340 {
+  width: 340px !important;
+}
+
+.w345 {
+  width: 345px !important;
+}
+
+.w350 {
+  width: 350px !important;
+}
+
+.w355 {
+  width: 355px !important;
+}
+
+.w360 {
+  width: 360px !important;
+}
+
+.w365 {
+  width: 365px !important;
+}
+
+.w370 {
+  width: 370px !important;
+}
+
+.w375 {
+  width: 375px !important;
+}
+
+.w380 {
+  width: 380px !important;
+}
+
+.w385 {
+  width: 385px !important;
+}
+
+.w390 {
+  width: 390px !important;
+}
+
+.w395 {
+  width: 395px !important;
+}
+
+.w400 {
+  width: 400px !important;
+}
+
+.w405 {
+  width: 405px !important;
+}
+
+.w410 {
+  width: 410px !important;
+}
+
+.w415 {
+  width: 415px !important;
+}
+
+.w420 {
+  width: 420px !important;
+}
+
+.w425 {
+  width: 425px !important;
+}
+
+.w430 {
+  width: 430px !important;
+}
+
+.w435 {
+  width: 435px !important;
+}
+
+.w440 {
+  width: 440px !important;
+}
+
+.w445 {
+  width: 445px !important;
+}
+
+.w450 {
+  width: 450px !important;
+}
+
+.w455 {
+  width: 455px !important;
+}
+
+.w460 {
+  width: 460px !important;
+}
+
+.w465 {
+  width: 465px !important;
+}
+
+.w470 {
+  width: 470px !important;
+}
+
+.w475 {
+  width: 475px !important;
+}
+
+.w480 {
+  width: 480px !important;
+}
+
+.w485 {
+  width: 485px !important;
+}
+
+.w490 {
+  width: 490px !important;
+}
+
+.w495 {
+  width: 495px !important;
+}
+
+.w500 {
+  width: 500px !important;
+}
+
+.w505 {
+  width: 505px !important;
+}
+
+.w510 {
+  width: 510px !important;
+}
+
+.w515 {
+  width: 515px !important;
+}
+
+.w520 {
+  width: 520px !important;
+}
+
+.w525 {
+  width: 525px !important;
+}
+
+.w530 {
+  width: 530px !important;
+}
+
+.w535 {
+  width: 535px !important;
+}
+
+.w540 {
+  width: 540px !important;
+}
+
+.w545 {
+  width: 545px !important;
+}
+
+.w550 {
+  width: 550px !important;
+}
+
+.w555 {
+  width: 555px !important;
+}
+
+.w560 {
+  width: 560px !important;
+}
+
+.w565 {
+  width: 565px !important;
+}
+
+.w570 {
+  width: 570px !important;
+}
+
+.w575 {
+  width: 575px !important;
+}
+
+.w580 {
+  width: 580px !important;
+}
+
+.w585 {
+  width: 585px !important;
+}
+
+.w590 {
+  width: 590px !important;
+}
+
+.w595 {
+  width: 595px !important;
+}
+
+.w600 {
+  width: 600px !important;
+}
+
+.w605 {
+  width: 605px !important;
+}
+
+.w610 {
+  width: 610px !important;
+}
+
+.w615 {
+  width: 615px !important;
+}
+
+.w620 {
+  width: 620px !important;
+}
+
+.w625 {
+  width: 625px !important;
+}
+
+.w630 {
+  width: 630px !important;
+}
+
+.w635 {
+  width: 635px !important;
+}
+
+.w640 {
+  width: 640px !important;
+}
+
+.w645 {
+  width: 645px !important;
+}
+
+.w650 {
+  width: 650px !important;
+}
+
+.w655 {
+  width: 655px !important;
+}
+
+.w660 {
+  width: 660px !important;
+}
+
+.w665 {
+  width: 665px !important;
+}
+
+.w670 {
+  width: 670px !important;
+}
+
+.w675 {
+  width: 675px !important;
+}
+
+.w680 {
+  width: 680px !important;
+}
+
+.w685 {
+  width: 685px !important;
+}
+
+.w690 {
+  width: 690px !important;
+}
+
+.w695 {
+  width: 695px !important;
+}
+
+.w700 {
+  width: 700px !important;
+}
+
+.w705 {
+  width: 705px !important;
+}
+
+.w710 {
+  width: 710px !important;
+}
+
+.w715 {
+  width: 715px !important;
+}
+
+.w720 {
+  width: 720px !important;
+}
+
+.w725 {
+  width: 725px !important;
+}
+
+.w730 {
+  width: 730px !important;
+}
+
+.w735 {
+  width: 735px !important;
+}
+
+.w740 {
+  width: 740px !important;
+}
+
+.w745 {
+  width: 745px !important;
+}
+
+.w750 {
+  width: 750px !important;
+}
+
+.w755 {
+  width: 755px !important;
+}
+
+.w760 {
+  width: 760px !important;
+}
+
+.w765 {
+  width: 765px !important;
+}
+
+.w770 {
+  width: 770px !important;
+}
+
+.w775 {
+  width: 775px !important;
+}
+
+.w780 {
+  width: 780px !important;
+}
+
+.w785 {
+  width: 785px !important;
+}
+
+.w790 {
+  width: 790px !important;
+}
+
+.w795 {
+  width: 795px !important;
+}
+
+.w800 {
+  width: 800px !important;
+}
+
+.w805 {
+  width: 805px !important;
+}
+
+.w810 {
+  width: 810px !important;
+}
+
+.w815 {
+  width: 815px !important;
+}
+
+.w820 {
+  width: 820px !important;
+}
+
+.w825 {
+  width: 825px !important;
+}
+
+.w830 {
+  width: 830px !important;
+}
+
+.w835 {
+  width: 835px !important;
+}
+
+.w840 {
+  width: 840px !important;
+}
+
+.w845 {
+  width: 845px !important;
+}
+
+.w850 {
+  width: 850px !important;
+}
+
+.w855 {
+  width: 855px !important;
+}
+
+.w860 {
+  width: 860px !important;
+}
+
+.w865 {
+  width: 865px !important;
+}
+
+.w870 {
+  width: 870px !important;
+}
+
+.w875 {
+  width: 875px !important;
+}
+
+.w880 {
+  width: 880px !important;
+}
+
+.w885 {
+  width: 885px !important;
+}
+
+.w890 {
+  width: 890px !important;
+}
+
+.w895 {
+  width: 895px !important;
+}
+
+.w900 {
+  width: 900px !important;
+}
+
+.w905 {
+  width: 905px !important;
+}
+
+.w910 {
+  width: 910px !important;
+}
+
+.w915 {
+  width: 915px !important;
+}
+
+.w920 {
+  width: 920px !important;
+}
+
+.w925 {
+  width: 925px !important;
+}
+
+.w930 {
+  width: 930px !important;
+}
+
+.w935 {
+  width: 935px !important;
+}
+
+.w940 {
+  width: 940px !important;
+}
+
+.w945 {
+  width: 945px !important;
+}
+
+.w950 {
+  width: 950px !important;
+}
+
+.w955 {
+  width: 955px !important;
+}
+
+.w960 {
+  width: 960px !important;
+}
+
+.w965 {
+  width: 965px !important;
+}
+
+.w970 {
+  width: 970px !important;
+}
+
+.w975 {
+  width: 975px !important;
+}
+
+.w980 {
+  width: 980px !important;
+}
+
+.w985 {
+  width: 985px !important;
+}
+
+.w990 {
+  width: 990px !important;
+}
+
+.w995 {
+  width: 995px !important;
+}
+
+.w1000 {
+  width: 1000px !important;
+}
+
+.w1005 {
+  width: 1005px !important;
+}
+
+.w1010 {
+  width: 1010px !important;
+}
+
+.w1015 {
+  width: 1015px !important;
+}
+
+.w1020 {
+  width: 1020px !important;
+}
+
+.w1025 {
+  width: 1025px !important;
+}
+
+.w1030 {
+  width: 1030px !important;
+}
+
+.w1035 {
+  width: 1035px !important;
+}
+
+.w1040 {
+  width: 1040px !important;
+}
+
+.w1045 {
+  width: 1045px !important;
+}
+
+.w1050 {
+  width: 1050px !important;
+}
+
+.w1055 {
+  width: 1055px !important;
+}
+
+.w1060 {
+  width: 1060px !important;
+}
+
+.w1065 {
+  width: 1065px !important;
+}
+
+.w1070 {
+  width: 1070px !important;
+}
+
+.w1075 {
+  width: 1075px !important;
+}
+
+.w1080 {
+  width: 1080px !important;
+}
+
+.w1085 {
+  width: 1085px !important;
+}
+
+.w1090 {
+  width: 1090px !important;
+}
+
+.w1095 {
+  width: 1095px !important;
+}
+
+.w1100 {
+  width: 1100px !important;
+}
+
+.w1105 {
+  width: 1105px !important;
+}
+
+.w1110 {
+  width: 1110px !important;
+}
+
+.w1115 {
+  width: 1115px !important;
+}
+
+.w1120 {
+  width: 1120px !important;
+}
+
+.w1125 {
+  width: 1125px !important;
+}
+
+.w1130 {
+  width: 1130px !important;
+}
+
+.w1135 {
+  width: 1135px !important;
+}
+
+.w1140 {
+  width: 1140px !important;
+}
+
+.w1145 {
+  width: 1145px !important;
+}
+
+.w1150 {
+  width: 1150px !important;
+}
+
+.w1155 {
+  width: 1155px !important;
+}
+
+.w1160 {
+  width: 1160px !important;
+}
+
+.w1165 {
+  width: 1165px !important;
+}
+
+.w1170 {
+  width: 1170px !important;
+}
+
+.w1175 {
+  width: 1175px !important;
+}
+
+.w1180 {
+  width: 1180px !important;
+}
+
+.w1185 {
+  width: 1185px !important;
+}
+
+.w1190 {
+  width: 1190px !important;
+}
+
+.w1195 {
+  width: 1195px !important;
+}
+
+.w1200 {
+  width: 1200px !important;
+}
+
+.w5p {
+  width: 5% !important;
+}
+
+.w10p {
+  width: 10% !important;
+}
+
+.w15p {
+  width: 15% !important;
+}
+
+.w20p {
+  width: 20% !important;
+}
+
+.w25p {
+  width: 25% !important;
+}
+
+.w30p {
+  width: 30% !important;
+}
+
+.w35p {
+  width: 35% !important;
+}
+
+.w40p {
+  width: 40% !important;
+}
+
+.w45p {
+  width: 45% !important;
+}
+
+.w50p {
+  width: 50% !important;
+}
+
+.w55p {
+  width: 55% !important;
+}
+
+.w60p {
+  width: 60% !important;
+}
+
+.w65p {
+  width: 65% !important;
+}
+
+.w70p {
+  width: 70% !important;
+}
+
+.w75p {
+  width: 75% !important;
+}
+
+.w80p {
+  width: 80% !important;
+}
+
+.w85p {
+  width: 85% !important;
+}
+
+.w90p {
+  width: 90% !important;
+}
+
+.w95p {
+  width: 95% !important;
+}
+
+.w100p {
+  width: 100% !important;
+}
+
+.fs0 {
+  font-size: 0;
+}
+
+.fs10 {
+  font-size: 10px !important;
+}
+
+.fs11 {
+  font-size: 11px !important;
+}
+
+.fs12 {
+  font-size: 12px !important;
+}
+
+.fs13 {
+  font-size: 13px !important;
+}
+
+.fs14 {
+  font-size: 14px !important;
+}
+
+.fs15 {
+  font-size: 15px !important;
+}
+
+.fs16 {
+  font-size: 16px !important;
+}
+
+.fs17 {
+  font-size: 17px !important;
+}
+
+.fs18 {
+  font-size: 18px !important;
+}
+
+.fs19 {
+  font-size: 19px !important;
+}
+
+.fs20 {
+  font-size: 20px !important;
+}
+
+.fs21 {
+  font-size: 21px !important;
+}
+
+.fs22 {
+  font-size: 22px !important;
+}
+
+.fs23 {
+  font-size: 23px !important;
+}
+
+.fs24 {
+  font-size: 24px !important;
+}
+
+.fs25 {
+  font-size: 25px !important;
+}
+
+.fs26 {
+  font-size: 26px !important;
+}
+
+.fs27 {
+  font-size: 27px !important;
+}
+
+.fs28 {
+  font-size: 28px !important;
+}
+
+.fs29 {
+  font-size: 29px !important;
+}
+
+.fs30 {
+  font-size: 30px !important;
+}
+
+.lh100 {
+  line-height: 100% !important;
+}
+
+.lh105 {
+  line-height: 105% !important;
+}
+
+.lh110 {
+  line-height: 110% !important;
+}
+
+.lh115 {
+  line-height: 115% !important;
+}
+
+.lh120 {
+  line-height: 120% !important;
+}
+
+.lh125 {
+  line-height: 125% !important;
+}
+
+.lh130 {
+  line-height: 130% !important;
+}
+
+.lh135 {
+  line-height: 135% !important;
+}
+
+.lh140 {
+  line-height: 140% !important;
+}
+
+.lh145 {
+  line-height: 145% !important;
+}
+
+.lh150 {
+  line-height: 150% !important;
+}
+
+.lh155 {
+  line-height: 155% !important;
+}
+
+.lh160 {
+  line-height: 160% !important;
+}
+
+.lh165 {
+  line-height: 165% !important;
+}
+
+.lh170 {
+  line-height: 170% !important;
+}
+
+.lh175 {
+  line-height: 175% !important;
+}
+
+.lh180 {
+  line-height: 180% !important;
+}
+
+.lh185 {
+  line-height: 185% !important;
+}
+
+.lh190 {
+  line-height: 190% !important;
+}
+
+.lh195 {
+  line-height: 195% !important;
+}
+
+.lh200 {
+  line-height: 200% !important;
+}
+
+.tac {
+  text-align: center  !important;
+}
+
+.tar {
+  text-align: right   !important;
+}
+
+.tal {
+  text-align: left    !important;
+}
+
+.taj {
+  text-align: justify !important;
+}
+
+.vat {
+  vertical-align: top    !important;
+}
+
+.vam {
+  vertical-align: middle !important;
+}
+
+.vab {
+  vertical-align: bottom !important;
+}
+
+.b {
+  font-weight: bold   !important;
+}
+
+.i {
+  font-style: italic !important;
+}
+
+.n {
+  font-style: normal !important;
+}
+
+.u {
+  text-decoration: underline !important;
+}
+
+.fwn {
+  font-weight: normal !important;
+}
+
+.upcase {
+  text-transform: uppercase;
+}
+
+.downcase {
+  text-transform: lowercase;
+}
+
+.ffa {
+  font-family: Arial;
+}
+
+.fft {
+  font-family: Tahoma;
+}
+
+.ffv {
+  font-family: Verdana;
+}
+
+.ffg {
+  font-family: Georgia;
+}
+
+.ffm {
+  font-family: Monospace;
+}
+
+.fftnr {
+  font-family: Times New Roman;
+}
+
+.inline {
+  display: inline       !important;
+}
+
+.block {
+  display: block        !important;
+}
+
+.iblock {
+  display: inline-block !important;
+}
+
+.showme {
+  border: 1px solid red !important;
+}
+
+.posrel {
+  position: relative !important;
+}
+
+.posabs {
+  position: absolute !important;
+}
+
+.ptz--table {
+  display: table;
+}
+
+.ptz--row, .ptz--tr {
+  display: table-row;
+}
+
+.ptz--cell, .ptz--th, .ptz--td {
+  display: table-cell;
+  vertical-align: top;
+}
+
+.brn {
+  border-radius: 0 !important;
+}
+
+.br-off, .nobr {
+  white-space: nowrap;
+}
+
+.br-on {
+  white-space: normal;
+}
+
+.ls0 {
+  letter-spacing: 0;
+}
+
+.lsn {
+  letter-spacing: normal;
+}