├── Rakefile ├── ptz ├── reset │ ├── links.css │ ├── images.css │ ├── lists.css │ ├── body.css │ ├── tables.css │ ├── inputs_buttons.css │ ├── global.css │ └── placeholders.css ├── base │ ├── paragraph.css │ ├── headers.css │ ├── links.css │ ├── sup_sub.css │ ├── lists.css │ ├── visibility.css │ ├── floating.css │ └── other.css ├── framework │ ├── letter_spacing.css │ ├── line_break.css │ ├── position.css │ ├── other.css │ ├── block_model.css │ ├── vertical_align.css │ ├── text_align.css │ ├── tables.css │ ├── font_family.css │ ├── font_style.css │ ├── font_size.css │ ├── line_height.css │ ├── margins_paddings.css │ └── width.css ├── inputs_buttons │ ├── ptz_groups.css │ ├── inputs.css │ ├── fileinputs.css │ ├── buttons.css │ ├── checkboxes.css │ ├── radiobuttons.css │ ├── sizes.css │ └── all.css ├── reset.min.css ├── pagination │ └── kaminari.css ├── reset.css ├── base.min.css ├── base.css ├── flex.css ├── framework.min.css ├── protozaur.min.css └── framework.css ├── lib ├── protozaur │ └── version.rb └── protozaur.rb ├── app └── assets │ └── stylesheets │ └── ptz │ ├── reset │ ├── links.sass │ ├── lists.sass │ ├── images.sass │ ├── body.sass │ ├── tables.sass │ ├── inputs_buttons.sass │ ├── global.sass │ └── placeholders.sass │ ├── base │ ├── headers.sass │ ├── links.sass │ ├── paragraph.sass │ ├── sup_sub.sass │ ├── lists.sass │ ├── visibility.sass │ ├── other.sass │ └── floating.sass │ ├── framework │ ├── position.sass │ ├── letter_spacing.sass │ ├── line_break.sass │ ├── line_height.scss │ ├── other.sass │ ├── block_model.sass │ ├── font_size.scss │ ├── vertical_align.sass │ ├── text_align.sass │ ├── tables.sass │ ├── font_family.sass │ ├── width.scss │ ├── font_style.sass │ └── margins_paddings.scss │ ├── inputs_buttons │ ├── all.sass │ ├── sizes.scss │ ├── ptz_groups.sass │ ├── inputs.sass │ ├── fileinputs.sass │ ├── buttons.sass │ ├── checkboxes.sass │ └── radiobuttons.sass │ ├── base.sass │ ├── reset.sass │ ├── framework.sass │ ├── pagination │ └── kaminari.sass │ └── flex.scss ├── gulp ├── Gulpfile.js ├── README.md ├── gulp_tasks │ ├── log.coffee │ ├── livereload.coffee │ ├── clean.coffee │ ├── _params.coffee │ ├── tools.coffee │ ├── sass.coffee │ └── css.coffee ├── Gulpfile.coffee └── package.json ├── docs ├── logo_550x550.jpg └── SOURCES_UPDATE.md ├── Gemfile ├── bin ├── setup └── console ├── .gitignore ├── bower.json ├── package.json ├── LICENSE.txt ├── protozaur.gemspec └── README.md /Rakefile: -------------------------------------------------------------------------------- 1 | require "bundler/gem_tasks" 2 | -------------------------------------------------------------------------------- /ptz/reset/links.css: -------------------------------------------------------------------------------- 1 | a, a:hover { 2 | text-decoration: none; 3 | } 4 | -------------------------------------------------------------------------------- /lib/protozaur/version.rb: -------------------------------------------------------------------------------- 1 | module Protozaur 2 | VERSION = "1.1.0" 3 | end 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/links.sass: -------------------------------------------------------------------------------- 1 | a, a:hover 2 | text-decoration: none 3 | -------------------------------------------------------------------------------- /gulp/Gulpfile.js: -------------------------------------------------------------------------------- 1 | require('coffee-script/register'); 2 | require('./Gulpfile.coffee'); 3 | -------------------------------------------------------------------------------- /docs/logo_550x550.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-teacher/protozaur/HEAD/docs/logo_550x550.jpg -------------------------------------------------------------------------------- /gulp/README.md: -------------------------------------------------------------------------------- 1 | ### Gulp 2 | 3 | ``` 4 | npm install 5 | 6 | ./node_modules/gulp/bin/gulp.js 7 | ``` 8 | -------------------------------------------------------------------------------- /gulp/gulp_tasks/log.coffee: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = -> console.log.apply(console, arguments) 3 | -------------------------------------------------------------------------------- /ptz/reset/images.css: -------------------------------------------------------------------------------- 1 | a img { 2 | border: none; 3 | } 4 | 5 | img { 6 | vertical-align: top; 7 | } 8 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | # Specify your gem's dependencies in protozaur.gemspec 4 | gemspec 5 | -------------------------------------------------------------------------------- /ptz/reset/lists.css: -------------------------------------------------------------------------------- 1 | ol, ul { 2 | list-style: none; 3 | } 4 | 5 | li { 6 | list-style-position: outside; 7 | } 8 | -------------------------------------------------------------------------------- /lib/protozaur.rb: -------------------------------------------------------------------------------- 1 | require "protozaur/version" 2 | 3 | module Protozaur 4 | class Engine < Rails::Engine; end 5 | end 6 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/lists.sass: -------------------------------------------------------------------------------- 1 | ol, ul 2 | list-style: none 3 | 4 | li 5 | list-style-position: outside 6 | -------------------------------------------------------------------------------- /ptz/base/paragraph.css: -------------------------------------------------------------------------------- 1 | p { 2 | margin: 20px 0; 3 | color: #292e31; 4 | font-size: 16px; 5 | line-height: 160%; 6 | } 7 | -------------------------------------------------------------------------------- /ptz/reset/body.css: -------------------------------------------------------------------------------- 1 | body { 2 | color: black; 3 | font-size: 10px; 4 | line-height: 125%; 5 | background: white; 6 | } 7 | -------------------------------------------------------------------------------- /ptz/base/headers.css: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6 { 2 | font-size: 18px; 3 | line-height: 130%; 4 | font-weight: normal; 5 | } 6 | -------------------------------------------------------------------------------- /ptz/base/links.css: -------------------------------------------------------------------------------- 1 | a { 2 | color: #012d85; 3 | transition: color .2s ease; 4 | } 5 | 6 | a:hover { 7 | color: red; 8 | } 9 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/images.sass: -------------------------------------------------------------------------------- 1 | // IE a > img fix 2 | a img 3 | border: none 4 | 5 | img 6 | vertical-align: top 7 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/headers.sass: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6 2 | font-size: 18px 3 | line-height: 130% 4 | font-weight: normal 5 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/links.sass: -------------------------------------------------------------------------------- 1 | a 2 | color: #012d85 3 | transition: color .2s ease 4 | 5 | &:hover 6 | color: red 7 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/paragraph.sass: -------------------------------------------------------------------------------- 1 | p 2 | margin: 20px 0 3 | color: #292e31 4 | font-size: 16px 5 | line-height: 160% 6 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/body.sass: -------------------------------------------------------------------------------- 1 | body 2 | color: black 3 | font-size: 10px 4 | line-height: 125% 5 | background: white 6 | -------------------------------------------------------------------------------- /ptz/framework/letter_spacing.css: -------------------------------------------------------------------------------- 1 | .ls0 { 2 | letter-spacing: 0 !important; 3 | } 4 | 5 | .lsn { 6 | letter-spacing: normal !important; 7 | } 8 | -------------------------------------------------------------------------------- /ptz/framework/line_break.css: -------------------------------------------------------------------------------- 1 | .br-off { 2 | white-space: nowrap !important; 3 | } 4 | 5 | .br-on { 6 | white-space: normal !important; 7 | } 8 | -------------------------------------------------------------------------------- /ptz/framework/position.css: -------------------------------------------------------------------------------- 1 | .posrel { 2 | position: relative !important; 3 | } 4 | 5 | .posabs { 6 | position: absolute !important; 7 | } 8 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/position.sass: -------------------------------------------------------------------------------- 1 | .posrel 2 | position: relative !important 3 | 4 | .posabs 5 | position: absolute !important 6 | -------------------------------------------------------------------------------- /bin/setup: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | set -euo pipefail 3 | IFS=$'\n\t' 4 | 5 | bundle install 6 | 7 | # Do any other automated setup that you need to do here 8 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/letter_spacing.sass: -------------------------------------------------------------------------------- 1 | .ls0 2 | letter-spacing: 0 !important 3 | 4 | .lsn 5 | letter-spacing: normal !important 6 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/line_break.sass: -------------------------------------------------------------------------------- 1 | .br 2 | &-off 3 | white-space: nowrap !important 4 | 5 | &-on 6 | white-space: normal !important 7 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/line_height.scss: -------------------------------------------------------------------------------- 1 | $i: 100; 2 | 3 | @while $i <= 200 { 4 | .lh#{ $i }{ line-height: #{ $i + '%' } !important } 5 | $i: $i + 5; 6 | } 7 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/sup_sub.sass: -------------------------------------------------------------------------------- 1 | sup, sub 2 | font-size: 85% 3 | zoom: 1 4 | 5 | sup 6 | vertical-align: 40% 7 | 8 | sub 9 | vertical-align: -40% 10 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/tables.sass: -------------------------------------------------------------------------------- 1 | table, tr, th, td 2 | border-collapse: collapse 3 | vertical-align: top 4 | border-spacing: 0 5 | 6 | th 7 | font-weight: bold 8 | -------------------------------------------------------------------------------- /ptz/base/sup_sub.css: -------------------------------------------------------------------------------- 1 | sup, sub { 2 | font-size: 85%; 3 | zoom: 1; 4 | } 5 | 6 | sup { 7 | vertical-align: 40%; 8 | } 9 | 10 | sub { 11 | vertical-align: -40%; 12 | } 13 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/inputs_buttons.sass: -------------------------------------------------------------------------------- 1 | input[type=submit] 2 | cursor: pointer 3 | 4 | ::-moz-focus-inner 5 | border: 0 6 | margin: 0 7 | padding: 0 8 | outline: 0 9 | -------------------------------------------------------------------------------- /ptz/reset/tables.css: -------------------------------------------------------------------------------- 1 | table, tr, th, td { 2 | border-collapse: collapse; 3 | vertical-align: top; 4 | border-spacing: 0; 5 | } 6 | 7 | th { 8 | font-weight: bold; 9 | } 10 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/other.sass: -------------------------------------------------------------------------------- 1 | .h100p 2 | height: 100% !important 3 | 4 | .brn, .br0 5 | border-radius: 0 !important 6 | 7 | .showme 8 | border: 1px solid red !important 9 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/block_model.sass: -------------------------------------------------------------------------------- 1 | .inline 2 | display: inline !important 3 | 4 | .block 5 | display: block !important 6 | 7 | .iblock 8 | display: inline-block !important 9 | -------------------------------------------------------------------------------- /ptz/reset/inputs_buttons.css: -------------------------------------------------------------------------------- 1 | input[type=submit] { 2 | cursor: pointer; 3 | } 4 | 5 | ::-moz-focus-inner { 6 | border: 0; 7 | margin: 0; 8 | padding: 0; 9 | outline: 0; 10 | } 11 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/font_size.scss: -------------------------------------------------------------------------------- 1 | .fs0{ font-size: 0 !important } 2 | 3 | $i: 10; 4 | 5 | @while $i <= 30 { 6 | .fs#{ $i }{ font-size: #{ $i }px !important } 7 | $i: $i + 1; 8 | } 9 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/vertical_align.sass: -------------------------------------------------------------------------------- 1 | .vat 2 | vertical-align: top !important 3 | 4 | .vam 5 | vertical-align: middle !important 6 | 7 | .vab 8 | vertical-align: bottom !important 9 | -------------------------------------------------------------------------------- /ptz/framework/other.css: -------------------------------------------------------------------------------- 1 | .h100p { 2 | height: 100% !important; 3 | } 4 | 5 | .brn, .br0 { 6 | border-radius: 0 !important; 7 | } 8 | 9 | .showme { 10 | border: 1px solid red !important; 11 | } 12 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/all.sass: -------------------------------------------------------------------------------- 1 | @import 'inputs' 2 | @import 'buttons' 3 | @import 'ptz_groups' 4 | @import 'checkboxes' 5 | @import 'radiobuttons' 6 | @import 'fileinputs' 7 | @import 'sizes' 8 | -------------------------------------------------------------------------------- /ptz/framework/block_model.css: -------------------------------------------------------------------------------- 1 | .inline { 2 | display: inline !important; 3 | } 4 | 5 | .block { 6 | display: block !important; 7 | } 8 | 9 | .iblock { 10 | display: inline-block !important; 11 | } 12 | -------------------------------------------------------------------------------- /ptz/framework/vertical_align.css: -------------------------------------------------------------------------------- 1 | .vat { 2 | vertical-align: top !important; 3 | } 4 | 5 | .vam { 6 | vertical-align: middle !important; 7 | } 8 | 9 | .vab { 10 | vertical-align: bottom !important; 11 | } 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /.bundle/ 2 | /.yardoc 3 | /Gemfile.lock 4 | /_yardoc/ 5 | /coverage/ 6 | /doc/ 7 | /pkg/ 8 | /spec/reports/ 9 | /tmp/ 10 | 11 | .DS_Store 12 | .AppleDouble 13 | .LSOverride 14 | *.gem 15 | 16 | node_modules 17 | gulp/css 18 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base.sass: -------------------------------------------------------------------------------- 1 | @import 'base/floating' 2 | @import 'base/headers' 3 | @import 'base/lists' 4 | @import 'base/links' 5 | @import 'base/sup_sub' 6 | @import 'base/visibility' 7 | @import 'base/paragraph' 8 | @import 'base/other' 9 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/text_align.sass: -------------------------------------------------------------------------------- 1 | .tac 2 | text-align: center !important 3 | 4 | .tar 5 | text-align: right !important 6 | 7 | .tal 8 | text-align: left !important 9 | 10 | .taj 11 | text-align: justify !important 12 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset.sass: -------------------------------------------------------------------------------- 1 | @import 'reset/global' 2 | @import 'reset/body' 3 | @import 'reset/lists' 4 | @import 'reset/links' 5 | @import 'reset/images' 6 | @import 'reset/tables' 7 | @import 'reset/placeholders' 8 | @import 'reset/inputs_buttons' 9 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/global.sass: -------------------------------------------------------------------------------- 1 | * 2 | margin: 0 3 | padding: 0 4 | border: 0 5 | outline: 0 6 | box-sizing: border-box 7 | 8 | *:hover, *:active, *:focus 9 | outline: 0 10 | 11 | *::after, *::before 12 | box-sizing: border-box 13 | -------------------------------------------------------------------------------- /ptz/framework/text_align.css: -------------------------------------------------------------------------------- 1 | .tac { 2 | text-align: center !important; 3 | } 4 | 5 | .tar { 6 | text-align: right !important; 7 | } 8 | 9 | .tal { 10 | text-align: left !important; 11 | } 12 | 13 | .taj { 14 | text-align: justify !important; 15 | } 16 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/tables.sass: -------------------------------------------------------------------------------- 1 | .ptz_table 2 | display: table 3 | 4 | .ptz_row, .ptz_tr 5 | display: table-row 6 | 7 | .ptz_cell, .ptz_th, .ptz_td 8 | display: table-cell 9 | vertical-align: top 10 | 11 | .ptz_th 12 | font-weight: bold 13 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/sizes.scss: -------------------------------------------------------------------------------- 1 | $i: 10; 2 | 3 | @while $i <= 25 { 4 | 5 | .ptz_size-#{ $i }{ 6 | font-size: #{ $i }px; 7 | line-height: #{ $i + 3 }px; 8 | padding: #{ $i - 5 }px #{ $i - 2 }px; 9 | } 10 | 11 | $i: $i + 1; 12 | } 13 | -------------------------------------------------------------------------------- /ptz/reset/global.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | border: 0; 5 | outline: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | *:hover, *:active, *:focus { 10 | outline: 0; 11 | } 12 | 13 | *::after, *::before { 14 | box-sizing: border-box; 15 | } 16 | -------------------------------------------------------------------------------- /ptz/framework/tables.css: -------------------------------------------------------------------------------- 1 | .ptz_table { 2 | display: table; 3 | } 4 | 5 | .ptz_row, .ptz_tr { 6 | display: table-row; 7 | } 8 | 9 | .ptz_cell, .ptz_th, .ptz_td { 10 | display: table-cell; 11 | vertical-align: top; 12 | } 13 | 14 | .ptz_th { 15 | font-weight: bold; 16 | } 17 | -------------------------------------------------------------------------------- /gulp/gulp_tasks/livereload.coffee: -------------------------------------------------------------------------------- 1 | tools = require './tools.coffee' 2 | 3 | gulp = tools.gulp 4 | params = tools.params 5 | 6 | livereload = tools.livereload 7 | 8 | gulp.task 'autoreload', -> 9 | # http://localhost:3030/livereload.js 10 | livereload.listen( params.livereload.port ) 11 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/font_family.sass: -------------------------------------------------------------------------------- 1 | .ffa 2 | font-family: Arial 3 | 4 | .fft 5 | font-family: Tahoma 6 | 7 | .ffv 8 | font-family: Verdana 9 | 10 | .ffg 11 | font-family: Georgia 12 | 13 | .ffm 14 | font-family: Monospace 15 | 16 | .fftnr 17 | font-family: Times New Roman 18 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/width.scss: -------------------------------------------------------------------------------- 1 | $i: 10; 2 | 3 | @while $i <= 1200 { 4 | .w#{$i} { width: #{$i}px !important } 5 | 6 | $i: $i + 5; 7 | } 8 | 9 | // p for `percent` 10 | 11 | $i: 5; 12 | 13 | @while $i <= 100 { 14 | .w#{$i}p { width: unquote("#{$i}% !important") } 15 | 16 | $i: $i + 5; 17 | } 18 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/lists.sass: -------------------------------------------------------------------------------- 1 | .ol, .ul 2 | margin-left: 20px 3 | margin-bottom: 20px 4 | 5 | .ol li, .ul li 6 | list-style-position: outside 7 | margin-left: 15px 8 | padding-left: 5px 9 | line-height: 135% 10 | 11 | .ol li 12 | list-style-type: decimal 13 | 14 | .ul li 15 | list-style-type: disc 16 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/reset/placeholders.sass: -------------------------------------------------------------------------------- 1 | input 2 | &::-moz-placeholder 3 | color: #ccc !important 4 | 5 | &:-ms-input-placeholder 6 | color: #ccc !important 7 | 8 | &::-webkit-input-placeholder 9 | color: #ccc !important 10 | 11 | &:focus::-webkit-input-placeholder 12 | color: transparent !important 13 | -------------------------------------------------------------------------------- /ptz/framework/font_family.css: -------------------------------------------------------------------------------- 1 | .ffa { 2 | font-family: Arial; 3 | } 4 | 5 | .fft { 6 | font-family: Tahoma; 7 | } 8 | 9 | .ffv { 10 | font-family: Verdana; 11 | } 12 | 13 | .ffg { 14 | font-family: Georgia; 15 | } 16 | 17 | .ffm { 18 | font-family: Monospace; 19 | } 20 | 21 | .fftnr { 22 | font-family: Times New Roman; 23 | } 24 | -------------------------------------------------------------------------------- /ptz/reset/placeholders.css: -------------------------------------------------------------------------------- 1 | input::-moz-placeholder { 2 | color: #ccc !important; 3 | } 4 | 5 | input:-ms-input-placeholder { 6 | color: #ccc !important; 7 | } 8 | 9 | input::-webkit-input-placeholder { 10 | color: #ccc !important; 11 | } 12 | 13 | input:focus::-webkit-input-placeholder { 14 | color: transparent !important; 15 | } 16 | -------------------------------------------------------------------------------- /ptz/base/lists.css: -------------------------------------------------------------------------------- 1 | .ol, .ul { 2 | margin-left: 20px; 3 | margin-bottom: 20px; 4 | } 5 | 6 | .ol li, .ul li { 7 | list-style-position: outside; 8 | margin-left: 15px; 9 | padding-left: 5px; 10 | line-height: 135%; 11 | } 12 | 13 | .ol li { 14 | list-style-type: decimal; 15 | } 16 | 17 | .ul li { 18 | list-style-type: disc; 19 | } 20 | -------------------------------------------------------------------------------- /gulp/Gulpfile.coffee: -------------------------------------------------------------------------------- 1 | gulp = require 'gulp' 2 | 3 | require './gulp_tasks/livereload.coffee' 4 | 5 | require './gulp_tasks/sass.coffee' 6 | require './gulp_tasks/css.coffee' 7 | require './gulp_tasks/clean.coffee' 8 | 9 | # Default task call every tasks created so far. 10 | gulp.task 'default', [ 11 | 'cleanDest' 12 | 'watchSassScss' 13 | 'watchCSS' 14 | ] 15 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/visibility.sass: -------------------------------------------------------------------------------- 1 | .hidden 2 | display: none !important 3 | 4 | .invisible 5 | visibility: hidden !important 6 | height: 0 !important 7 | 8 | .visible 9 | visibility: visible !important 10 | height: auto !important 11 | 12 | .solid-0 13 | overflow: auto !important 14 | 15 | .solid-1 16 | border: 1px solid transparent !important 17 | -------------------------------------------------------------------------------- /bin/console: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | 3 | require "bundler/setup" 4 | require "protozaur" 5 | 6 | # You can add fixtures and/or initialization code here to make experimenting 7 | # with your gem easier. You can also use a different console, if you like. 8 | 9 | # (If you use this, don't forget to add pry to your Gemfile!) 10 | # require "pry" 11 | # Pry.start 12 | 13 | require "irb" 14 | IRB.start 15 | -------------------------------------------------------------------------------- /ptz/base/visibility.css: -------------------------------------------------------------------------------- 1 | .hidden { 2 | display: none !important; 3 | } 4 | 5 | .invisible { 6 | visibility: hidden !important; 7 | height: 0 !important; 8 | } 9 | 10 | .visible { 11 | visibility: visible !important; 12 | height: auto !important; 13 | } 14 | 15 | .solid-0 { 16 | overflow: auto !important; 17 | } 18 | 19 | .solid-1 { 20 | border: 1px solid transparent !important; 21 | } 22 | -------------------------------------------------------------------------------- /gulp/gulp_tasks/clean.coffee: -------------------------------------------------------------------------------- 1 | tools = require './tools.coffee' 2 | 3 | fs = tools.fs 4 | log = tools.log 5 | 6 | gulp = tools.gulp 7 | clean = tools.clean 8 | gutil = tools.gutil 9 | 10 | params = tools.params 11 | plumber = tools.plumber 12 | 13 | # Main Task 14 | gulp.task 'cleanDest', -> 15 | gulp.src(params.clean, { read: false }) 16 | .pipe plumber() 17 | .pipe clean({ force: true }) 18 | .on 'error', gutil.log 19 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/ptz_groups.sass: -------------------------------------------------------------------------------- 1 | .ptz_group 2 | .ptz_btn, .ptz_input 3 | border-radius: 0 4 | 5 | &-first, &:first-child 6 | margin-right: -1px 7 | border-radius: 0 8 | border-top-left-radius: 3px 9 | border-bottom-left-radius: 3px 10 | 11 | &-last, &:last-child 12 | margin-left: -1px 13 | border-radius: 0 14 | border-top-right-radius: 3px 15 | border-bottom-right-radius: 3px 16 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/font_style.sass: -------------------------------------------------------------------------------- 1 | .b 2 | font-weight: bold !important 3 | 4 | .i 5 | font-style: italic !important 6 | 7 | .n 8 | font-style: normal !important 9 | 10 | .u 11 | text-decoration: underline !important 12 | 13 | .s 14 | text-decoration: line-through !important 15 | 16 | .fwn 17 | font-weight: normal !important 18 | 19 | .upcase 20 | text-transform: uppercase !important 21 | 22 | .downcase 23 | text-transform: lowercase !important 24 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/other.sass: -------------------------------------------------------------------------------- 1 | hr 2 | border-top: 1px solid #000 3 | margin: 20px 0 4 | 5 | .text_select 6 | &-off 7 | -webkit-touch-callout: none 8 | -khtml-user-select: none 9 | -o-user-select: none 10 | user-select: none 11 | 12 | &-on 13 | -webkit-touch-callout: all 14 | -khtml-user-select: all 15 | -o-user-select: all 16 | user-select: all 17 | 18 | noscript 19 | background: red 20 | padding: 5px 21 | 22 | color: white 23 | font-size: 20px 24 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework.sass: -------------------------------------------------------------------------------- 1 | @import 'framework/margins_paddings' 2 | @import 'framework/width' 3 | @import 'framework/font_size' 4 | @import 'framework/line_height' 5 | @import 'framework/tables' 6 | @import 'framework/text_align' 7 | @import 'framework/vertical_align' 8 | @import 'framework/font_style' 9 | @import 'framework/font_family' 10 | @import 'framework/block_model' 11 | @import 'framework/line_break' 12 | @import 'framework/letter_spacing' 13 | @import 'framework/position' 14 | @import 'framework/other' 15 | -------------------------------------------------------------------------------- /ptz/framework/font_style.css: -------------------------------------------------------------------------------- 1 | .b { 2 | font-weight: bold !important; 3 | } 4 | 5 | .i { 6 | font-style: italic !important; 7 | } 8 | 9 | .n { 10 | font-style: normal !important; 11 | } 12 | 13 | .u { 14 | text-decoration: underline !important; 15 | } 16 | 17 | .s { 18 | text-decoration: line-through !important; 19 | } 20 | 21 | .fwn { 22 | font-weight: normal !important; 23 | } 24 | 25 | .upcase { 26 | text-transform: uppercase !important; 27 | } 28 | 29 | .downcase { 30 | text-transform: lowercase !important; 31 | } 32 | -------------------------------------------------------------------------------- /docs/SOURCES_UPDATE.md: -------------------------------------------------------------------------------- 1 | ### HOW TO UPDATE SOURCES 2 | 3 | #### Rubygems.org 4 | 5 | `lib/protozaur/version.rb` 6 | 7 | `gem build protozaur.gemspec` 8 | 9 | `gem push protozaur-X.X.X.gem` 10 | 11 | #### NPM packages 12 | 13 | `package.json` 14 | 15 | `npm adduser` 16 | 17 | `npm publish` 18 | 19 | #### Bower 20 | 21 | `npm install -g bower` 22 | 23 | `bower.json` 24 | 25 | `bower register protozaur git@github.com:the-teacher/protozaur.git` 26 | 27 | #### GitHub/tag 28 | 29 | `git tag vX.X.X` 30 | 31 | `git push origin vX.X.X` 32 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/inputs.sass: -------------------------------------------------------------------------------- 1 | .ptz_input, .ptz_textarea 2 | color: black 3 | font-size: 15px 4 | line-height: 18px 5 | 6 | padding: 7px 10px 7 | border-radius: 3px 8 | vertical-align: top 9 | border: 1px solid rgba(0, 0, 0, 0.2) 10 | transition: box-shadow 0.3s ease-in-out 11 | 12 | &:focus 13 | box-shadow: 0 0px 7px rgba(123, 199, 255, 0.8) 14 | 15 | &:disabled 16 | color: #eee 17 | background: white 18 | cursor: not-allowed 19 | 20 | &:hover 21 | color: #eee 22 | background: white 23 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/base/floating.sass: -------------------------------------------------------------------------------- 1 | .clearfix:after 2 | content: '.' 3 | display: block 4 | line-height: 0 5 | 6 | height: 0 7 | clear: both 8 | visibility: hidden 9 | 10 | html[xmlns] .clearfix 11 | display: block 12 | 13 | * html .clearfix 14 | zoom: 1 15 | 16 | .pull 17 | &-left 18 | float: left !important 19 | 20 | &-right 21 | float: right !important 22 | 23 | .ofh 24 | overflow: hidden !important 25 | zoom: 1 26 | 27 | .xscroll 28 | overflow-x: scroll !important 29 | 30 | .yscroll 31 | overflow-y: scroll !important 32 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/pagination/kaminari.sass: -------------------------------------------------------------------------------- 1 | .ptz_paginator 2 | text-align: center 3 | border-radius: 3px 4 | background: #e3f2fd 5 | box-sizing: border-box 6 | 7 | &-page 8 | padding: 5px 10px 9 | 10 | font-size: 17px 11 | line-height: 35px 12 | 13 | display: inline-block 14 | 15 | &:hover 16 | background: #fff 17 | 18 | &-prev, &-next, 19 | &-first, &-last 20 | white-space: nowrap 21 | 22 | &-current 23 | background: #fff 24 | 25 | &:hover 26 | background: #fff 27 | 28 | &-gap:hover 29 | background: #e3f2fd 30 | -------------------------------------------------------------------------------- /ptz/base/floating.css: -------------------------------------------------------------------------------- 1 | .clearfix:after { 2 | content: '.'; 3 | display: block; 4 | line-height: 0; 5 | height: 0; 6 | clear: both; 7 | visibility: hidden; 8 | } 9 | 10 | html[xmlns] .clearfix { 11 | display: block; 12 | } 13 | 14 | * html .clearfix { 15 | zoom: 1; 16 | } 17 | 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | .pull-right { 23 | float: right !important; 24 | } 25 | 26 | .ofh { 27 | overflow: hidden !important; 28 | zoom: 1; 29 | } 30 | 31 | .xscroll { 32 | overflow-x: scroll !important; 33 | } 34 | 35 | .yscroll { 36 | overflow-y: scroll !important; 37 | } 38 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/ptz_groups.css: -------------------------------------------------------------------------------- 1 | .ptz_group .ptz_btn, .ptz_group .ptz_input { 2 | border-radius: 0; 3 | } 4 | 5 | .ptz_group .ptz_btn-first, .ptz_group .ptz_btn:first-child, .ptz_group .ptz_input-first, .ptz_group .ptz_input:first-child { 6 | margin-right: -1px; 7 | border-radius: 0; 8 | border-top-left-radius: 3px; 9 | border-bottom-left-radius: 3px; 10 | } 11 | 12 | .ptz_group .ptz_btn-last, .ptz_group .ptz_btn:last-child, .ptz_group .ptz_input-last, .ptz_group .ptz_input:last-child { 13 | margin-left: -1px; 14 | border-radius: 0; 15 | border-top-right-radius: 3px; 16 | border-bottom-right-radius: 3px; 17 | } 18 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/inputs.css: -------------------------------------------------------------------------------- 1 | .ptz_input, .ptz_textarea { 2 | color: black; 3 | font-size: 15px; 4 | line-height: 18px; 5 | padding: 7px 10px; 6 | border-radius: 3px; 7 | vertical-align: top; 8 | border: 1px solid rgba(0, 0, 0, 0.2); 9 | transition: box-shadow 0.3s ease-in-out; 10 | } 11 | 12 | .ptz_input:focus, .ptz_textarea:focus { 13 | box-shadow: 0 0px 7px rgba(123, 199, 255, 0.8); 14 | } 15 | 16 | .ptz_input:disabled, .ptz_textarea:disabled { 17 | color: #eee; 18 | background: white; 19 | cursor: not-allowed; 20 | } 21 | 22 | .ptz_input:disabled:hover, .ptz_textarea:disabled:hover { 23 | color: #eee; 24 | background: white; 25 | } 26 | -------------------------------------------------------------------------------- /ptz/reset.min.css: -------------------------------------------------------------------------------- 1 | *,::after,::before{box-sizing:border-box}img,table,td,th,tr{vertical-align:top}*,:active,:focus,:hover{outline:0}*{margin:0;padding:0;border:0}body{color:#000;font-size:10px;line-height:125%;background:#fff}ol,ul{list-style:none}li{list-style-position:outside}a,a:hover{text-decoration:none}a img{border:none}table,td,th,tr{border-collapse:collapse;border-spacing:0}th{font-weight:700}input::-moz-placeholder{color:#ccc!important}input:-ms-input-placeholder{color:#ccc!important}input::-webkit-input-placeholder{color:#ccc!important}input:focus::-webkit-input-placeholder{color:transparent!important}input[type=submit]{cursor:pointer}::-moz-focus-inner{border:0;margin:0;padding:0;outline:0} -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "protozaur", 3 | "version": "1.1.0", 4 | "main": "ptz/protozaur.min.css", 5 | "homepage": "https://github.com/the-teacher/protozaur", 6 | "authors": [ 7 | "Ilya N. Zykin " 8 | ], 9 | "description": "Protozaur CSS framework. Protozaur is semantic, mnemonic, declarative CSS framework, created to avoid wasting time and increase productivity", 10 | "moduleType": [ 11 | "node" 12 | ], 13 | "keywords": [ 14 | "Protozaur", 15 | "CSS", 16 | "Framework" 17 | ], 18 | "license": "MIT", 19 | "ignore": [ 20 | "**/.*", 21 | "node_modules", 22 | "bower_components", 23 | "test", 24 | "tests" 25 | ] 26 | } 27 | -------------------------------------------------------------------------------- /gulp/gulp_tasks/_params.coffee: -------------------------------------------------------------------------------- 1 | path = require 'path' 2 | __abs = (_path) -> path.resolve(_path) + '/' 3 | __app_root = "#{ __dirname }/../../" 4 | __gulp_root = "#{ __dirname }/.." 5 | 6 | config = 7 | # Livereload 8 | livereload: 9 | port: 3030 10 | 11 | clean: 12 | "#{ __app_root }/ptz" 13 | 14 | # SASS 15 | sass: 16 | src: __abs "#{ __gulp_root }/../app/assets/stylesheets/" 17 | dest: __abs "#{ __gulp_root }/css/" 18 | 19 | mask_sass: "**/*.sass" 20 | mask_scss: "**/*.scss" 21 | 22 | # CSS 23 | css: 24 | src: __abs "#{ __gulp_root }/css/" 25 | dest: __abs "#{ __gulp_root }/../" 26 | 27 | mask: "**/*.css" 28 | 29 | module.exports = config 30 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/framework/margins_paddings.scss: -------------------------------------------------------------------------------- 1 | .ma{ margin: auto } 2 | 3 | $i: 0; 4 | 5 | @while $i <= 100 { 6 | .p#{ $i }{ padding:#{ $i }px !important } 7 | .m#{ $i }{ margin: #{ $i }px !important } 8 | 9 | .pt#{ $i }{ padding-top: #{ $i }px !important } 10 | .pr#{ $i }{ padding-right: #{ $i }px !important } 11 | .pb#{ $i }{ padding-bottom: #{ $i }px !important } 12 | .pl#{ $i }{ padding-left: #{ $i }px !important } 13 | 14 | .mt#{ $i }{ margin-top: #{ $i }px !important } 15 | .mr#{ $i }{ margin-right: #{ $i }px !important } 16 | .mb#{ $i }{ margin-bottom: #{ $i }px !important } 17 | .ml#{ $i }{ margin-left: #{ $i }px !important } 18 | 19 | $i: $i + 5; 20 | } 21 | -------------------------------------------------------------------------------- /ptz/pagination/kaminari.css: -------------------------------------------------------------------------------- 1 | .ptz_paginator { 2 | text-align: center; 3 | border-radius: 3px; 4 | background: #e3f2fd; 5 | box-sizing: border-box; 6 | } 7 | 8 | .ptz_paginator-page { 9 | padding: 5px 10px; 10 | font-size: 17px; 11 | line-height: 35px; 12 | display: inline-block; 13 | } 14 | 15 | .ptz_paginator-page:hover { 16 | background: #fff; 17 | } 18 | 19 | .ptz_paginator-prev, .ptz_paginator-next, .ptz_paginator-first, .ptz_paginator-last { 20 | white-space: nowrap; 21 | } 22 | 23 | .ptz_paginator-current { 24 | background: #fff; 25 | } 26 | 27 | .ptz_paginator-current:hover { 28 | background: #fff; 29 | } 30 | 31 | .ptz_paginator-gap:hover { 32 | background: #e3f2fd; 33 | } 34 | -------------------------------------------------------------------------------- /ptz/base/other.css: -------------------------------------------------------------------------------- 1 | hr { 2 | border-top: 1px solid #000; 3 | margin: 20px 0; 4 | } 5 | 6 | .text_select-off { 7 | -webkit-touch-callout: none; 8 | -khtml-user-select: none; 9 | -o-user-select: none; 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | -ms-user-select: none; 13 | user-select: none; 14 | } 15 | 16 | .text_select-on { 17 | -webkit-touch-callout: all; 18 | -khtml-user-select: all; 19 | -o-user-select: all; 20 | -webkit-user-select: all; 21 | -moz-user-select: all; 22 | -ms-user-select: all; 23 | user-select: all; 24 | } 25 | 26 | noscript { 27 | background: red; 28 | padding: 5px; 29 | color: white; 30 | font-size: 20px; 31 | } 32 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/fileinputs.css: -------------------------------------------------------------------------------- 1 | .ptz_fileinput { 2 | width: 0.1px; 3 | height: 0.1px; 4 | z-index: -1; 5 | opacity: 0; 6 | overflow: hidden; 7 | position: absolute; 8 | } 9 | 10 | .ptz_fileinput + label { 11 | color: black; 12 | font-size: 15px; 13 | line-height: 18px; 14 | padding: 7px 10px; 15 | border-radius: 3px; 16 | vertical-align: top; 17 | border: 1px solid rgba(0, 0, 0, 0.2); 18 | text-align: center; 19 | white-space: nowrap; 20 | display: inline-block; 21 | cursor: pointer; 22 | background: white; 23 | transition: background-color .2s ease; 24 | } 25 | 26 | .ptz_fileinput:disabled + label { 27 | color: #eee; 28 | background: white; 29 | cursor: not-allowed; 30 | } 31 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/fileinputs.sass: -------------------------------------------------------------------------------- 1 | .ptz_fileinput 2 | width: 0.1px 3 | height: 0.1px 4 | z-index: -1 5 | opacity: 0 6 | overflow: hidden 7 | position: absolute 8 | 9 | & + label 10 | color: black 11 | font-size: 15px 12 | line-height: 18px 13 | 14 | padding: 7px 10px 15 | border-radius: 3px 16 | vertical-align: top 17 | border: 1px solid rgba(0, 0, 0, 0.2) 18 | 19 | text-align: center 20 | white-space: nowrap 21 | display: inline-block 22 | 23 | cursor: pointer 24 | background: white 25 | transition: background-color .2s ease 26 | 27 | &:disabled + label 28 | color: #eee 29 | background: white 30 | cursor: not-allowed 31 | 32 | // &:required + label 33 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "protozaur", 3 | "version": "1.1.0", 4 | "description": "Protozaur is semantic, mnemonic, declarative CSS framework, created to avoid wasting time and increase productivity", 5 | "main": "index.js", 6 | "directories": { 7 | "doc": "docs" 8 | }, 9 | "scripts": { 10 | "test": "echo \"Error: no test specified\" && exit 1" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "git+https://github.com/the-teacher/protozaur.git" 15 | }, 16 | "keywords": [ 17 | "Protozaur", 18 | "CSS", 19 | "Framework" 20 | ], 21 | "author": "Ilya N. Zykin ", 22 | "license": "MIT", 23 | "bugs": { 24 | "url": "https://github.com/the-teacher/protozaur/issues" 25 | }, 26 | "homepage": "https://github.com/the-teacher/protozaur#readme" 27 | } 28 | -------------------------------------------------------------------------------- /gulp/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "GulpHTMLBuilder", 3 | "version": "1.0.0", 4 | "description": "HTML builder", 5 | "main": "Gulpfile.js", 6 | "repository": "https://github.com/the-teacher", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "author": "https://github.com/the-teacher ; Ilya N. Zykin ", 11 | "license": "MIT", 12 | "dependencies": { 13 | "autoprefixer-core": "^5.1.7", 14 | "chokidar": "^1.0.0-rc4", 15 | "gulp": "^3.8.11", 16 | "gulp-batch": "^1.0.5", 17 | "gulp-clean": "^0.3.2", 18 | "gulp-coffee": "^2.3.1", 19 | "gulp-concat": "^2.5.2", 20 | "gulp-livereload": "^3.8.0", 21 | "gulp-minify-css": "^1.0.0", 22 | "gulp-plumber": "^1.0.0", 23 | "gulp-postcss": "^4.0.3", 24 | "gulp-sass": "^2.0.0", 25 | "gulp-util": "^3.0.4" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/buttons.sass: -------------------------------------------------------------------------------- 1 | .ptz_btn 2 | color: black 3 | font-size: 15px 4 | line-height: 18px 5 | 6 | padding: 7px 10px 7 | border-radius: 3px 8 | vertical-align: top 9 | border: 1px solid rgba(0, 0, 0, 0.2) 10 | 11 | text-align: center 12 | white-space: nowrap 13 | display: inline-block 14 | 15 | cursor: pointer 16 | background: white 17 | transition: background-color .2s ease 18 | 19 | &.current 20 | border-color: #7bc7ff 21 | background-color: #c5e6ff 22 | 23 | &:hover 24 | background-color: #c5e6ff 25 | 26 | &:hover 27 | color: #000 28 | background-color: #e3f2fd 29 | 30 | &:disabled, &[disabled] 31 | color: #eee 32 | background: white 33 | cursor: not-allowed 34 | pointer-events: none 35 | 36 | &:hover 37 | color: #eee 38 | background: white 39 | 40 | &:active 41 | box-shadow: 0 1px 5px #7bc7ff 42 | -------------------------------------------------------------------------------- /gulp/gulp_tasks/tools.coffee: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | module.exports = 4 | # App params 5 | params: require './_params' 6 | 7 | # `console.log` shortcut 8 | log: require './log.coffee' 9 | 10 | # Events debounce 11 | batch: require 'gulp-batch' 12 | # Watcher => events: ready add change unlink addDir unlinkDir raw error 13 | chokidar: require 'chokidar' 14 | # Gulp - don't panic! 15 | plumber: require 'gulp-plumber' 16 | # Page autoreload 17 | livereload: require 'gulp-livereload' 18 | 19 | # Base 20 | fs: require 'fs' 21 | path: require 'path' 22 | gulp: require 'gulp' 23 | gutil: require 'gulp-util' 24 | 25 | # Common 26 | concat: require 'gulp-concat' # files 27 | clean: require 'gulp-clean' 28 | 29 | # SCSS/CSS 30 | sass: require 'gulp-sass' 31 | minCSS: require 'gulp-minify-css' 32 | 33 | # https://github.com/ai 34 | postcss: require 'gulp-postcss' 35 | autoprefixer: require 'autoprefixer-core' 36 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/checkboxes.sass: -------------------------------------------------------------------------------- 1 | .ptz_checkbox 2 | display: none 3 | 4 | + label 5 | cursor: pointer 6 | position: relative 7 | display: inline-block 8 | margin-left: 30px 9 | 10 | &:before 11 | content: '' 12 | display: block 13 | position: absolute 14 | top: 0 15 | left: -30px 16 | width: 19px 17 | height: 19px 18 | border-radius: 5px 19 | border: 4px solid lightgray 20 | 21 | &:after 22 | content: '' 23 | display: block 24 | position: absolute 25 | top: 5px 26 | left: -25px 27 | width: 9px 28 | height: 9px 29 | border-radius: 2px 30 | 31 | &:hover:after 32 | background-color: gray 33 | 34 | .ptz_checkbox 35 | &:checked 36 | + label:after 37 | background: black 38 | 39 | &:disabled 40 | + label 41 | cursor: not-allowed 42 | 43 | &:disabled:not(:checked) 44 | + label:hover:after 45 | background-color: transparent 46 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/buttons.css: -------------------------------------------------------------------------------- 1 | .ptz_btn { 2 | color: black; 3 | font-size: 15px; 4 | line-height: 18px; 5 | padding: 7px 10px; 6 | border-radius: 3px; 7 | vertical-align: top; 8 | border: 1px solid rgba(0, 0, 0, 0.2); 9 | text-align: center; 10 | white-space: nowrap; 11 | display: inline-block; 12 | cursor: pointer; 13 | background: white; 14 | transition: background-color .2s ease; 15 | } 16 | 17 | .ptz_btn.current { 18 | border-color: #7bc7ff; 19 | background-color: #c5e6ff; 20 | } 21 | 22 | .ptz_btn.current:hover { 23 | background-color: #c5e6ff; 24 | } 25 | 26 | .ptz_btn:hover { 27 | color: #000; 28 | background-color: #e3f2fd; 29 | } 30 | 31 | .ptz_btn:disabled, .ptz_btn[disabled] { 32 | color: #eee; 33 | background: white; 34 | cursor: not-allowed; 35 | pointer-events: none; 36 | } 37 | 38 | .ptz_btn:disabled:hover, .ptz_btn[disabled]:hover { 39 | color: #eee; 40 | background: white; 41 | } 42 | 43 | .ptz_btn:active { 44 | box-shadow: 0 1px 5px #7bc7ff; 45 | } 46 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/inputs_buttons/radiobuttons.sass: -------------------------------------------------------------------------------- 1 | .ptz_radio_button 2 | display: none 3 | 4 | + label 5 | cursor: pointer 6 | position: relative 7 | display: inline-block 8 | margin-left: 30px 9 | 10 | &:before 11 | content: '' 12 | display: block 13 | position: absolute 14 | top: 0 15 | left: -30px 16 | width: 19px 17 | height: 19px 18 | border-radius: 10px 19 | border: 4px solid lightgray 20 | 21 | &:after 22 | content: '' 23 | display: block 24 | position: absolute 25 | top: 5px 26 | left: -25px 27 | width: 9px 28 | height: 9px 29 | border-radius: 10px 30 | 31 | &:hover:after 32 | background-color: gray 33 | 34 | .ptz_radio_button 35 | &:checked 36 | + label:after 37 | background: black 38 | 39 | &:disabled 40 | + label 41 | cursor: not-allowed 42 | 43 | &:disabled:not(:checked) 44 | + label:hover:after 45 | background-color: transparent 46 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/checkboxes.css: -------------------------------------------------------------------------------- 1 | .ptz_checkbox { 2 | display: none; 3 | } 4 | 5 | .ptz_checkbox + label { 6 | cursor: pointer; 7 | position: relative; 8 | display: inline-block; 9 | margin-left: 30px; 10 | } 11 | 12 | .ptz_checkbox + label:before { 13 | content: ''; 14 | display: block; 15 | position: absolute; 16 | top: 0; 17 | left: -30px; 18 | width: 19px; 19 | height: 19px; 20 | border-radius: 5px; 21 | border: 4px solid lightgray; 22 | } 23 | 24 | .ptz_checkbox + label:after { 25 | content: ''; 26 | display: block; 27 | position: absolute; 28 | top: 5px; 29 | left: -25px; 30 | width: 9px; 31 | height: 9px; 32 | border-radius: 2px; 33 | } 34 | 35 | .ptz_checkbox + label:hover:after { 36 | background-color: gray; 37 | } 38 | 39 | .ptz_checkbox:checked + label:after { 40 | background: black; 41 | } 42 | 43 | .ptz_checkbox:disabled + label { 44 | cursor: not-allowed; 45 | } 46 | 47 | .ptz_checkbox:disabled:not(:checked) + label:hover:after { 48 | background-color: transparent; 49 | } 50 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/radiobuttons.css: -------------------------------------------------------------------------------- 1 | .ptz_radio_button { 2 | display: none; 3 | } 4 | 5 | .ptz_radio_button + label { 6 | cursor: pointer; 7 | position: relative; 8 | display: inline-block; 9 | margin-left: 30px; 10 | } 11 | 12 | .ptz_radio_button + label:before { 13 | content: ''; 14 | display: block; 15 | position: absolute; 16 | top: 0; 17 | left: -30px; 18 | width: 19px; 19 | height: 19px; 20 | border-radius: 10px; 21 | border: 4px solid lightgray; 22 | } 23 | 24 | .ptz_radio_button + label:after { 25 | content: ''; 26 | display: block; 27 | position: absolute; 28 | top: 5px; 29 | left: -25px; 30 | width: 9px; 31 | height: 9px; 32 | border-radius: 10px; 33 | } 34 | 35 | .ptz_radio_button + label:hover:after { 36 | background-color: gray; 37 | } 38 | 39 | .ptz_radio_button:checked + label:after { 40 | background: black; 41 | } 42 | 43 | .ptz_radio_button:disabled + label { 44 | cursor: not-allowed; 45 | } 46 | 47 | .ptz_radio_button:disabled:not(:checked) + label:hover:after { 48 | background-color: transparent; 49 | } 50 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015-[Current Year] Ilya N. Zykin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /ptz/reset.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | border: 0; 5 | outline: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | *:hover, *:active, *:focus { 10 | outline: 0; 11 | } 12 | 13 | *::after, *::before { 14 | box-sizing: border-box; 15 | } 16 | 17 | body { 18 | color: black; 19 | font-size: 10px; 20 | line-height: 125%; 21 | background: white; 22 | } 23 | 24 | ol, ul { 25 | list-style: none; 26 | } 27 | 28 | li { 29 | list-style-position: outside; 30 | } 31 | 32 | a, a:hover { 33 | text-decoration: none; 34 | } 35 | 36 | a img { 37 | border: none; 38 | } 39 | 40 | img { 41 | vertical-align: top; 42 | } 43 | 44 | table, tr, th, td { 45 | border-collapse: collapse; 46 | vertical-align: top; 47 | border-spacing: 0; 48 | } 49 | 50 | th { 51 | font-weight: bold; 52 | } 53 | 54 | input::-moz-placeholder { 55 | color: #ccc !important; 56 | } 57 | 58 | input:-ms-input-placeholder { 59 | color: #ccc !important; 60 | } 61 | 62 | input::-webkit-input-placeholder { 63 | color: #ccc !important; 64 | } 65 | 66 | input:focus::-webkit-input-placeholder { 67 | color: transparent !important; 68 | } 69 | 70 | input[type=submit] { 71 | cursor: pointer; 72 | } 73 | 74 | ::-moz-focus-inner { 75 | border: 0; 76 | margin: 0; 77 | padding: 0; 78 | outline: 0; 79 | } 80 | -------------------------------------------------------------------------------- /ptz/framework/font_size.css: -------------------------------------------------------------------------------- 1 | .fs0 { 2 | font-size: 0 !important; 3 | } 4 | 5 | .fs10 { 6 | font-size: 10px !important; 7 | } 8 | 9 | .fs11 { 10 | font-size: 11px !important; 11 | } 12 | 13 | .fs12 { 14 | font-size: 12px !important; 15 | } 16 | 17 | .fs13 { 18 | font-size: 13px !important; 19 | } 20 | 21 | .fs14 { 22 | font-size: 14px !important; 23 | } 24 | 25 | .fs15 { 26 | font-size: 15px !important; 27 | } 28 | 29 | .fs16 { 30 | font-size: 16px !important; 31 | } 32 | 33 | .fs17 { 34 | font-size: 17px !important; 35 | } 36 | 37 | .fs18 { 38 | font-size: 18px !important; 39 | } 40 | 41 | .fs19 { 42 | font-size: 19px !important; 43 | } 44 | 45 | .fs20 { 46 | font-size: 20px !important; 47 | } 48 | 49 | .fs21 { 50 | font-size: 21px !important; 51 | } 52 | 53 | .fs22 { 54 | font-size: 22px !important; 55 | } 56 | 57 | .fs23 { 58 | font-size: 23px !important; 59 | } 60 | 61 | .fs24 { 62 | font-size: 24px !important; 63 | } 64 | 65 | .fs25 { 66 | font-size: 25px !important; 67 | } 68 | 69 | .fs26 { 70 | font-size: 26px !important; 71 | } 72 | 73 | .fs27 { 74 | font-size: 27px !important; 75 | } 76 | 77 | .fs28 { 78 | font-size: 28px !important; 79 | } 80 | 81 | .fs29 { 82 | font-size: 29px !important; 83 | } 84 | 85 | .fs30 { 86 | font-size: 30px !important; 87 | } 88 | -------------------------------------------------------------------------------- /ptz/framework/line_height.css: -------------------------------------------------------------------------------- 1 | .lh100 { 2 | line-height: 100% !important; 3 | } 4 | 5 | .lh105 { 6 | line-height: 105% !important; 7 | } 8 | 9 | .lh110 { 10 | line-height: 110% !important; 11 | } 12 | 13 | .lh115 { 14 | line-height: 115% !important; 15 | } 16 | 17 | .lh120 { 18 | line-height: 120% !important; 19 | } 20 | 21 | .lh125 { 22 | line-height: 125% !important; 23 | } 24 | 25 | .lh130 { 26 | line-height: 130% !important; 27 | } 28 | 29 | .lh135 { 30 | line-height: 135% !important; 31 | } 32 | 33 | .lh140 { 34 | line-height: 140% !important; 35 | } 36 | 37 | .lh145 { 38 | line-height: 145% !important; 39 | } 40 | 41 | .lh150 { 42 | line-height: 150% !important; 43 | } 44 | 45 | .lh155 { 46 | line-height: 155% !important; 47 | } 48 | 49 | .lh160 { 50 | line-height: 160% !important; 51 | } 52 | 53 | .lh165 { 54 | line-height: 165% !important; 55 | } 56 | 57 | .lh170 { 58 | line-height: 170% !important; 59 | } 60 | 61 | .lh175 { 62 | line-height: 175% !important; 63 | } 64 | 65 | .lh180 { 66 | line-height: 180% !important; 67 | } 68 | 69 | .lh185 { 70 | line-height: 185% !important; 71 | } 72 | 73 | .lh190 { 74 | line-height: 190% !important; 75 | } 76 | 77 | .lh195 { 78 | line-height: 195% !important; 79 | } 80 | 81 | .lh200 { 82 | line-height: 200% !important; 83 | } 84 | -------------------------------------------------------------------------------- /ptz/base.min.css: -------------------------------------------------------------------------------- 1 | * html .clearfix,.ofh{zoom:1}.clearfix:after{content:'.';display:block;line-height:0;height:0;clear:both;visibility:hidden}html[xmlns] .clearfix{display:block}.pull-left{float:left!important}.pull-right{float:right!important}.ofh{overflow:hidden!important}.xscroll{overflow-x:scroll!important}.yscroll{overflow-y:scroll!important}h1,h2,h3,h4,h5,h6{font-size:18px;line-height:130%;font-weight:400}.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%}hr,p{margin:20px 0}.ol li{list-style-type:decimal}.ul li{list-style-type:disc}a{color:#012d85;transition:color .2s ease}a:hover{color:red}sub,sup{font-size:85%;zoom:1}sup{vertical-align:40%}sub{vertical-align:-40%}.hidden{display:none!important}.invisible{visibility:hidden!important;height:0!important}.visible{visibility:visible!important;height:auto!important}.solid-0{overflow:auto!important}.solid-1{border:1px solid transparent!important}p{color:#292e31;font-size:16px;line-height:160%}hr{border-top:1px solid #000}.text_select-off{-webkit-touch-callout:none;-khtml-user-select:none;-o-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text_select-on{-webkit-touch-callout:all;-khtml-user-select:all;-o-user-select:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}noscript{background:red;padding:5px;color:#fff;font-size:20px} -------------------------------------------------------------------------------- /protozaur.gemspec: -------------------------------------------------------------------------------- 1 | # coding: utf-8 2 | lib = File.expand_path('../lib', __FILE__) 3 | $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib) 4 | require 'protozaur/version' 5 | 6 | Gem::Specification.new do |spec| 7 | spec.name = "protozaur" 8 | spec.version = Protozaur::VERSION 9 | spec.authors = ["Ilya N. Zykin"] 10 | spec.email = ["zykin-ilya@ya.ru"] 11 | 12 | spec.summary = %q{Protozaur CSS framework} 13 | spec.description = %q{Protozaur CSS framework. Epic css framework} 14 | spec.homepage = "http://github.com/the-teacher/protozaur" 15 | spec.license = "MIT" 16 | 17 | # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or 18 | # delete this section to allow pushing this gem to any host. 19 | if spec.respond_to?(:metadata) 20 | spec.metadata['allowed_push_host'] = "https://rubygems.org" 21 | else 22 | raise "RubyGems 2.0 or newer is required to protect against public gem pushes." 23 | end 24 | 25 | spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) } 26 | spec.bindir = "exe" 27 | spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) } 28 | spec.require_paths = ["lib"] 29 | 30 | spec.add_development_dependency "bundler", "~> 1.10" 31 | spec.add_development_dependency "rake", "~> 10.0" 32 | spec.add_development_dependency "autoprefixer-rails" 33 | end 34 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/sizes.css: -------------------------------------------------------------------------------- 1 | .ptz_size-10 { 2 | font-size: 10px; 3 | line-height: 13px; 4 | padding: 5px 8px; 5 | } 6 | 7 | .ptz_size-11 { 8 | font-size: 11px; 9 | line-height: 14px; 10 | padding: 6px 9px; 11 | } 12 | 13 | .ptz_size-12 { 14 | font-size: 12px; 15 | line-height: 15px; 16 | padding: 7px 10px; 17 | } 18 | 19 | .ptz_size-13 { 20 | font-size: 13px; 21 | line-height: 16px; 22 | padding: 8px 11px; 23 | } 24 | 25 | .ptz_size-14 { 26 | font-size: 14px; 27 | line-height: 17px; 28 | padding: 9px 12px; 29 | } 30 | 31 | .ptz_size-15 { 32 | font-size: 15px; 33 | line-height: 18px; 34 | padding: 10px 13px; 35 | } 36 | 37 | .ptz_size-16 { 38 | font-size: 16px; 39 | line-height: 19px; 40 | padding: 11px 14px; 41 | } 42 | 43 | .ptz_size-17 { 44 | font-size: 17px; 45 | line-height: 20px; 46 | padding: 12px 15px; 47 | } 48 | 49 | .ptz_size-18 { 50 | font-size: 18px; 51 | line-height: 21px; 52 | padding: 13px 16px; 53 | } 54 | 55 | .ptz_size-19 { 56 | font-size: 19px; 57 | line-height: 22px; 58 | padding: 14px 17px; 59 | } 60 | 61 | .ptz_size-20 { 62 | font-size: 20px; 63 | line-height: 23px; 64 | padding: 15px 18px; 65 | } 66 | 67 | .ptz_size-21 { 68 | font-size: 21px; 69 | line-height: 24px; 70 | padding: 16px 19px; 71 | } 72 | 73 | .ptz_size-22 { 74 | font-size: 22px; 75 | line-height: 25px; 76 | padding: 17px 20px; 77 | } 78 | 79 | .ptz_size-23 { 80 | font-size: 23px; 81 | line-height: 26px; 82 | padding: 18px 21px; 83 | } 84 | 85 | .ptz_size-24 { 86 | font-size: 24px; 87 | line-height: 27px; 88 | padding: 19px 22px; 89 | } 90 | 91 | .ptz_size-25 { 92 | font-size: 25px; 93 | line-height: 28px; 94 | padding: 20px 23px; 95 | } 96 | -------------------------------------------------------------------------------- /app/assets/stylesheets/ptz/flex.scss: -------------------------------------------------------------------------------- 1 | .flex { 2 | &-holder { 3 | display: flex !important 4 | } 5 | 6 | &-iholder { 7 | display: inline-flex !important 8 | } 9 | } 10 | 11 | .flex { 12 | $map: ( 13 | row: row, 14 | rrow: row-revers, 15 | col: column, 16 | rcol: column-reverse 17 | ); 18 | 19 | @each $mapk, $mapv in $map { 20 | &-dir_#{$mapk} { 21 | flex-direction: $mapv !important 22 | } 23 | } 24 | } 25 | 26 | .flex { 27 | $map: ( 28 | a: space-around, 29 | b: space-between, 30 | c: center, 31 | e: flex-end, 32 | s: flex-start 33 | ); 34 | 35 | @each $mapk, $mapv in $map { 36 | &-jc_#{$mapk} { 37 | justify-content: $mapv !important 38 | } 39 | } 40 | } 41 | 42 | .flex { 43 | $map: ( 44 | wrap: wrap, 45 | nowrap: nowrap, 46 | rwrap: wrap-reverse 47 | ); 48 | 49 | @each $mapk, $mapv in $map { 50 | &-#{$mapk} { 51 | flex-wrap: $mapv !important 52 | } 53 | } 54 | } 55 | 56 | .flex { 57 | $fdir: ( 58 | row: row, 59 | rrow: row-reverse, 60 | col: column, 61 | rcol: column-reverse 62 | ); 63 | 64 | $fwrap: ( 65 | nowrap: nowrap, 66 | wrap: wrap, 67 | rwrap: wrap-reverse 68 | ); 69 | 70 | &-flow { 71 | @each $fdirk, $fdirv in $fdir { 72 | @each $fwrapk, $fwrapv in $fwrap { 73 | &_#{$fdirk}_#{$fwrapk} { 74 | flex-flow: $fdirv $fwrapv !important 75 | } 76 | } 77 | } 78 | } 79 | } 80 | 81 | .flex { 82 | $ai: ( 83 | st: stretch, 84 | c: center, 85 | b: baseline, 86 | s: flex-start, 87 | e: flex-end 88 | ); 89 | 90 | @each $aik, $aiv in $ai { 91 | &-ai_#{$aik} { 92 | align-items: $aiv !important 93 | } 94 | } 95 | } 96 | 97 | .flex { 98 | $ac: ( 99 | st: stretch, 100 | s: flex-start, 101 | e: flex-end, 102 | c: center, 103 | b: space-between, 104 | a: space-around 105 | ); 106 | 107 | @each $ack, $acv in $ac { 108 | &-ac_#{$ack} { 109 | align-content: $acv !important 110 | } 111 | } 112 | } 113 | 114 | .flex { 115 | $map: ( 116 | a: auto, 117 | s: flex-start, 118 | e: flex-end, 119 | c: center, 120 | b: baseline, 121 | st: stretch 122 | ); 123 | 124 | @each $mapk, $mapv in $map { 125 | &-item_as_#{$mapk} { 126 | align-self: $mapv !important 127 | } 128 | } 129 | } 130 | -------------------------------------------------------------------------------- /ptz/base.css: -------------------------------------------------------------------------------- 1 | .clearfix:after { 2 | content: '.'; 3 | display: block; 4 | line-height: 0; 5 | height: 0; 6 | clear: both; 7 | visibility: hidden; 8 | } 9 | 10 | html[xmlns] .clearfix { 11 | display: block; 12 | } 13 | 14 | * html .clearfix { 15 | zoom: 1; 16 | } 17 | 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | .pull-right { 23 | float: right !important; 24 | } 25 | 26 | .ofh { 27 | overflow: hidden !important; 28 | zoom: 1; 29 | } 30 | 31 | .xscroll { 32 | overflow-x: scroll !important; 33 | } 34 | 35 | .yscroll { 36 | overflow-y: scroll !important; 37 | } 38 | 39 | h1, h2, h3, h4, h5, h6 { 40 | font-size: 18px; 41 | line-height: 130%; 42 | font-weight: normal; 43 | } 44 | 45 | .ol, .ul { 46 | margin-left: 20px; 47 | margin-bottom: 20px; 48 | } 49 | 50 | .ol li, .ul li { 51 | list-style-position: outside; 52 | margin-left: 15px; 53 | padding-left: 5px; 54 | line-height: 135%; 55 | } 56 | 57 | .ol li { 58 | list-style-type: decimal; 59 | } 60 | 61 | .ul li { 62 | list-style-type: disc; 63 | } 64 | 65 | a { 66 | color: #012d85; 67 | transition: color .2s ease; 68 | } 69 | 70 | a:hover { 71 | color: red; 72 | } 73 | 74 | sup, sub { 75 | font-size: 85%; 76 | zoom: 1; 77 | } 78 | 79 | sup { 80 | vertical-align: 40%; 81 | } 82 | 83 | sub { 84 | vertical-align: -40%; 85 | } 86 | 87 | .hidden { 88 | display: none !important; 89 | } 90 | 91 | .invisible { 92 | visibility: hidden !important; 93 | height: 0 !important; 94 | } 95 | 96 | .visible { 97 | visibility: visible !important; 98 | height: auto !important; 99 | } 100 | 101 | .solid-0 { 102 | overflow: auto !important; 103 | } 104 | 105 | .solid-1 { 106 | border: 1px solid transparent !important; 107 | } 108 | 109 | p { 110 | margin: 20px 0; 111 | color: #292e31; 112 | font-size: 16px; 113 | line-height: 160%; 114 | } 115 | 116 | hr { 117 | border-top: 1px solid #000; 118 | margin: 20px 0; 119 | } 120 | 121 | .text_select-off { 122 | -webkit-touch-callout: none; 123 | -khtml-user-select: none; 124 | -o-user-select: none; 125 | -webkit-user-select: none; 126 | -moz-user-select: none; 127 | -ms-user-select: none; 128 | user-select: none; 129 | } 130 | 131 | .text_select-on { 132 | -webkit-touch-callout: all; 133 | -khtml-user-select: all; 134 | -o-user-select: all; 135 | -webkit-user-select: all; 136 | -moz-user-select: all; 137 | -ms-user-select: all; 138 | user-select: all; 139 | } 140 | 141 | noscript { 142 | background: red; 143 | padding: 5px; 144 | color: white; 145 | font-size: 20px; 146 | } 147 | -------------------------------------------------------------------------------- /gulp/gulp_tasks/sass.coffee: -------------------------------------------------------------------------------- 1 | tools = require './tools.coffee' 2 | 3 | fs = tools.fs 4 | log = tools.log 5 | 6 | gulp = tools.gulp 7 | gutil = tools.gutil 8 | 9 | params = tools.params 10 | 11 | batch = tools.batch 12 | plumber = tools.plumber 13 | chokidar = tools.chokidar 14 | 15 | sass = tools.sass 16 | minCSS = tools.minCSS 17 | 18 | postcss = tools.postcss 19 | autoprefixer = tools.autoprefixer 20 | 21 | livereload = tools.livereload 22 | 23 | # Main Task 24 | gulp.task 'compileSass', -> 25 | sass_files = params.sass.src + params.sass.mask_sass 26 | 27 | gulp.src(sass_files) 28 | .pipe plumber() 29 | .pipe sass( outputStyle: 'expanded', indentedSyntax: true, errLogToConsole: true ) 30 | .pipe postcss [ 31 | autoprefixer( browsers: ['last 3 version'] ) 32 | ] 33 | # .pipe minCSS( keepBreaks: true ) 34 | .pipe gulp.dest(params.sass.dest) 35 | .pipe livereload() 36 | .on 'error', gutil.log 37 | 38 | gulp.task 'compileScss', -> 39 | scss_files = params.sass.src + params.sass.mask_scss 40 | 41 | gulp.src(scss_files) 42 | .pipe plumber() 43 | .pipe sass( outputStyle: 'expanded', errLogToConsole: true ) 44 | .pipe postcss [ 45 | autoprefixer( browsers: ['last 3 version'] ) 46 | ] 47 | # .pipe minCSS( keepBreaks: true ) 48 | .pipe gulp.dest(params.sass.dest) 49 | .pipe livereload() 50 | .on 'error', gutil.log 51 | 52 | # Watcher 53 | gulp.task 'watchSassScss', -> 54 | sass_files = params.sass.src + params.sass.mask_sass 55 | scss_files = params.sass.src + params.sass.mask_scss 56 | 57 | chokidar.watch([ params.sass.src, sass_files, scss_files ]) 58 | .on 'ready', -> 59 | log 'compileSass::ready' 60 | 61 | gulp.start('compileSass') 62 | gulp.start('compileScss') 63 | 64 | .on 'add', batch { timeout: 100 }, (events, cb) -> 65 | log 'compileSass::add' 66 | 67 | gulp.start('compileSass') 68 | gulp.start('compileScss') 69 | 70 | events.on('data', log).on('end', cb) 71 | 72 | .on 'change', batch { timeout: 100 }, (events, cb) -> 73 | gulp.start('compileSass') 74 | gulp.start('compileScss') 75 | 76 | events.on('data', log).on('end', cb) 77 | 78 | .on 'unlink', batch { timeout: 100 }, (events, cb) -> 79 | log 'compileSass::unlink' 80 | 81 | events 82 | .on('data', (filepath) -> 83 | filename = filepath.split(params.sass.src)[1] 84 | filename = filename.replace(/sass$/g, 'css') 85 | filename = filename.replace(/scss$/g, 'css') 86 | filepath = params.sass.dest + filename 87 | 88 | fs.unlink filepath, (err) -> log "Deleted (File) `#{ filepath }`" 89 | ) 90 | .on('end', cb) 91 | 92 | .on 'addDir', batch { timeout: 100 }, (events, cb) -> 93 | log 'compileSass::linkDirs' 94 | 95 | gulp.start('compileSass') 96 | gulp.start('compileScss') 97 | 98 | events.on('data', log).on('end', cb) 99 | 100 | .on 'unlinkDir', batch { timeout: 100 }, (events, cb) -> 101 | log 'compileSass::unlinkDirs' 102 | 103 | events.on('data', (dirpath) -> 104 | dirpath = dirpath.split(params.sass.src)[1] 105 | dirpath = params.sass.dest + dirpath 106 | 107 | fs.rmdir dirpath, (err) -> log "Deleted (Directory) `#{ dirpath }`" 108 | ).on('end', cb) 109 | -------------------------------------------------------------------------------- /gulp/gulp_tasks/css.coffee: -------------------------------------------------------------------------------- 1 | tools = require './tools.coffee' 2 | 3 | fs = tools.fs 4 | log = tools.log 5 | 6 | gulp = tools.gulp 7 | gutil = tools.gutil 8 | 9 | params = tools.params 10 | 11 | batch = tools.batch 12 | plumber = tools.plumber 13 | chokidar = tools.chokidar 14 | 15 | concat = tools.concat 16 | minCSS = tools.minCSS 17 | 18 | livereload = tools.livereload 19 | 20 | # Main Task 21 | gulp.task 'copyCSS', ['compressCss'], -> 22 | css_files = params.css.src + params.css.mask 23 | 24 | gulp.src([ params.css.src, css_files ]) 25 | .pipe plumber() 26 | # .pipe minCSS( keepBreaks: false ) 27 | .pipe gulp.dest(params.css.dest) 28 | .pipe livereload() 29 | .on 'error', gutil.log 30 | 31 | gulp.task 'compressCss', -> 32 | reset = params.css.dest + 'ptz/reset.css' 33 | base = params.css.dest + 'ptz/base.css' 34 | fw = params.css.dest + 'ptz/framework.css' 35 | 36 | ib_base_1 = params.css.dest + 'ptz/inputs_buttons/buttons.css' 37 | ib_base_2 = params.css.dest + 'ptz/inputs_buttons/button_groups.css' 38 | ib_base_3 = params.css.dest + 'ptz/inputs_buttons/inputs.css' 39 | ib_base_4 = params.css.dest + 'ptz/inputs_buttons/sizes.css' 40 | 41 | dest_path = params.css.dest + 'ptz' 42 | 43 | gulp.src([ reset ]) 44 | .pipe plumber() 45 | .pipe concat('reset.min.css') 46 | .pipe minCSS( keepBreaks: false ) 47 | .pipe gulp.dest(dest_path) 48 | .on 'error', gutil.log 49 | 50 | gulp.src([ base ]) 51 | .pipe plumber() 52 | .pipe concat('base.min.css') 53 | .pipe minCSS( keepBreaks: false ) 54 | .pipe gulp.dest(dest_path) 55 | .on 'error', gutil.log 56 | 57 | gulp.src([ fw ]) 58 | .pipe plumber() 59 | .pipe concat('framework.min.css') 60 | .pipe minCSS( keepBreaks: false ) 61 | .pipe gulp.dest(dest_path) 62 | .on 'error', gutil.log 63 | 64 | gulp.src([ reset, base, fw, ib_base_1, ib_base_2, ib_base_3, ib_base_4 ]) 65 | .pipe plumber() 66 | .pipe concat('protozaur.min.css') 67 | .pipe minCSS( keepBreaks: false ) 68 | .pipe gulp.dest(dest_path) 69 | .on 'error', gutil.log 70 | 71 | # Watcher 72 | gulp.task 'watchCSS', -> 73 | css_files = params.css.src + params.css.mask 74 | 75 | chokidar.watch([ params.css.src, css_files ]) 76 | .on 'ready', -> 77 | log 'copyCSS::ready' 78 | gulp.start('copyCSS') 79 | 80 | .on 'add', batch { timeout: 100 }, (events, cb) -> 81 | log 'copyCSS::add' 82 | 83 | gulp.start('copyCSS') 84 | events.on('data', log).on('end', cb) 85 | 86 | .on 'change', batch { timeout: 100 }, (events, cb) -> 87 | log 'copyCSS::change' 88 | 89 | gulp.start('copyCSS') 90 | 91 | events.on('data', log).on('end', cb) 92 | 93 | .on 'unlink', batch { timeout: 100 }, (events, cb) -> 94 | log 'copyCSS::unlink' 95 | 96 | events 97 | .on('data', (filepath) -> 98 | filename = filepath.split(params.css.src)[1] 99 | filepath = params.css.dest + filename 100 | fs.unlink filepath, (err) -> log "Deleted (File) => `#{ filepath }`" 101 | ) 102 | .on('end', cb) 103 | 104 | .on 'addDir', batch { timeout: 100 }, (events, cb) -> 105 | log 'copyCSS::linkDirs' 106 | 107 | gulp.start('copyCSS') 108 | events.on('data', log).on('end', cb) 109 | 110 | .on 'unlinkDir', batch { timeout: 100 }, (events, cb) -> 111 | log 'copyCSS::unlinkDirs' 112 | 113 | events.on('data', (dirpath) -> 114 | dirpath = dirpath.split(params.css.src)[1] 115 | dirpath = params.css.dest + dirpath 116 | 117 | fs.rmdir dirpath, (err) -> log "Deleted (Directory) `#{ dirpath }`" 118 | ).on('end', cb) 119 | -------------------------------------------------------------------------------- /ptz/flex.css: -------------------------------------------------------------------------------- 1 | .flex-holder { 2 | display: -ms-flexbox !important; 3 | display: flex !important; 4 | } 5 | 6 | .flex-iholder { 7 | display: -ms-inline-flexbox !important; 8 | display: inline-flex !important; 9 | } 10 | 11 | .flex-dir_row { 12 | -ms-flex-direction: row !important; 13 | flex-direction: row !important; 14 | } 15 | 16 | .flex-dir_rrow { 17 | -ms-flex-direction: row-revers !important; 18 | flex-direction: row-revers !important; 19 | } 20 | 21 | .flex-dir_col { 22 | -ms-flex-direction: column !important; 23 | flex-direction: column !important; 24 | } 25 | 26 | .flex-dir_rcol { 27 | -ms-flex-direction: column-reverse !important; 28 | flex-direction: column-reverse !important; 29 | } 30 | 31 | .flex-jc_a { 32 | -ms-flex-pack: distribute !important; 33 | justify-content: space-around !important; 34 | } 35 | 36 | .flex-jc_b { 37 | -ms-flex-pack: justify !important; 38 | justify-content: space-between !important; 39 | } 40 | 41 | .flex-jc_c { 42 | -ms-flex-pack: center !important; 43 | justify-content: center !important; 44 | } 45 | 46 | .flex-jc_e { 47 | -ms-flex-pack: end !important; 48 | justify-content: flex-end !important; 49 | } 50 | 51 | .flex-jc_s { 52 | -ms-flex-pack: start !important; 53 | justify-content: flex-start !important; 54 | } 55 | 56 | .flex-wrap { 57 | -ms-flex-wrap: wrap !important; 58 | flex-wrap: wrap !important; 59 | } 60 | 61 | .flex-nowrap { 62 | -ms-flex-wrap: nowrap !important; 63 | flex-wrap: nowrap !important; 64 | } 65 | 66 | .flex-rwrap { 67 | -ms-flex-wrap: wrap-reverse !important; 68 | flex-wrap: wrap-reverse !important; 69 | } 70 | 71 | .flex-flow_row_nowrap { 72 | -ms-flex-flow: row nowrap !important; 73 | flex-flow: row nowrap !important; 74 | } 75 | 76 | .flex-flow_row_wrap { 77 | -ms-flex-flow: row wrap !important; 78 | flex-flow: row wrap !important; 79 | } 80 | 81 | .flex-flow_row_rwrap { 82 | -ms-flex-flow: row wrap-reverse !important; 83 | flex-flow: row wrap-reverse !important; 84 | } 85 | 86 | .flex-flow_rrow_nowrap { 87 | -ms-flex-flow: row-reverse nowrap !important; 88 | flex-flow: row-reverse nowrap !important; 89 | } 90 | 91 | .flex-flow_rrow_wrap { 92 | -ms-flex-flow: row-reverse wrap !important; 93 | flex-flow: row-reverse wrap !important; 94 | } 95 | 96 | .flex-flow_rrow_rwrap { 97 | -ms-flex-flow: row-reverse wrap-reverse !important; 98 | flex-flow: row-reverse wrap-reverse !important; 99 | } 100 | 101 | .flex-flow_col_nowrap { 102 | -ms-flex-flow: column nowrap !important; 103 | flex-flow: column nowrap !important; 104 | } 105 | 106 | .flex-flow_col_wrap { 107 | -ms-flex-flow: column wrap !important; 108 | flex-flow: column wrap !important; 109 | } 110 | 111 | .flex-flow_col_rwrap { 112 | -ms-flex-flow: column wrap-reverse !important; 113 | flex-flow: column wrap-reverse !important; 114 | } 115 | 116 | .flex-flow_rcol_nowrap { 117 | -ms-flex-flow: column-reverse nowrap !important; 118 | flex-flow: column-reverse nowrap !important; 119 | } 120 | 121 | .flex-flow_rcol_wrap { 122 | -ms-flex-flow: column-reverse wrap !important; 123 | flex-flow: column-reverse wrap !important; 124 | } 125 | 126 | .flex-flow_rcol_rwrap { 127 | -ms-flex-flow: column-reverse wrap-reverse !important; 128 | flex-flow: column-reverse wrap-reverse !important; 129 | } 130 | 131 | .flex-ai_st { 132 | -ms-flex-align: stretch !important; 133 | align-items: stretch !important; 134 | } 135 | 136 | .flex-ai_c { 137 | -ms-flex-align: center !important; 138 | align-items: center !important; 139 | } 140 | 141 | .flex-ai_b { 142 | -ms-flex-align: baseline !important; 143 | align-items: baseline !important; 144 | } 145 | 146 | .flex-ai_s { 147 | -ms-flex-align: start !important; 148 | align-items: flex-start !important; 149 | } 150 | 151 | .flex-ai_e { 152 | -ms-flex-align: end !important; 153 | align-items: flex-end !important; 154 | } 155 | 156 | .flex-ac_st { 157 | -ms-flex-line-pack: stretch !important; 158 | align-content: stretch !important; 159 | } 160 | 161 | .flex-ac_s { 162 | -ms-flex-line-pack: start !important; 163 | align-content: flex-start !important; 164 | } 165 | 166 | .flex-ac_e { 167 | -ms-flex-line-pack: end !important; 168 | align-content: flex-end !important; 169 | } 170 | 171 | .flex-ac_c { 172 | -ms-flex-line-pack: center !important; 173 | align-content: center !important; 174 | } 175 | 176 | .flex-ac_b { 177 | -ms-flex-line-pack: justify !important; 178 | align-content: space-between !important; 179 | } 180 | 181 | .flex-ac_a { 182 | -ms-flex-line-pack: distribute !important; 183 | align-content: space-around !important; 184 | } 185 | 186 | .flex-item_as_a { 187 | -ms-flex-item-align: auto !important; 188 | align-self: auto !important; 189 | } 190 | 191 | .flex-item_as_s { 192 | -ms-flex-item-align: start !important; 193 | align-self: flex-start !important; 194 | } 195 | 196 | .flex-item_as_e { 197 | -ms-flex-item-align: end !important; 198 | align-self: flex-end !important; 199 | } 200 | 201 | .flex-item_as_c { 202 | -ms-flex-item-align: center !important; 203 | align-self: center !important; 204 | } 205 | 206 | .flex-item_as_b { 207 | -ms-flex-item-align: baseline !important; 208 | align-self: baseline !important; 209 | } 210 | 211 | .flex-item_as_st { 212 | -ms-flex-item-align: stretch !important; 213 | align-self: stretch !important; 214 | } 215 | -------------------------------------------------------------------------------- /ptz/inputs_buttons/all.css: -------------------------------------------------------------------------------- 1 | .ptz_input, .ptz_textarea { 2 | color: black; 3 | font-size: 15px; 4 | line-height: 18px; 5 | padding: 7px 10px; 6 | border-radius: 3px; 7 | vertical-align: top; 8 | border: 1px solid rgba(0, 0, 0, 0.2); 9 | transition: box-shadow 0.3s ease-in-out; 10 | } 11 | 12 | .ptz_input:focus, .ptz_textarea:focus { 13 | box-shadow: 0 0px 7px rgba(123, 199, 255, 0.8); 14 | } 15 | 16 | .ptz_input:disabled, .ptz_textarea:disabled { 17 | color: #eee; 18 | background: white; 19 | cursor: not-allowed; 20 | } 21 | 22 | .ptz_input:disabled:hover, .ptz_textarea:disabled:hover { 23 | color: #eee; 24 | background: white; 25 | } 26 | 27 | .ptz_btn { 28 | color: black; 29 | font-size: 15px; 30 | line-height: 18px; 31 | padding: 7px 10px; 32 | border-radius: 3px; 33 | vertical-align: top; 34 | border: 1px solid rgba(0, 0, 0, 0.2); 35 | text-align: center; 36 | white-space: nowrap; 37 | display: inline-block; 38 | cursor: pointer; 39 | background: white; 40 | transition: background-color .2s ease; 41 | } 42 | 43 | .ptz_btn.current { 44 | border-color: #7bc7ff; 45 | background-color: #c5e6ff; 46 | } 47 | 48 | .ptz_btn.current:hover { 49 | background-color: #c5e6ff; 50 | } 51 | 52 | .ptz_btn:hover { 53 | color: #000; 54 | background-color: #e3f2fd; 55 | } 56 | 57 | .ptz_btn:disabled, .ptz_btn[disabled] { 58 | color: #eee; 59 | background: white; 60 | cursor: not-allowed; 61 | pointer-events: none; 62 | } 63 | 64 | .ptz_btn:disabled:hover, .ptz_btn[disabled]:hover { 65 | color: #eee; 66 | background: white; 67 | } 68 | 69 | .ptz_btn:active { 70 | box-shadow: 0 1px 5px #7bc7ff; 71 | } 72 | 73 | .ptz_group .ptz_btn, .ptz_group .ptz_input { 74 | border-radius: 0; 75 | } 76 | 77 | .ptz_group .ptz_btn-first, .ptz_group .ptz_btn:first-child, .ptz_group .ptz_input-first, .ptz_group .ptz_input:first-child { 78 | margin-right: -1px; 79 | border-radius: 0; 80 | border-top-left-radius: 3px; 81 | border-bottom-left-radius: 3px; 82 | } 83 | 84 | .ptz_group .ptz_btn-last, .ptz_group .ptz_btn:last-child, .ptz_group .ptz_input-last, .ptz_group .ptz_input:last-child { 85 | margin-left: -1px; 86 | border-radius: 0; 87 | border-top-right-radius: 3px; 88 | border-bottom-right-radius: 3px; 89 | } 90 | 91 | .ptz_checkbox { 92 | display: none; 93 | } 94 | 95 | .ptz_checkbox + label { 96 | cursor: pointer; 97 | position: relative; 98 | display: inline-block; 99 | margin-left: 30px; 100 | } 101 | 102 | .ptz_checkbox + label:before { 103 | content: ''; 104 | display: block; 105 | position: absolute; 106 | top: 0; 107 | left: -30px; 108 | width: 19px; 109 | height: 19px; 110 | border-radius: 5px; 111 | border: 4px solid lightgray; 112 | } 113 | 114 | .ptz_checkbox + label:after { 115 | content: ''; 116 | display: block; 117 | position: absolute; 118 | top: 5px; 119 | left: -25px; 120 | width: 9px; 121 | height: 9px; 122 | border-radius: 2px; 123 | } 124 | 125 | .ptz_checkbox + label:hover:after { 126 | background-color: gray; 127 | } 128 | 129 | .ptz_checkbox:checked + label:after { 130 | background: black; 131 | } 132 | 133 | .ptz_checkbox:disabled + label { 134 | cursor: not-allowed; 135 | } 136 | 137 | .ptz_checkbox:disabled:not(:checked) + label:hover:after { 138 | background-color: transparent; 139 | } 140 | 141 | .ptz_radio_button { 142 | display: none; 143 | } 144 | 145 | .ptz_radio_button + label { 146 | cursor: pointer; 147 | position: relative; 148 | display: inline-block; 149 | margin-left: 30px; 150 | } 151 | 152 | .ptz_radio_button + label:before { 153 | content: ''; 154 | display: block; 155 | position: absolute; 156 | top: 0; 157 | left: -30px; 158 | width: 19px; 159 | height: 19px; 160 | border-radius: 10px; 161 | border: 4px solid lightgray; 162 | } 163 | 164 | .ptz_radio_button + label:after { 165 | content: ''; 166 | display: block; 167 | position: absolute; 168 | top: 5px; 169 | left: -25px; 170 | width: 9px; 171 | height: 9px; 172 | border-radius: 10px; 173 | } 174 | 175 | .ptz_radio_button + label:hover:after { 176 | background-color: gray; 177 | } 178 | 179 | .ptz_radio_button:checked + label:after { 180 | background: black; 181 | } 182 | 183 | .ptz_radio_button:disabled + label { 184 | cursor: not-allowed; 185 | } 186 | 187 | .ptz_radio_button:disabled:not(:checked) + label:hover:after { 188 | background-color: transparent; 189 | } 190 | 191 | .ptz_fileinput { 192 | width: 0.1px; 193 | height: 0.1px; 194 | z-index: -1; 195 | opacity: 0; 196 | overflow: hidden; 197 | position: absolute; 198 | } 199 | 200 | .ptz_fileinput + label { 201 | color: black; 202 | font-size: 15px; 203 | line-height: 18px; 204 | padding: 7px 10px; 205 | border-radius: 3px; 206 | vertical-align: top; 207 | border: 1px solid rgba(0, 0, 0, 0.2); 208 | text-align: center; 209 | white-space: nowrap; 210 | display: inline-block; 211 | cursor: pointer; 212 | background: white; 213 | transition: background-color .2s ease; 214 | } 215 | 216 | .ptz_fileinput:disabled + label { 217 | color: #eee; 218 | background: white; 219 | cursor: not-allowed; 220 | } 221 | 222 | .ptz_size-10 { 223 | font-size: 10px; 224 | line-height: 13px; 225 | padding: 5px 8px; 226 | } 227 | 228 | .ptz_size-11 { 229 | font-size: 11px; 230 | line-height: 14px; 231 | padding: 6px 9px; 232 | } 233 | 234 | .ptz_size-12 { 235 | font-size: 12px; 236 | line-height: 15px; 237 | padding: 7px 10px; 238 | } 239 | 240 | .ptz_size-13 { 241 | font-size: 13px; 242 | line-height: 16px; 243 | padding: 8px 11px; 244 | } 245 | 246 | .ptz_size-14 { 247 | font-size: 14px; 248 | line-height: 17px; 249 | padding: 9px 12px; 250 | } 251 | 252 | .ptz_size-15 { 253 | font-size: 15px; 254 | line-height: 18px; 255 | padding: 10px 13px; 256 | } 257 | 258 | .ptz_size-16 { 259 | font-size: 16px; 260 | line-height: 19px; 261 | padding: 11px 14px; 262 | } 263 | 264 | .ptz_size-17 { 265 | font-size: 17px; 266 | line-height: 20px; 267 | padding: 12px 15px; 268 | } 269 | 270 | .ptz_size-18 { 271 | font-size: 18px; 272 | line-height: 21px; 273 | padding: 13px 16px; 274 | } 275 | 276 | .ptz_size-19 { 277 | font-size: 19px; 278 | line-height: 22px; 279 | padding: 14px 17px; 280 | } 281 | 282 | .ptz_size-20 { 283 | font-size: 20px; 284 | line-height: 23px; 285 | padding: 15px 18px; 286 | } 287 | 288 | .ptz_size-21 { 289 | font-size: 21px; 290 | line-height: 24px; 291 | padding: 16px 19px; 292 | } 293 | 294 | .ptz_size-22 { 295 | font-size: 22px; 296 | line-height: 25px; 297 | padding: 17px 20px; 298 | } 299 | 300 | .ptz_size-23 { 301 | font-size: 23px; 302 | line-height: 26px; 303 | padding: 18px 21px; 304 | } 305 | 306 | .ptz_size-24 { 307 | font-size: 24px; 308 | line-height: 27px; 309 | padding: 19px 22px; 310 | } 311 | 312 | .ptz_size-25 { 313 | font-size: 25px; 314 | line-height: 28px; 315 | padding: 20px 23px; 316 | } 317 | -------------------------------------------------------------------------------- /ptz/framework/margins_paddings.css: -------------------------------------------------------------------------------- 1 | .ma { 2 | margin: auto; 3 | } 4 | 5 | .p0 { 6 | padding: 0px !important; 7 | } 8 | 9 | .m0 { 10 | margin: 0px !important; 11 | } 12 | 13 | .pt0 { 14 | padding-top: 0px !important; 15 | } 16 | 17 | .pr0 { 18 | padding-right: 0px !important; 19 | } 20 | 21 | .pb0 { 22 | padding-bottom: 0px !important; 23 | } 24 | 25 | .pl0 { 26 | padding-left: 0px !important; 27 | } 28 | 29 | .mt0 { 30 | margin-top: 0px !important; 31 | } 32 | 33 | .mr0 { 34 | margin-right: 0px !important; 35 | } 36 | 37 | .mb0 { 38 | margin-bottom: 0px !important; 39 | } 40 | 41 | .ml0 { 42 | margin-left: 0px !important; 43 | } 44 | 45 | .p5 { 46 | padding: 5px !important; 47 | } 48 | 49 | .m5 { 50 | margin: 5px !important; 51 | } 52 | 53 | .pt5 { 54 | padding-top: 5px !important; 55 | } 56 | 57 | .pr5 { 58 | padding-right: 5px !important; 59 | } 60 | 61 | .pb5 { 62 | padding-bottom: 5px !important; 63 | } 64 | 65 | .pl5 { 66 | padding-left: 5px !important; 67 | } 68 | 69 | .mt5 { 70 | margin-top: 5px !important; 71 | } 72 | 73 | .mr5 { 74 | margin-right: 5px !important; 75 | } 76 | 77 | .mb5 { 78 | margin-bottom: 5px !important; 79 | } 80 | 81 | .ml5 { 82 | margin-left: 5px !important; 83 | } 84 | 85 | .p10 { 86 | padding: 10px !important; 87 | } 88 | 89 | .m10 { 90 | margin: 10px !important; 91 | } 92 | 93 | .pt10 { 94 | padding-top: 10px !important; 95 | } 96 | 97 | .pr10 { 98 | padding-right: 10px !important; 99 | } 100 | 101 | .pb10 { 102 | padding-bottom: 10px !important; 103 | } 104 | 105 | .pl10 { 106 | padding-left: 10px !important; 107 | } 108 | 109 | .mt10 { 110 | margin-top: 10px !important; 111 | } 112 | 113 | .mr10 { 114 | margin-right: 10px !important; 115 | } 116 | 117 | .mb10 { 118 | margin-bottom: 10px !important; 119 | } 120 | 121 | .ml10 { 122 | margin-left: 10px !important; 123 | } 124 | 125 | .p15 { 126 | padding: 15px !important; 127 | } 128 | 129 | .m15 { 130 | margin: 15px !important; 131 | } 132 | 133 | .pt15 { 134 | padding-top: 15px !important; 135 | } 136 | 137 | .pr15 { 138 | padding-right: 15px !important; 139 | } 140 | 141 | .pb15 { 142 | padding-bottom: 15px !important; 143 | } 144 | 145 | .pl15 { 146 | padding-left: 15px !important; 147 | } 148 | 149 | .mt15 { 150 | margin-top: 15px !important; 151 | } 152 | 153 | .mr15 { 154 | margin-right: 15px !important; 155 | } 156 | 157 | .mb15 { 158 | margin-bottom: 15px !important; 159 | } 160 | 161 | .ml15 { 162 | margin-left: 15px !important; 163 | } 164 | 165 | .p20 { 166 | padding: 20px !important; 167 | } 168 | 169 | .m20 { 170 | margin: 20px !important; 171 | } 172 | 173 | .pt20 { 174 | padding-top: 20px !important; 175 | } 176 | 177 | .pr20 { 178 | padding-right: 20px !important; 179 | } 180 | 181 | .pb20 { 182 | padding-bottom: 20px !important; 183 | } 184 | 185 | .pl20 { 186 | padding-left: 20px !important; 187 | } 188 | 189 | .mt20 { 190 | margin-top: 20px !important; 191 | } 192 | 193 | .mr20 { 194 | margin-right: 20px !important; 195 | } 196 | 197 | .mb20 { 198 | margin-bottom: 20px !important; 199 | } 200 | 201 | .ml20 { 202 | margin-left: 20px !important; 203 | } 204 | 205 | .p25 { 206 | padding: 25px !important; 207 | } 208 | 209 | .m25 { 210 | margin: 25px !important; 211 | } 212 | 213 | .pt25 { 214 | padding-top: 25px !important; 215 | } 216 | 217 | .pr25 { 218 | padding-right: 25px !important; 219 | } 220 | 221 | .pb25 { 222 | padding-bottom: 25px !important; 223 | } 224 | 225 | .pl25 { 226 | padding-left: 25px !important; 227 | } 228 | 229 | .mt25 { 230 | margin-top: 25px !important; 231 | } 232 | 233 | .mr25 { 234 | margin-right: 25px !important; 235 | } 236 | 237 | .mb25 { 238 | margin-bottom: 25px !important; 239 | } 240 | 241 | .ml25 { 242 | margin-left: 25px !important; 243 | } 244 | 245 | .p30 { 246 | padding: 30px !important; 247 | } 248 | 249 | .m30 { 250 | margin: 30px !important; 251 | } 252 | 253 | .pt30 { 254 | padding-top: 30px !important; 255 | } 256 | 257 | .pr30 { 258 | padding-right: 30px !important; 259 | } 260 | 261 | .pb30 { 262 | padding-bottom: 30px !important; 263 | } 264 | 265 | .pl30 { 266 | padding-left: 30px !important; 267 | } 268 | 269 | .mt30 { 270 | margin-top: 30px !important; 271 | } 272 | 273 | .mr30 { 274 | margin-right: 30px !important; 275 | } 276 | 277 | .mb30 { 278 | margin-bottom: 30px !important; 279 | } 280 | 281 | .ml30 { 282 | margin-left: 30px !important; 283 | } 284 | 285 | .p35 { 286 | padding: 35px !important; 287 | } 288 | 289 | .m35 { 290 | margin: 35px !important; 291 | } 292 | 293 | .pt35 { 294 | padding-top: 35px !important; 295 | } 296 | 297 | .pr35 { 298 | padding-right: 35px !important; 299 | } 300 | 301 | .pb35 { 302 | padding-bottom: 35px !important; 303 | } 304 | 305 | .pl35 { 306 | padding-left: 35px !important; 307 | } 308 | 309 | .mt35 { 310 | margin-top: 35px !important; 311 | } 312 | 313 | .mr35 { 314 | margin-right: 35px !important; 315 | } 316 | 317 | .mb35 { 318 | margin-bottom: 35px !important; 319 | } 320 | 321 | .ml35 { 322 | margin-left: 35px !important; 323 | } 324 | 325 | .p40 { 326 | padding: 40px !important; 327 | } 328 | 329 | .m40 { 330 | margin: 40px !important; 331 | } 332 | 333 | .pt40 { 334 | padding-top: 40px !important; 335 | } 336 | 337 | .pr40 { 338 | padding-right: 40px !important; 339 | } 340 | 341 | .pb40 { 342 | padding-bottom: 40px !important; 343 | } 344 | 345 | .pl40 { 346 | padding-left: 40px !important; 347 | } 348 | 349 | .mt40 { 350 | margin-top: 40px !important; 351 | } 352 | 353 | .mr40 { 354 | margin-right: 40px !important; 355 | } 356 | 357 | .mb40 { 358 | margin-bottom: 40px !important; 359 | } 360 | 361 | .ml40 { 362 | margin-left: 40px !important; 363 | } 364 | 365 | .p45 { 366 | padding: 45px !important; 367 | } 368 | 369 | .m45 { 370 | margin: 45px !important; 371 | } 372 | 373 | .pt45 { 374 | padding-top: 45px !important; 375 | } 376 | 377 | .pr45 { 378 | padding-right: 45px !important; 379 | } 380 | 381 | .pb45 { 382 | padding-bottom: 45px !important; 383 | } 384 | 385 | .pl45 { 386 | padding-left: 45px !important; 387 | } 388 | 389 | .mt45 { 390 | margin-top: 45px !important; 391 | } 392 | 393 | .mr45 { 394 | margin-right: 45px !important; 395 | } 396 | 397 | .mb45 { 398 | margin-bottom: 45px !important; 399 | } 400 | 401 | .ml45 { 402 | margin-left: 45px !important; 403 | } 404 | 405 | .p50 { 406 | padding: 50px !important; 407 | } 408 | 409 | .m50 { 410 | margin: 50px !important; 411 | } 412 | 413 | .pt50 { 414 | padding-top: 50px !important; 415 | } 416 | 417 | .pr50 { 418 | padding-right: 50px !important; 419 | } 420 | 421 | .pb50 { 422 | padding-bottom: 50px !important; 423 | } 424 | 425 | .pl50 { 426 | padding-left: 50px !important; 427 | } 428 | 429 | .mt50 { 430 | margin-top: 50px !important; 431 | } 432 | 433 | .mr50 { 434 | margin-right: 50px !important; 435 | } 436 | 437 | .mb50 { 438 | margin-bottom: 50px !important; 439 | } 440 | 441 | .ml50 { 442 | margin-left: 50px !important; 443 | } 444 | 445 | .p55 { 446 | padding: 55px !important; 447 | } 448 | 449 | .m55 { 450 | margin: 55px !important; 451 | } 452 | 453 | .pt55 { 454 | padding-top: 55px !important; 455 | } 456 | 457 | .pr55 { 458 | padding-right: 55px !important; 459 | } 460 | 461 | .pb55 { 462 | padding-bottom: 55px !important; 463 | } 464 | 465 | .pl55 { 466 | padding-left: 55px !important; 467 | } 468 | 469 | .mt55 { 470 | margin-top: 55px !important; 471 | } 472 | 473 | .mr55 { 474 | margin-right: 55px !important; 475 | } 476 | 477 | .mb55 { 478 | margin-bottom: 55px !important; 479 | } 480 | 481 | .ml55 { 482 | margin-left: 55px !important; 483 | } 484 | 485 | .p60 { 486 | padding: 60px !important; 487 | } 488 | 489 | .m60 { 490 | margin: 60px !important; 491 | } 492 | 493 | .pt60 { 494 | padding-top: 60px !important; 495 | } 496 | 497 | .pr60 { 498 | padding-right: 60px !important; 499 | } 500 | 501 | .pb60 { 502 | padding-bottom: 60px !important; 503 | } 504 | 505 | .pl60 { 506 | padding-left: 60px !important; 507 | } 508 | 509 | .mt60 { 510 | margin-top: 60px !important; 511 | } 512 | 513 | .mr60 { 514 | margin-right: 60px !important; 515 | } 516 | 517 | .mb60 { 518 | margin-bottom: 60px !important; 519 | } 520 | 521 | .ml60 { 522 | margin-left: 60px !important; 523 | } 524 | 525 | .p65 { 526 | padding: 65px !important; 527 | } 528 | 529 | .m65 { 530 | margin: 65px !important; 531 | } 532 | 533 | .pt65 { 534 | padding-top: 65px !important; 535 | } 536 | 537 | .pr65 { 538 | padding-right: 65px !important; 539 | } 540 | 541 | .pb65 { 542 | padding-bottom: 65px !important; 543 | } 544 | 545 | .pl65 { 546 | padding-left: 65px !important; 547 | } 548 | 549 | .mt65 { 550 | margin-top: 65px !important; 551 | } 552 | 553 | .mr65 { 554 | margin-right: 65px !important; 555 | } 556 | 557 | .mb65 { 558 | margin-bottom: 65px !important; 559 | } 560 | 561 | .ml65 { 562 | margin-left: 65px !important; 563 | } 564 | 565 | .p70 { 566 | padding: 70px !important; 567 | } 568 | 569 | .m70 { 570 | margin: 70px !important; 571 | } 572 | 573 | .pt70 { 574 | padding-top: 70px !important; 575 | } 576 | 577 | .pr70 { 578 | padding-right: 70px !important; 579 | } 580 | 581 | .pb70 { 582 | padding-bottom: 70px !important; 583 | } 584 | 585 | .pl70 { 586 | padding-left: 70px !important; 587 | } 588 | 589 | .mt70 { 590 | margin-top: 70px !important; 591 | } 592 | 593 | .mr70 { 594 | margin-right: 70px !important; 595 | } 596 | 597 | .mb70 { 598 | margin-bottom: 70px !important; 599 | } 600 | 601 | .ml70 { 602 | margin-left: 70px !important; 603 | } 604 | 605 | .p75 { 606 | padding: 75px !important; 607 | } 608 | 609 | .m75 { 610 | margin: 75px !important; 611 | } 612 | 613 | .pt75 { 614 | padding-top: 75px !important; 615 | } 616 | 617 | .pr75 { 618 | padding-right: 75px !important; 619 | } 620 | 621 | .pb75 { 622 | padding-bottom: 75px !important; 623 | } 624 | 625 | .pl75 { 626 | padding-left: 75px !important; 627 | } 628 | 629 | .mt75 { 630 | margin-top: 75px !important; 631 | } 632 | 633 | .mr75 { 634 | margin-right: 75px !important; 635 | } 636 | 637 | .mb75 { 638 | margin-bottom: 75px !important; 639 | } 640 | 641 | .ml75 { 642 | margin-left: 75px !important; 643 | } 644 | 645 | .p80 { 646 | padding: 80px !important; 647 | } 648 | 649 | .m80 { 650 | margin: 80px !important; 651 | } 652 | 653 | .pt80 { 654 | padding-top: 80px !important; 655 | } 656 | 657 | .pr80 { 658 | padding-right: 80px !important; 659 | } 660 | 661 | .pb80 { 662 | padding-bottom: 80px !important; 663 | } 664 | 665 | .pl80 { 666 | padding-left: 80px !important; 667 | } 668 | 669 | .mt80 { 670 | margin-top: 80px !important; 671 | } 672 | 673 | .mr80 { 674 | margin-right: 80px !important; 675 | } 676 | 677 | .mb80 { 678 | margin-bottom: 80px !important; 679 | } 680 | 681 | .ml80 { 682 | margin-left: 80px !important; 683 | } 684 | 685 | .p85 { 686 | padding: 85px !important; 687 | } 688 | 689 | .m85 { 690 | margin: 85px !important; 691 | } 692 | 693 | .pt85 { 694 | padding-top: 85px !important; 695 | } 696 | 697 | .pr85 { 698 | padding-right: 85px !important; 699 | } 700 | 701 | .pb85 { 702 | padding-bottom: 85px !important; 703 | } 704 | 705 | .pl85 { 706 | padding-left: 85px !important; 707 | } 708 | 709 | .mt85 { 710 | margin-top: 85px !important; 711 | } 712 | 713 | .mr85 { 714 | margin-right: 85px !important; 715 | } 716 | 717 | .mb85 { 718 | margin-bottom: 85px !important; 719 | } 720 | 721 | .ml85 { 722 | margin-left: 85px !important; 723 | } 724 | 725 | .p90 { 726 | padding: 90px !important; 727 | } 728 | 729 | .m90 { 730 | margin: 90px !important; 731 | } 732 | 733 | .pt90 { 734 | padding-top: 90px !important; 735 | } 736 | 737 | .pr90 { 738 | padding-right: 90px !important; 739 | } 740 | 741 | .pb90 { 742 | padding-bottom: 90px !important; 743 | } 744 | 745 | .pl90 { 746 | padding-left: 90px !important; 747 | } 748 | 749 | .mt90 { 750 | margin-top: 90px !important; 751 | } 752 | 753 | .mr90 { 754 | margin-right: 90px !important; 755 | } 756 | 757 | .mb90 { 758 | margin-bottom: 90px !important; 759 | } 760 | 761 | .ml90 { 762 | margin-left: 90px !important; 763 | } 764 | 765 | .p95 { 766 | padding: 95px !important; 767 | } 768 | 769 | .m95 { 770 | margin: 95px !important; 771 | } 772 | 773 | .pt95 { 774 | padding-top: 95px !important; 775 | } 776 | 777 | .pr95 { 778 | padding-right: 95px !important; 779 | } 780 | 781 | .pb95 { 782 | padding-bottom: 95px !important; 783 | } 784 | 785 | .pl95 { 786 | padding-left: 95px !important; 787 | } 788 | 789 | .mt95 { 790 | margin-top: 95px !important; 791 | } 792 | 793 | .mr95 { 794 | margin-right: 95px !important; 795 | } 796 | 797 | .mb95 { 798 | margin-bottom: 95px !important; 799 | } 800 | 801 | .ml95 { 802 | margin-left: 95px !important; 803 | } 804 | 805 | .p100 { 806 | padding: 100px !important; 807 | } 808 | 809 | .m100 { 810 | margin: 100px !important; 811 | } 812 | 813 | .pt100 { 814 | padding-top: 100px !important; 815 | } 816 | 817 | .pr100 { 818 | padding-right: 100px !important; 819 | } 820 | 821 | .pb100 { 822 | padding-bottom: 100px !important; 823 | } 824 | 825 | .pl100 { 826 | padding-left: 100px !important; 827 | } 828 | 829 | .mt100 { 830 | margin-top: 100px !important; 831 | } 832 | 833 | .mr100 { 834 | margin-right: 100px !important; 835 | } 836 | 837 | .mb100 { 838 | margin-bottom: 100px !important; 839 | } 840 | 841 | .ml100 { 842 | margin-left: 100px !important; 843 | } 844 | -------------------------------------------------------------------------------- /ptz/framework.min.css: -------------------------------------------------------------------------------- 1 | .ma{margin:auto}.p0{padding:0!important}.m0{margin:0!important}.pt0{padding-top:0!important}.pr0{padding-right:0!important}.pb0{padding-bottom:0!important}.pl0{padding-left:0!important}.mt0{margin-top:0!important}.mr0{margin-right:0!important}.mb0{margin-bottom:0!important}.ml0{margin-left:0!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!important}.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}.ptz_table{display:table}.ptz_row,.ptz_tr{display:table-row}.ptz_cell,.ptz_td,.ptz_th{display:table-cell;vertical-align:top}.ptz_th{font-weight:700}.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:700!important}.i{font-style:italic!important}.n{font-style:normal!important}.u{text-decoration:underline!important}.s{text-decoration:line-through!important}.fwn{font-weight:400!important}.upcase{text-transform:uppercase!important}.downcase{text-transform:lowercase!important}.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}.br-off{white-space:nowrap!important}.br-on{white-space:normal!important}.ls0{letter-spacing:0!important}.lsn{letter-spacing:normal!important}.posrel{position:relative!important}.posabs{position:absolute!important}.h100p{height:100%!important}.br0,.brn{border-radius:0!important}.showme{border:1px solid red!important} -------------------------------------------------------------------------------- /ptz/framework/width.css: -------------------------------------------------------------------------------- 1 | .w10 { 2 | width: 10px !important; 3 | } 4 | 5 | .w15 { 6 | width: 15px !important; 7 | } 8 | 9 | .w20 { 10 | width: 20px !important; 11 | } 12 | 13 | .w25 { 14 | width: 25px !important; 15 | } 16 | 17 | .w30 { 18 | width: 30px !important; 19 | } 20 | 21 | .w35 { 22 | width: 35px !important; 23 | } 24 | 25 | .w40 { 26 | width: 40px !important; 27 | } 28 | 29 | .w45 { 30 | width: 45px !important; 31 | } 32 | 33 | .w50 { 34 | width: 50px !important; 35 | } 36 | 37 | .w55 { 38 | width: 55px !important; 39 | } 40 | 41 | .w60 { 42 | width: 60px !important; 43 | } 44 | 45 | .w65 { 46 | width: 65px !important; 47 | } 48 | 49 | .w70 { 50 | width: 70px !important; 51 | } 52 | 53 | .w75 { 54 | width: 75px !important; 55 | } 56 | 57 | .w80 { 58 | width: 80px !important; 59 | } 60 | 61 | .w85 { 62 | width: 85px !important; 63 | } 64 | 65 | .w90 { 66 | width: 90px !important; 67 | } 68 | 69 | .w95 { 70 | width: 95px !important; 71 | } 72 | 73 | .w100 { 74 | width: 100px !important; 75 | } 76 | 77 | .w105 { 78 | width: 105px !important; 79 | } 80 | 81 | .w110 { 82 | width: 110px !important; 83 | } 84 | 85 | .w115 { 86 | width: 115px !important; 87 | } 88 | 89 | .w120 { 90 | width: 120px !important; 91 | } 92 | 93 | .w125 { 94 | width: 125px !important; 95 | } 96 | 97 | .w130 { 98 | width: 130px !important; 99 | } 100 | 101 | .w135 { 102 | width: 135px !important; 103 | } 104 | 105 | .w140 { 106 | width: 140px !important; 107 | } 108 | 109 | .w145 { 110 | width: 145px !important; 111 | } 112 | 113 | .w150 { 114 | width: 150px !important; 115 | } 116 | 117 | .w155 { 118 | width: 155px !important; 119 | } 120 | 121 | .w160 { 122 | width: 160px !important; 123 | } 124 | 125 | .w165 { 126 | width: 165px !important; 127 | } 128 | 129 | .w170 { 130 | width: 170px !important; 131 | } 132 | 133 | .w175 { 134 | width: 175px !important; 135 | } 136 | 137 | .w180 { 138 | width: 180px !important; 139 | } 140 | 141 | .w185 { 142 | width: 185px !important; 143 | } 144 | 145 | .w190 { 146 | width: 190px !important; 147 | } 148 | 149 | .w195 { 150 | width: 195px !important; 151 | } 152 | 153 | .w200 { 154 | width: 200px !important; 155 | } 156 | 157 | .w205 { 158 | width: 205px !important; 159 | } 160 | 161 | .w210 { 162 | width: 210px !important; 163 | } 164 | 165 | .w215 { 166 | width: 215px !important; 167 | } 168 | 169 | .w220 { 170 | width: 220px !important; 171 | } 172 | 173 | .w225 { 174 | width: 225px !important; 175 | } 176 | 177 | .w230 { 178 | width: 230px !important; 179 | } 180 | 181 | .w235 { 182 | width: 235px !important; 183 | } 184 | 185 | .w240 { 186 | width: 240px !important; 187 | } 188 | 189 | .w245 { 190 | width: 245px !important; 191 | } 192 | 193 | .w250 { 194 | width: 250px !important; 195 | } 196 | 197 | .w255 { 198 | width: 255px !important; 199 | } 200 | 201 | .w260 { 202 | width: 260px !important; 203 | } 204 | 205 | .w265 { 206 | width: 265px !important; 207 | } 208 | 209 | .w270 { 210 | width: 270px !important; 211 | } 212 | 213 | .w275 { 214 | width: 275px !important; 215 | } 216 | 217 | .w280 { 218 | width: 280px !important; 219 | } 220 | 221 | .w285 { 222 | width: 285px !important; 223 | } 224 | 225 | .w290 { 226 | width: 290px !important; 227 | } 228 | 229 | .w295 { 230 | width: 295px !important; 231 | } 232 | 233 | .w300 { 234 | width: 300px !important; 235 | } 236 | 237 | .w305 { 238 | width: 305px !important; 239 | } 240 | 241 | .w310 { 242 | width: 310px !important; 243 | } 244 | 245 | .w315 { 246 | width: 315px !important; 247 | } 248 | 249 | .w320 { 250 | width: 320px !important; 251 | } 252 | 253 | .w325 { 254 | width: 325px !important; 255 | } 256 | 257 | .w330 { 258 | width: 330px !important; 259 | } 260 | 261 | .w335 { 262 | width: 335px !important; 263 | } 264 | 265 | .w340 { 266 | width: 340px !important; 267 | } 268 | 269 | .w345 { 270 | width: 345px !important; 271 | } 272 | 273 | .w350 { 274 | width: 350px !important; 275 | } 276 | 277 | .w355 { 278 | width: 355px !important; 279 | } 280 | 281 | .w360 { 282 | width: 360px !important; 283 | } 284 | 285 | .w365 { 286 | width: 365px !important; 287 | } 288 | 289 | .w370 { 290 | width: 370px !important; 291 | } 292 | 293 | .w375 { 294 | width: 375px !important; 295 | } 296 | 297 | .w380 { 298 | width: 380px !important; 299 | } 300 | 301 | .w385 { 302 | width: 385px !important; 303 | } 304 | 305 | .w390 { 306 | width: 390px !important; 307 | } 308 | 309 | .w395 { 310 | width: 395px !important; 311 | } 312 | 313 | .w400 { 314 | width: 400px !important; 315 | } 316 | 317 | .w405 { 318 | width: 405px !important; 319 | } 320 | 321 | .w410 { 322 | width: 410px !important; 323 | } 324 | 325 | .w415 { 326 | width: 415px !important; 327 | } 328 | 329 | .w420 { 330 | width: 420px !important; 331 | } 332 | 333 | .w425 { 334 | width: 425px !important; 335 | } 336 | 337 | .w430 { 338 | width: 430px !important; 339 | } 340 | 341 | .w435 { 342 | width: 435px !important; 343 | } 344 | 345 | .w440 { 346 | width: 440px !important; 347 | } 348 | 349 | .w445 { 350 | width: 445px !important; 351 | } 352 | 353 | .w450 { 354 | width: 450px !important; 355 | } 356 | 357 | .w455 { 358 | width: 455px !important; 359 | } 360 | 361 | .w460 { 362 | width: 460px !important; 363 | } 364 | 365 | .w465 { 366 | width: 465px !important; 367 | } 368 | 369 | .w470 { 370 | width: 470px !important; 371 | } 372 | 373 | .w475 { 374 | width: 475px !important; 375 | } 376 | 377 | .w480 { 378 | width: 480px !important; 379 | } 380 | 381 | .w485 { 382 | width: 485px !important; 383 | } 384 | 385 | .w490 { 386 | width: 490px !important; 387 | } 388 | 389 | .w495 { 390 | width: 495px !important; 391 | } 392 | 393 | .w500 { 394 | width: 500px !important; 395 | } 396 | 397 | .w505 { 398 | width: 505px !important; 399 | } 400 | 401 | .w510 { 402 | width: 510px !important; 403 | } 404 | 405 | .w515 { 406 | width: 515px !important; 407 | } 408 | 409 | .w520 { 410 | width: 520px !important; 411 | } 412 | 413 | .w525 { 414 | width: 525px !important; 415 | } 416 | 417 | .w530 { 418 | width: 530px !important; 419 | } 420 | 421 | .w535 { 422 | width: 535px !important; 423 | } 424 | 425 | .w540 { 426 | width: 540px !important; 427 | } 428 | 429 | .w545 { 430 | width: 545px !important; 431 | } 432 | 433 | .w550 { 434 | width: 550px !important; 435 | } 436 | 437 | .w555 { 438 | width: 555px !important; 439 | } 440 | 441 | .w560 { 442 | width: 560px !important; 443 | } 444 | 445 | .w565 { 446 | width: 565px !important; 447 | } 448 | 449 | .w570 { 450 | width: 570px !important; 451 | } 452 | 453 | .w575 { 454 | width: 575px !important; 455 | } 456 | 457 | .w580 { 458 | width: 580px !important; 459 | } 460 | 461 | .w585 { 462 | width: 585px !important; 463 | } 464 | 465 | .w590 { 466 | width: 590px !important; 467 | } 468 | 469 | .w595 { 470 | width: 595px !important; 471 | } 472 | 473 | .w600 { 474 | width: 600px !important; 475 | } 476 | 477 | .w605 { 478 | width: 605px !important; 479 | } 480 | 481 | .w610 { 482 | width: 610px !important; 483 | } 484 | 485 | .w615 { 486 | width: 615px !important; 487 | } 488 | 489 | .w620 { 490 | width: 620px !important; 491 | } 492 | 493 | .w625 { 494 | width: 625px !important; 495 | } 496 | 497 | .w630 { 498 | width: 630px !important; 499 | } 500 | 501 | .w635 { 502 | width: 635px !important; 503 | } 504 | 505 | .w640 { 506 | width: 640px !important; 507 | } 508 | 509 | .w645 { 510 | width: 645px !important; 511 | } 512 | 513 | .w650 { 514 | width: 650px !important; 515 | } 516 | 517 | .w655 { 518 | width: 655px !important; 519 | } 520 | 521 | .w660 { 522 | width: 660px !important; 523 | } 524 | 525 | .w665 { 526 | width: 665px !important; 527 | } 528 | 529 | .w670 { 530 | width: 670px !important; 531 | } 532 | 533 | .w675 { 534 | width: 675px !important; 535 | } 536 | 537 | .w680 { 538 | width: 680px !important; 539 | } 540 | 541 | .w685 { 542 | width: 685px !important; 543 | } 544 | 545 | .w690 { 546 | width: 690px !important; 547 | } 548 | 549 | .w695 { 550 | width: 695px !important; 551 | } 552 | 553 | .w700 { 554 | width: 700px !important; 555 | } 556 | 557 | .w705 { 558 | width: 705px !important; 559 | } 560 | 561 | .w710 { 562 | width: 710px !important; 563 | } 564 | 565 | .w715 { 566 | width: 715px !important; 567 | } 568 | 569 | .w720 { 570 | width: 720px !important; 571 | } 572 | 573 | .w725 { 574 | width: 725px !important; 575 | } 576 | 577 | .w730 { 578 | width: 730px !important; 579 | } 580 | 581 | .w735 { 582 | width: 735px !important; 583 | } 584 | 585 | .w740 { 586 | width: 740px !important; 587 | } 588 | 589 | .w745 { 590 | width: 745px !important; 591 | } 592 | 593 | .w750 { 594 | width: 750px !important; 595 | } 596 | 597 | .w755 { 598 | width: 755px !important; 599 | } 600 | 601 | .w760 { 602 | width: 760px !important; 603 | } 604 | 605 | .w765 { 606 | width: 765px !important; 607 | } 608 | 609 | .w770 { 610 | width: 770px !important; 611 | } 612 | 613 | .w775 { 614 | width: 775px !important; 615 | } 616 | 617 | .w780 { 618 | width: 780px !important; 619 | } 620 | 621 | .w785 { 622 | width: 785px !important; 623 | } 624 | 625 | .w790 { 626 | width: 790px !important; 627 | } 628 | 629 | .w795 { 630 | width: 795px !important; 631 | } 632 | 633 | .w800 { 634 | width: 800px !important; 635 | } 636 | 637 | .w805 { 638 | width: 805px !important; 639 | } 640 | 641 | .w810 { 642 | width: 810px !important; 643 | } 644 | 645 | .w815 { 646 | width: 815px !important; 647 | } 648 | 649 | .w820 { 650 | width: 820px !important; 651 | } 652 | 653 | .w825 { 654 | width: 825px !important; 655 | } 656 | 657 | .w830 { 658 | width: 830px !important; 659 | } 660 | 661 | .w835 { 662 | width: 835px !important; 663 | } 664 | 665 | .w840 { 666 | width: 840px !important; 667 | } 668 | 669 | .w845 { 670 | width: 845px !important; 671 | } 672 | 673 | .w850 { 674 | width: 850px !important; 675 | } 676 | 677 | .w855 { 678 | width: 855px !important; 679 | } 680 | 681 | .w860 { 682 | width: 860px !important; 683 | } 684 | 685 | .w865 { 686 | width: 865px !important; 687 | } 688 | 689 | .w870 { 690 | width: 870px !important; 691 | } 692 | 693 | .w875 { 694 | width: 875px !important; 695 | } 696 | 697 | .w880 { 698 | width: 880px !important; 699 | } 700 | 701 | .w885 { 702 | width: 885px !important; 703 | } 704 | 705 | .w890 { 706 | width: 890px !important; 707 | } 708 | 709 | .w895 { 710 | width: 895px !important; 711 | } 712 | 713 | .w900 { 714 | width: 900px !important; 715 | } 716 | 717 | .w905 { 718 | width: 905px !important; 719 | } 720 | 721 | .w910 { 722 | width: 910px !important; 723 | } 724 | 725 | .w915 { 726 | width: 915px !important; 727 | } 728 | 729 | .w920 { 730 | width: 920px !important; 731 | } 732 | 733 | .w925 { 734 | width: 925px !important; 735 | } 736 | 737 | .w930 { 738 | width: 930px !important; 739 | } 740 | 741 | .w935 { 742 | width: 935px !important; 743 | } 744 | 745 | .w940 { 746 | width: 940px !important; 747 | } 748 | 749 | .w945 { 750 | width: 945px !important; 751 | } 752 | 753 | .w950 { 754 | width: 950px !important; 755 | } 756 | 757 | .w955 { 758 | width: 955px !important; 759 | } 760 | 761 | .w960 { 762 | width: 960px !important; 763 | } 764 | 765 | .w965 { 766 | width: 965px !important; 767 | } 768 | 769 | .w970 { 770 | width: 970px !important; 771 | } 772 | 773 | .w975 { 774 | width: 975px !important; 775 | } 776 | 777 | .w980 { 778 | width: 980px !important; 779 | } 780 | 781 | .w985 { 782 | width: 985px !important; 783 | } 784 | 785 | .w990 { 786 | width: 990px !important; 787 | } 788 | 789 | .w995 { 790 | width: 995px !important; 791 | } 792 | 793 | .w1000 { 794 | width: 1000px !important; 795 | } 796 | 797 | .w1005 { 798 | width: 1005px !important; 799 | } 800 | 801 | .w1010 { 802 | width: 1010px !important; 803 | } 804 | 805 | .w1015 { 806 | width: 1015px !important; 807 | } 808 | 809 | .w1020 { 810 | width: 1020px !important; 811 | } 812 | 813 | .w1025 { 814 | width: 1025px !important; 815 | } 816 | 817 | .w1030 { 818 | width: 1030px !important; 819 | } 820 | 821 | .w1035 { 822 | width: 1035px !important; 823 | } 824 | 825 | .w1040 { 826 | width: 1040px !important; 827 | } 828 | 829 | .w1045 { 830 | width: 1045px !important; 831 | } 832 | 833 | .w1050 { 834 | width: 1050px !important; 835 | } 836 | 837 | .w1055 { 838 | width: 1055px !important; 839 | } 840 | 841 | .w1060 { 842 | width: 1060px !important; 843 | } 844 | 845 | .w1065 { 846 | width: 1065px !important; 847 | } 848 | 849 | .w1070 { 850 | width: 1070px !important; 851 | } 852 | 853 | .w1075 { 854 | width: 1075px !important; 855 | } 856 | 857 | .w1080 { 858 | width: 1080px !important; 859 | } 860 | 861 | .w1085 { 862 | width: 1085px !important; 863 | } 864 | 865 | .w1090 { 866 | width: 1090px !important; 867 | } 868 | 869 | .w1095 { 870 | width: 1095px !important; 871 | } 872 | 873 | .w1100 { 874 | width: 1100px !important; 875 | } 876 | 877 | .w1105 { 878 | width: 1105px !important; 879 | } 880 | 881 | .w1110 { 882 | width: 1110px !important; 883 | } 884 | 885 | .w1115 { 886 | width: 1115px !important; 887 | } 888 | 889 | .w1120 { 890 | width: 1120px !important; 891 | } 892 | 893 | .w1125 { 894 | width: 1125px !important; 895 | } 896 | 897 | .w1130 { 898 | width: 1130px !important; 899 | } 900 | 901 | .w1135 { 902 | width: 1135px !important; 903 | } 904 | 905 | .w1140 { 906 | width: 1140px !important; 907 | } 908 | 909 | .w1145 { 910 | width: 1145px !important; 911 | } 912 | 913 | .w1150 { 914 | width: 1150px !important; 915 | } 916 | 917 | .w1155 { 918 | width: 1155px !important; 919 | } 920 | 921 | .w1160 { 922 | width: 1160px !important; 923 | } 924 | 925 | .w1165 { 926 | width: 1165px !important; 927 | } 928 | 929 | .w1170 { 930 | width: 1170px !important; 931 | } 932 | 933 | .w1175 { 934 | width: 1175px !important; 935 | } 936 | 937 | .w1180 { 938 | width: 1180px !important; 939 | } 940 | 941 | .w1185 { 942 | width: 1185px !important; 943 | } 944 | 945 | .w1190 { 946 | width: 1190px !important; 947 | } 948 | 949 | .w1195 { 950 | width: 1195px !important; 951 | } 952 | 953 | .w1200 { 954 | width: 1200px !important; 955 | } 956 | 957 | .w5p { 958 | width: 5% !important; 959 | } 960 | 961 | .w10p { 962 | width: 10% !important; 963 | } 964 | 965 | .w15p { 966 | width: 15% !important; 967 | } 968 | 969 | .w20p { 970 | width: 20% !important; 971 | } 972 | 973 | .w25p { 974 | width: 25% !important; 975 | } 976 | 977 | .w30p { 978 | width: 30% !important; 979 | } 980 | 981 | .w35p { 982 | width: 35% !important; 983 | } 984 | 985 | .w40p { 986 | width: 40% !important; 987 | } 988 | 989 | .w45p { 990 | width: 45% !important; 991 | } 992 | 993 | .w50p { 994 | width: 50% !important; 995 | } 996 | 997 | .w55p { 998 | width: 55% !important; 999 | } 1000 | 1001 | .w60p { 1002 | width: 60% !important; 1003 | } 1004 | 1005 | .w65p { 1006 | width: 65% !important; 1007 | } 1008 | 1009 | .w70p { 1010 | width: 70% !important; 1011 | } 1012 | 1013 | .w75p { 1014 | width: 75% !important; 1015 | } 1016 | 1017 | .w80p { 1018 | width: 80% !important; 1019 | } 1020 | 1021 | .w85p { 1022 | width: 85% !important; 1023 | } 1024 | 1025 | .w90p { 1026 | width: 90% !important; 1027 | } 1028 | 1029 | .w95p { 1030 | width: 95% !important; 1031 | } 1032 | 1033 | .w100p { 1034 | width: 100% !important; 1035 | } 1036 | -------------------------------------------------------------------------------- /ptz/protozaur.min.css: -------------------------------------------------------------------------------- 1 | *,::after,::before{box-sizing:border-box}img,table,td,th,tr{vertical-align:top}*,:active,:focus,:hover{outline:0}.ol li,.ul li,li{list-style-position:outside}* html .clearfix,.ofh{zoom:1}.ptz_btn,input[type=submit]{cursor:pointer}*{margin:0;padding:0;border:0}body{color:#000;font-size:10px;line-height:125%;background:#fff}ol,ul{list-style:none}a,a:hover{text-decoration:none}a img{border:none}table,td,th,tr{border-collapse:collapse;border-spacing:0}th{font-weight:700}input::-moz-placeholder{color:#ccc!important}input:-ms-input-placeholder{color:#ccc!important}input::-webkit-input-placeholder{color:#ccc!important}input:focus::-webkit-input-placeholder{color:transparent!important}::-moz-focus-inner{border:0;margin:0;padding:0;outline:0}.clearfix:after{content:'.';display:block;line-height:0;height:0;clear:both;visibility:hidden}html[xmlns] .clearfix{display:block}.pull-left{float:left!important}.pull-right{float:right!important}.ofh{overflow:hidden!important}.xscroll{overflow-x:scroll!important}.yscroll{overflow-y:scroll!important}h1,h2,h3,h4,h5,h6{font-size:18px;line-height:130%;font-weight:400}.ol,.ul{margin-left:20px;margin-bottom:20px}.ol li,.ul li{margin-left:15px;padding-left:5px;line-height:135%}hr,p{margin:20px 0}.ol li{list-style-type:decimal}.ul li{list-style-type:disc}a{color:#012d85;transition:color .2s ease}a:hover{color:red}sub,sup{font-size:85%;zoom:1}sup{vertical-align:40%}sub{vertical-align:-40%}.hidden{display:none!important}.invisible{visibility:hidden!important;height:0!important}.visible{visibility:visible!important;height:auto!important}.solid-0{overflow:auto!important}.solid-1{border:1px solid transparent!important}p{color:#292e31;font-size:16px;line-height:160%}hr{border-top:1px solid #000}.text_select-off{-webkit-touch-callout:none;-khtml-user-select:none;-o-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text_select-on{-webkit-touch-callout:all;-khtml-user-select:all;-o-user-select:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}noscript{background:red;padding:5px;color:#fff;font-size:20px}.ma{margin:auto}.p0{padding:0!important}.m0{margin:0!important}.pt0{padding-top:0!important}.pr0{padding-right:0!important}.pb0{padding-bottom:0!important}.pl0{padding-left:0!important}.mt0{margin-top:0!important}.mr0{margin-right:0!important}.mb0{margin-bottom:0!important}.ml0{margin-left:0!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!important}.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}.ptz_table{display:table}.ptz_row,.ptz_tr{display:table-row}.ptz_cell,.ptz_td,.ptz_th{display:table-cell;vertical-align:top}.ptz_th{font-weight:700}.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}.ptz_btn,.ptz_input,.ptz_textarea{font-size:15px;line-height:18px;padding:7px 10px;vertical-align:top}.b{font-weight:700!important}.i{font-style:italic!important}.n{font-style:normal!important}.u{text-decoration:underline!important}.s{text-decoration:line-through!important}.fwn{font-weight:400!important}.upcase{text-transform:uppercase!important}.downcase{text-transform:lowercase!important}.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}.br-off{white-space:nowrap!important}.br-on{white-space:normal!important}.ls0{letter-spacing:0!important}.lsn{letter-spacing:normal!important}.posrel{position:relative!important}.posabs{position:absolute!important}.h100p{height:100%!important}.br0,.brn{border-radius:0!important}.showme{border:1px solid red!important}.ptz_btn{color:#000;border-radius:3px;border:1px solid rgba(0,0,0,.2);text-align:center;white-space:nowrap;display:inline-block;background:#fff;transition:background-color .2s ease}.ptz_btn.current,.ptz_btn.current:hover{background-color:#c5e6ff}.ptz_btn.current{border-color:#7bc7ff}.ptz_btn:hover{color:#000;background-color:#e3f2fd}.ptz_btn:disabled,.ptz_btn[disabled]{color:#eee;background:#fff;cursor:not-allowed;pointer-events:none}.ptz_btn:disabled:hover,.ptz_btn[disabled]:hover{color:#eee;background:#fff}.ptz_btn:active{box-shadow:0 1px 5px #7bc7ff}.ptz_input,.ptz_textarea{color:#000;border-radius:3px;border:1px solid rgba(0,0,0,.2);transition:box-shadow .3s ease-in-out}.ptz_input:focus,.ptz_textarea:focus{box-shadow:0 0 7px rgba(123,199,255,.8)}.ptz_input:disabled,.ptz_textarea:disabled{color:#eee;background:#fff;cursor:not-allowed}.ptz_input:disabled:hover,.ptz_textarea:disabled:hover{color:#eee;background:#fff}.ptz_size-10{font-size:10px;line-height:13px;padding:5px 8px}.ptz_size-11{font-size:11px;line-height:14px;padding:6px 9px}.ptz_size-12{font-size:12px;line-height:15px;padding:7px 10px}.ptz_size-13{font-size:13px;line-height:16px;padding:8px 11px}.ptz_size-14{font-size:14px;line-height:17px;padding:9px 12px}.ptz_size-15{font-size:15px;line-height:18px;padding:10px 13px}.ptz_size-16{font-size:16px;line-height:19px;padding:11px 14px}.ptz_size-17{font-size:17px;line-height:20px;padding:12px 15px}.ptz_size-18{font-size:18px;line-height:21px;padding:13px 16px}.ptz_size-19{font-size:19px;line-height:22px;padding:14px 17px}.ptz_size-20{font-size:20px;line-height:23px;padding:15px 18px}.ptz_size-21{font-size:21px;line-height:24px;padding:16px 19px}.ptz_size-22{font-size:22px;line-height:25px;padding:17px 20px}.ptz_size-23{font-size:23px;line-height:26px;padding:18px 21px}.ptz_size-24{font-size:24px;line-height:27px;padding:19px 22px}.ptz_size-25{font-size:25px;line-height:28px;padding:20px 23px} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |
4 | Primal rage of css primitives 5 |

6 | 7 |
8 | 9 | Protozaur is semantic, mnemonic, declarative CSS framework, created to avoid wasting time and increase productivity 10 | 11 | ### Why? 12 | 13 | 0. Rapid prototyping 14 | 0. Dramatically Reduce the amount and size of CSS/BEM style modificators in CSS files 15 | 0. Declarative approach to add context-dependent style properties to existed CSS classes or BEM blocks 16 | 17 | ### Protozaur's cheat sheet 18 | 19 | 20 | 21 | 22 | 25 | 28 | 29 | 30 | 33 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 45 | 48 | 49 | 50 | 53 | 56 | 57 | 58 | 61 | 64 | 65 | 66 | 69 | 72 | 73 | 74 | 77 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 89 | 92 | 93 | 94 | 97 | 100 | 101 | 102 | 105 | 108 | 109 | 110 | 113 | 116 | 117 | 118 | 121 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 133 | 136 | 137 | 138 | 141 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 153 | 156 | 157 | 158 | 161 | 164 | 165 | 166 | 169 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 181 | 184 | 185 | 186 | 189 | 192 | 193 | 194 | 197 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 209 | 212 | 213 | 214 | 217 | 220 | 221 | 222 | 225 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 237 | 240 | 241 | 242 | 245 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 257 | 260 | 261 | 262 | 265 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 277 | 280 | 281 | 282 | 285 | 288 | 289 | 290 | 293 | 296 | 297 | 298 | 301 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 313 | 316 | 317 | 318 | 321 | 324 | 325 | 326 | 329 | 332 | 333 | 334 | 337 | 340 | 341 | 342 | 345 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 357 | 360 | 361 | 362 | 365 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 377 | 380 | 381 | 382 | 385 | 388 | 389 | 390 | 393 | 396 | 397 | 398 | 401 | 404 | 405 | 406 | 409 | 412 | 413 | 414 | 417 | 420 | 421 | 422 | 423 | 424 | 425 | 426 | 429 | 432 | 433 | 434 | 437 | 440 | 441 | 442 | 443 | 444 | 445 | 446 | 449 | 452 | 453 | 454 | 457 | 460 | 461 | 462 | 463 | 464 | 465 | 466 | 469 | 472 | 473 | 474 | 477 | 480 | 481 | 482 | 483 | 484 | 485 | 486 | 489 | 492 | 493 | 494 | 497 | 500 | 501 | 502 | 503 | 504 | 505 | 506 | 509 | 512 | 513 | 514 | 517 | 520 | 521 | 522 | 525 | 528 | 529 | 530 | 533 | 536 | 537 | 538 |
23 | CSS class 24 | 26 | CSS style 27 |
31 | ma 32 | 34 | margin: auto 35 |
Margin 
43 | m0 ... m100 — (step 5) 44 | 46 | margin: Xpx !important; 47 |
51 | ml0 ... ml100 52 | 54 | margin-left: Xpx !important; 55 |
59 | mr0 ... mr100 60 | 62 | margin-right: Xpx !important; 63 |
67 | mt0 ... mt100 68 | 70 | margin-top: Xpx !important; 71 |
75 | mb0 ... mb100 76 | 78 | margin-bottom: Xpx !important; 79 |
Padding 
87 | p0 ... p100 88 | 90 | padding: Xpx !important; 91 |
95 | pl0 ... pl100 96 | 98 | padding-left: Xpx !important; 99 |
103 | pr0 ... pr100 104 | 106 | padding-right: Xpx !important; 107 |
111 | pt0 ... pt100 112 | 114 | padding-top: Xpx !important; 115 |
119 | pb0 ... pb100 120 | 122 | padding-bottom: Xpx !important; 123 |
Width 
131 | w10 ... w1200 132 | 134 | width: Xpx !important; 135 |
139 | w5p ... w100p 140 | 142 | width: X% !important; 143 |
Display 
151 | inline 152 | 154 | display: inline !important 155 |
159 | block 160 | 162 | display: block !important 163 |
167 | iblock 168 | 170 | display: inline-block !important 171 |
Table 
179 | ptz_table 180 | 182 | display: table 183 |
187 | ptz_row, ptz_tr 188 | 190 | display: table-row 191 |
195 | ptz_cell, ptz_th, ptz_td 196 | 198 | display: table-cell; vertical-align: top 199 |
  
207 | vat 208 | 210 | vertical-align: top !important 211 |
215 | vam 216 | 218 | vertical-align: middle !important 219 |
223 | vab 224 | 226 | vertical-align: bottom !important 227 |
Position 
235 | posrel 236 | 238 | position: relative !important 239 |
243 | posabs 244 | 246 | position: absolute !important 247 |
Common style 
255 | fs0, fs10 ... fs30 — (step 1) 256 | 258 | font-size: Xpx !important; 259 |
263 | lh100 ... lh200 264 | 266 | line-height: X% !important; 267 |
  
275 | tac 276 | 278 | text-align: center !important 279 |
283 | tar 284 | 286 | text-align: right !important 287 |
291 | tal 292 | 294 | text-align: left !important 295 |
299 | taj 300 | 302 | text-align: justify !important 303 |
  
311 | b 312 | 314 | font-weight: bold !important 315 |
319 | i 320 | 322 | font-style: italic !important 323 |
327 | n 328 | 330 | font-style: normal !important 331 |
335 | u 336 | 338 | text-decoration: underline !important 339 |
343 | fwn 344 | 346 | font-weight: normal !important 347 |
  
355 | upcase 356 | 358 | text-transform: uppercase 359 |
363 | downcase 364 | 366 | text-transform: lowercase 367 |
  
375 | ffa 376 | 378 | font-family: Arial 379 |
383 | fft 384 | 386 | font-family: Tahoma 387 |
391 | ffv 392 | 394 | font-family: Verdana 395 |
399 | ffg 400 | 402 | font-family: Georgia 403 |
407 | ffm 408 | 410 | font-family: Monospace 411 |
415 | fftnr 416 | 418 | font-family: Times New Roman 419 |
  
427 | br-off 428 | 430 | white-space: nowrap 431 |
435 | br-on 436 | 438 | white-space: normal 439 |
  
447 | ls0 448 | 450 | letter-spacing: 0 451 |
455 | lsn 456 | 458 | letter-spacing: normal 459 |
Buttons 
467 | ptz_btn 468 | 470 | button style 471 |
475 | ptz_size-10 ... ptz_size-25 476 | 478 | button's size. 10px ... 25px 479 |
Inputs 
487 | ptz_input, ptz_textarea 488 | 490 | Input style 491 |
495 | ptz_size-10 ... ptz_size-25 496 | 498 | inputs's size. 10px ... 25px 499 |
Floating 
507 | clearfix 508 | 510 | no comments 511 |
515 | pull-left 516 | 518 | float: left 519 |
523 | pull-right 524 | 526 | float: right 527 |
531 | ofh 532 | 534 | overflow: hidden !important 535 |
539 | 540 | ### How Protozaur works? 541 | 542 | **Example 1** 543 | 544 | ```html 545 |

546 | Hello World! 547 |

548 | ``` 549 | 550 | Will add to your H1 following css properties: 551 | 552 | ```css 553 | font-size: 18px; 554 | line-height: 130%; 555 | margin-top: 20px; 556 | margin-bottom: 20px; 557 | ``` 558 | 559 | **Example 2** 560 | 561 | ```html 562 | Button to Github 563 | ``` 564 | 565 | Will show button based on `font-size: 16px;` 566 | 567 | **Example 3** 568 | 569 | ```html 570 | 571 |
572 |
573 | 574 |
575 | 576 |
577 | 578 |
579 | 580 |
581 | 582 |
583 |
584 | 585 |
586 |
587 | 588 |
589 |
590 | 591 | ``` 592 | 593 | ### Protozaur's concept 594 | 595 | All CSS properties can be split in 2 groups: 596 | 597 | 1. decorative properties (`background`, `color`, `border` etc.) 598 | 2. context-dependent properties (`margin`, `padding`, `font-size` etc.) 599 | 600 | Protozaur say: 601 | 602 | - It is pointless to write the most part of context-dependent properties in CSS files. It's reason to create tons of additional css declarations for context-dependent modificators 603 | 604 | Protozaur advice: 605 | 606 | - We can create some set of global simple CSS modificators. We can use it for context-dependent customization of existed CSS styles or BEM blocks 607 | 608 | ### Protozaur components 609 | 610 | 1. **reset.css** — just the reset file 611 | 2. **framework.css** — the heart of framework 612 | 3. **base.css** — some most common css definitions 613 | 614 | also will be better to include `inputs-buttons` componetns: 615 | 616 | 1. **inputs-buttons/base.css** — for using styles for inputs and buttons 617 | 2. **inputs-buttons/sizes.css** — for set sizes to buttons and inputs 618 | 619 | ### Features 620 | 621 | Protozaur: 622 | 623 | 1. based on `box-sizing: border-box` property 624 | 2. based on **px** and **%** 625 | 626 | ### Protozaur [vs] or [with] Bootstrap / Foundation / Any CSS framework 627 | 628 | Protozaur it's not a competitor to your CSS framework. Protozaur is assistant. It helps to reduce size of your CSS files and makes your HTML much easer to read and understand. 629 | 630 | Fell free to use Protozaur (or it's idea) with any CSS framework. 631 | 632 | ### Customization 633 | 634 | As you see Protozaur based on very simple idea and implemented with really simple code. 635 | 636 | If you need something special you can copy/paste a part of Protozaur's code and modify it. 637 | 638 | ## Installation 639 | 640 | ### Direct download 641 | 642 | [Download Protozaur.css](https://raw.githubusercontent.com/the-teacher/protozaur/master/ptz/protozaur.min.css "Protozaur CSS framework") 643 | 644 | ### Ruby on Rails 645 | 646 | `Gemfile` 647 | 648 | ``` 649 | gem 'protozaur' 650 | ``` 651 | 652 | ``` 653 | bundle 654 | ``` 655 | 656 | `app/assets/stylesheets/applicaition.css` 657 | 658 | ``` 659 | /* 660 | #= require ptz/reset 661 | #= require ptz/base 662 | #= require ptz/framework 663 | 664 | #= require ptz/inputs_buttons/all 665 | */ 666 | ``` 667 | 668 | ### Bower 669 | 670 | ``` 671 | bower install protozaur 672 | ``` 673 | 674 | in HTML 675 | 676 | ```html 677 | 678 | ``` 679 | 680 | ### NPM 681 | 682 | ``` 683 | npm install protozaur 684 | ``` 685 | 686 | you can use following path 687 | 688 | `node_modules/protozaur/ptz/protozaur.min.css` 689 | 690 | ## The MIT License (MIT) 691 | 692 | See LICENSE.txt 693 | -------------------------------------------------------------------------------- /ptz/framework.css: -------------------------------------------------------------------------------- 1 | .ma { 2 | margin: auto; 3 | } 4 | 5 | .p0 { 6 | padding: 0px !important; 7 | } 8 | 9 | .m0 { 10 | margin: 0px !important; 11 | } 12 | 13 | .pt0 { 14 | padding-top: 0px !important; 15 | } 16 | 17 | .pr0 { 18 | padding-right: 0px !important; 19 | } 20 | 21 | .pb0 { 22 | padding-bottom: 0px !important; 23 | } 24 | 25 | .pl0 { 26 | padding-left: 0px !important; 27 | } 28 | 29 | .mt0 { 30 | margin-top: 0px !important; 31 | } 32 | 33 | .mr0 { 34 | margin-right: 0px !important; 35 | } 36 | 37 | .mb0 { 38 | margin-bottom: 0px !important; 39 | } 40 | 41 | .ml0 { 42 | margin-left: 0px !important; 43 | } 44 | 45 | .p5 { 46 | padding: 5px !important; 47 | } 48 | 49 | .m5 { 50 | margin: 5px !important; 51 | } 52 | 53 | .pt5 { 54 | padding-top: 5px !important; 55 | } 56 | 57 | .pr5 { 58 | padding-right: 5px !important; 59 | } 60 | 61 | .pb5 { 62 | padding-bottom: 5px !important; 63 | } 64 | 65 | .pl5 { 66 | padding-left: 5px !important; 67 | } 68 | 69 | .mt5 { 70 | margin-top: 5px !important; 71 | } 72 | 73 | .mr5 { 74 | margin-right: 5px !important; 75 | } 76 | 77 | .mb5 { 78 | margin-bottom: 5px !important; 79 | } 80 | 81 | .ml5 { 82 | margin-left: 5px !important; 83 | } 84 | 85 | .p10 { 86 | padding: 10px !important; 87 | } 88 | 89 | .m10 { 90 | margin: 10px !important; 91 | } 92 | 93 | .pt10 { 94 | padding-top: 10px !important; 95 | } 96 | 97 | .pr10 { 98 | padding-right: 10px !important; 99 | } 100 | 101 | .pb10 { 102 | padding-bottom: 10px !important; 103 | } 104 | 105 | .pl10 { 106 | padding-left: 10px !important; 107 | } 108 | 109 | .mt10 { 110 | margin-top: 10px !important; 111 | } 112 | 113 | .mr10 { 114 | margin-right: 10px !important; 115 | } 116 | 117 | .mb10 { 118 | margin-bottom: 10px !important; 119 | } 120 | 121 | .ml10 { 122 | margin-left: 10px !important; 123 | } 124 | 125 | .p15 { 126 | padding: 15px !important; 127 | } 128 | 129 | .m15 { 130 | margin: 15px !important; 131 | } 132 | 133 | .pt15 { 134 | padding-top: 15px !important; 135 | } 136 | 137 | .pr15 { 138 | padding-right: 15px !important; 139 | } 140 | 141 | .pb15 { 142 | padding-bottom: 15px !important; 143 | } 144 | 145 | .pl15 { 146 | padding-left: 15px !important; 147 | } 148 | 149 | .mt15 { 150 | margin-top: 15px !important; 151 | } 152 | 153 | .mr15 { 154 | margin-right: 15px !important; 155 | } 156 | 157 | .mb15 { 158 | margin-bottom: 15px !important; 159 | } 160 | 161 | .ml15 { 162 | margin-left: 15px !important; 163 | } 164 | 165 | .p20 { 166 | padding: 20px !important; 167 | } 168 | 169 | .m20 { 170 | margin: 20px !important; 171 | } 172 | 173 | .pt20 { 174 | padding-top: 20px !important; 175 | } 176 | 177 | .pr20 { 178 | padding-right: 20px !important; 179 | } 180 | 181 | .pb20 { 182 | padding-bottom: 20px !important; 183 | } 184 | 185 | .pl20 { 186 | padding-left: 20px !important; 187 | } 188 | 189 | .mt20 { 190 | margin-top: 20px !important; 191 | } 192 | 193 | .mr20 { 194 | margin-right: 20px !important; 195 | } 196 | 197 | .mb20 { 198 | margin-bottom: 20px !important; 199 | } 200 | 201 | .ml20 { 202 | margin-left: 20px !important; 203 | } 204 | 205 | .p25 { 206 | padding: 25px !important; 207 | } 208 | 209 | .m25 { 210 | margin: 25px !important; 211 | } 212 | 213 | .pt25 { 214 | padding-top: 25px !important; 215 | } 216 | 217 | .pr25 { 218 | padding-right: 25px !important; 219 | } 220 | 221 | .pb25 { 222 | padding-bottom: 25px !important; 223 | } 224 | 225 | .pl25 { 226 | padding-left: 25px !important; 227 | } 228 | 229 | .mt25 { 230 | margin-top: 25px !important; 231 | } 232 | 233 | .mr25 { 234 | margin-right: 25px !important; 235 | } 236 | 237 | .mb25 { 238 | margin-bottom: 25px !important; 239 | } 240 | 241 | .ml25 { 242 | margin-left: 25px !important; 243 | } 244 | 245 | .p30 { 246 | padding: 30px !important; 247 | } 248 | 249 | .m30 { 250 | margin: 30px !important; 251 | } 252 | 253 | .pt30 { 254 | padding-top: 30px !important; 255 | } 256 | 257 | .pr30 { 258 | padding-right: 30px !important; 259 | } 260 | 261 | .pb30 { 262 | padding-bottom: 30px !important; 263 | } 264 | 265 | .pl30 { 266 | padding-left: 30px !important; 267 | } 268 | 269 | .mt30 { 270 | margin-top: 30px !important; 271 | } 272 | 273 | .mr30 { 274 | margin-right: 30px !important; 275 | } 276 | 277 | .mb30 { 278 | margin-bottom: 30px !important; 279 | } 280 | 281 | .ml30 { 282 | margin-left: 30px !important; 283 | } 284 | 285 | .p35 { 286 | padding: 35px !important; 287 | } 288 | 289 | .m35 { 290 | margin: 35px !important; 291 | } 292 | 293 | .pt35 { 294 | padding-top: 35px !important; 295 | } 296 | 297 | .pr35 { 298 | padding-right: 35px !important; 299 | } 300 | 301 | .pb35 { 302 | padding-bottom: 35px !important; 303 | } 304 | 305 | .pl35 { 306 | padding-left: 35px !important; 307 | } 308 | 309 | .mt35 { 310 | margin-top: 35px !important; 311 | } 312 | 313 | .mr35 { 314 | margin-right: 35px !important; 315 | } 316 | 317 | .mb35 { 318 | margin-bottom: 35px !important; 319 | } 320 | 321 | .ml35 { 322 | margin-left: 35px !important; 323 | } 324 | 325 | .p40 { 326 | padding: 40px !important; 327 | } 328 | 329 | .m40 { 330 | margin: 40px !important; 331 | } 332 | 333 | .pt40 { 334 | padding-top: 40px !important; 335 | } 336 | 337 | .pr40 { 338 | padding-right: 40px !important; 339 | } 340 | 341 | .pb40 { 342 | padding-bottom: 40px !important; 343 | } 344 | 345 | .pl40 { 346 | padding-left: 40px !important; 347 | } 348 | 349 | .mt40 { 350 | margin-top: 40px !important; 351 | } 352 | 353 | .mr40 { 354 | margin-right: 40px !important; 355 | } 356 | 357 | .mb40 { 358 | margin-bottom: 40px !important; 359 | } 360 | 361 | .ml40 { 362 | margin-left: 40px !important; 363 | } 364 | 365 | .p45 { 366 | padding: 45px !important; 367 | } 368 | 369 | .m45 { 370 | margin: 45px !important; 371 | } 372 | 373 | .pt45 { 374 | padding-top: 45px !important; 375 | } 376 | 377 | .pr45 { 378 | padding-right: 45px !important; 379 | } 380 | 381 | .pb45 { 382 | padding-bottom: 45px !important; 383 | } 384 | 385 | .pl45 { 386 | padding-left: 45px !important; 387 | } 388 | 389 | .mt45 { 390 | margin-top: 45px !important; 391 | } 392 | 393 | .mr45 { 394 | margin-right: 45px !important; 395 | } 396 | 397 | .mb45 { 398 | margin-bottom: 45px !important; 399 | } 400 | 401 | .ml45 { 402 | margin-left: 45px !important; 403 | } 404 | 405 | .p50 { 406 | padding: 50px !important; 407 | } 408 | 409 | .m50 { 410 | margin: 50px !important; 411 | } 412 | 413 | .pt50 { 414 | padding-top: 50px !important; 415 | } 416 | 417 | .pr50 { 418 | padding-right: 50px !important; 419 | } 420 | 421 | .pb50 { 422 | padding-bottom: 50px !important; 423 | } 424 | 425 | .pl50 { 426 | padding-left: 50px !important; 427 | } 428 | 429 | .mt50 { 430 | margin-top: 50px !important; 431 | } 432 | 433 | .mr50 { 434 | margin-right: 50px !important; 435 | } 436 | 437 | .mb50 { 438 | margin-bottom: 50px !important; 439 | } 440 | 441 | .ml50 { 442 | margin-left: 50px !important; 443 | } 444 | 445 | .p55 { 446 | padding: 55px !important; 447 | } 448 | 449 | .m55 { 450 | margin: 55px !important; 451 | } 452 | 453 | .pt55 { 454 | padding-top: 55px !important; 455 | } 456 | 457 | .pr55 { 458 | padding-right: 55px !important; 459 | } 460 | 461 | .pb55 { 462 | padding-bottom: 55px !important; 463 | } 464 | 465 | .pl55 { 466 | padding-left: 55px !important; 467 | } 468 | 469 | .mt55 { 470 | margin-top: 55px !important; 471 | } 472 | 473 | .mr55 { 474 | margin-right: 55px !important; 475 | } 476 | 477 | .mb55 { 478 | margin-bottom: 55px !important; 479 | } 480 | 481 | .ml55 { 482 | margin-left: 55px !important; 483 | } 484 | 485 | .p60 { 486 | padding: 60px !important; 487 | } 488 | 489 | .m60 { 490 | margin: 60px !important; 491 | } 492 | 493 | .pt60 { 494 | padding-top: 60px !important; 495 | } 496 | 497 | .pr60 { 498 | padding-right: 60px !important; 499 | } 500 | 501 | .pb60 { 502 | padding-bottom: 60px !important; 503 | } 504 | 505 | .pl60 { 506 | padding-left: 60px !important; 507 | } 508 | 509 | .mt60 { 510 | margin-top: 60px !important; 511 | } 512 | 513 | .mr60 { 514 | margin-right: 60px !important; 515 | } 516 | 517 | .mb60 { 518 | margin-bottom: 60px !important; 519 | } 520 | 521 | .ml60 { 522 | margin-left: 60px !important; 523 | } 524 | 525 | .p65 { 526 | padding: 65px !important; 527 | } 528 | 529 | .m65 { 530 | margin: 65px !important; 531 | } 532 | 533 | .pt65 { 534 | padding-top: 65px !important; 535 | } 536 | 537 | .pr65 { 538 | padding-right: 65px !important; 539 | } 540 | 541 | .pb65 { 542 | padding-bottom: 65px !important; 543 | } 544 | 545 | .pl65 { 546 | padding-left: 65px !important; 547 | } 548 | 549 | .mt65 { 550 | margin-top: 65px !important; 551 | } 552 | 553 | .mr65 { 554 | margin-right: 65px !important; 555 | } 556 | 557 | .mb65 { 558 | margin-bottom: 65px !important; 559 | } 560 | 561 | .ml65 { 562 | margin-left: 65px !important; 563 | } 564 | 565 | .p70 { 566 | padding: 70px !important; 567 | } 568 | 569 | .m70 { 570 | margin: 70px !important; 571 | } 572 | 573 | .pt70 { 574 | padding-top: 70px !important; 575 | } 576 | 577 | .pr70 { 578 | padding-right: 70px !important; 579 | } 580 | 581 | .pb70 { 582 | padding-bottom: 70px !important; 583 | } 584 | 585 | .pl70 { 586 | padding-left: 70px !important; 587 | } 588 | 589 | .mt70 { 590 | margin-top: 70px !important; 591 | } 592 | 593 | .mr70 { 594 | margin-right: 70px !important; 595 | } 596 | 597 | .mb70 { 598 | margin-bottom: 70px !important; 599 | } 600 | 601 | .ml70 { 602 | margin-left: 70px !important; 603 | } 604 | 605 | .p75 { 606 | padding: 75px !important; 607 | } 608 | 609 | .m75 { 610 | margin: 75px !important; 611 | } 612 | 613 | .pt75 { 614 | padding-top: 75px !important; 615 | } 616 | 617 | .pr75 { 618 | padding-right: 75px !important; 619 | } 620 | 621 | .pb75 { 622 | padding-bottom: 75px !important; 623 | } 624 | 625 | .pl75 { 626 | padding-left: 75px !important; 627 | } 628 | 629 | .mt75 { 630 | margin-top: 75px !important; 631 | } 632 | 633 | .mr75 { 634 | margin-right: 75px !important; 635 | } 636 | 637 | .mb75 { 638 | margin-bottom: 75px !important; 639 | } 640 | 641 | .ml75 { 642 | margin-left: 75px !important; 643 | } 644 | 645 | .p80 { 646 | padding: 80px !important; 647 | } 648 | 649 | .m80 { 650 | margin: 80px !important; 651 | } 652 | 653 | .pt80 { 654 | padding-top: 80px !important; 655 | } 656 | 657 | .pr80 { 658 | padding-right: 80px !important; 659 | } 660 | 661 | .pb80 { 662 | padding-bottom: 80px !important; 663 | } 664 | 665 | .pl80 { 666 | padding-left: 80px !important; 667 | } 668 | 669 | .mt80 { 670 | margin-top: 80px !important; 671 | } 672 | 673 | .mr80 { 674 | margin-right: 80px !important; 675 | } 676 | 677 | .mb80 { 678 | margin-bottom: 80px !important; 679 | } 680 | 681 | .ml80 { 682 | margin-left: 80px !important; 683 | } 684 | 685 | .p85 { 686 | padding: 85px !important; 687 | } 688 | 689 | .m85 { 690 | margin: 85px !important; 691 | } 692 | 693 | .pt85 { 694 | padding-top: 85px !important; 695 | } 696 | 697 | .pr85 { 698 | padding-right: 85px !important; 699 | } 700 | 701 | .pb85 { 702 | padding-bottom: 85px !important; 703 | } 704 | 705 | .pl85 { 706 | padding-left: 85px !important; 707 | } 708 | 709 | .mt85 { 710 | margin-top: 85px !important; 711 | } 712 | 713 | .mr85 { 714 | margin-right: 85px !important; 715 | } 716 | 717 | .mb85 { 718 | margin-bottom: 85px !important; 719 | } 720 | 721 | .ml85 { 722 | margin-left: 85px !important; 723 | } 724 | 725 | .p90 { 726 | padding: 90px !important; 727 | } 728 | 729 | .m90 { 730 | margin: 90px !important; 731 | } 732 | 733 | .pt90 { 734 | padding-top: 90px !important; 735 | } 736 | 737 | .pr90 { 738 | padding-right: 90px !important; 739 | } 740 | 741 | .pb90 { 742 | padding-bottom: 90px !important; 743 | } 744 | 745 | .pl90 { 746 | padding-left: 90px !important; 747 | } 748 | 749 | .mt90 { 750 | margin-top: 90px !important; 751 | } 752 | 753 | .mr90 { 754 | margin-right: 90px !important; 755 | } 756 | 757 | .mb90 { 758 | margin-bottom: 90px !important; 759 | } 760 | 761 | .ml90 { 762 | margin-left: 90px !important; 763 | } 764 | 765 | .p95 { 766 | padding: 95px !important; 767 | } 768 | 769 | .m95 { 770 | margin: 95px !important; 771 | } 772 | 773 | .pt95 { 774 | padding-top: 95px !important; 775 | } 776 | 777 | .pr95 { 778 | padding-right: 95px !important; 779 | } 780 | 781 | .pb95 { 782 | padding-bottom: 95px !important; 783 | } 784 | 785 | .pl95 { 786 | padding-left: 95px !important; 787 | } 788 | 789 | .mt95 { 790 | margin-top: 95px !important; 791 | } 792 | 793 | .mr95 { 794 | margin-right: 95px !important; 795 | } 796 | 797 | .mb95 { 798 | margin-bottom: 95px !important; 799 | } 800 | 801 | .ml95 { 802 | margin-left: 95px !important; 803 | } 804 | 805 | .p100 { 806 | padding: 100px !important; 807 | } 808 | 809 | .m100 { 810 | margin: 100px !important; 811 | } 812 | 813 | .pt100 { 814 | padding-top: 100px !important; 815 | } 816 | 817 | .pr100 { 818 | padding-right: 100px !important; 819 | } 820 | 821 | .pb100 { 822 | padding-bottom: 100px !important; 823 | } 824 | 825 | .pl100 { 826 | padding-left: 100px !important; 827 | } 828 | 829 | .mt100 { 830 | margin-top: 100px !important; 831 | } 832 | 833 | .mr100 { 834 | margin-right: 100px !important; 835 | } 836 | 837 | .mb100 { 838 | margin-bottom: 100px !important; 839 | } 840 | 841 | .ml100 { 842 | margin-left: 100px !important; 843 | } 844 | 845 | .w10 { 846 | width: 10px !important; 847 | } 848 | 849 | .w15 { 850 | width: 15px !important; 851 | } 852 | 853 | .w20 { 854 | width: 20px !important; 855 | } 856 | 857 | .w25 { 858 | width: 25px !important; 859 | } 860 | 861 | .w30 { 862 | width: 30px !important; 863 | } 864 | 865 | .w35 { 866 | width: 35px !important; 867 | } 868 | 869 | .w40 { 870 | width: 40px !important; 871 | } 872 | 873 | .w45 { 874 | width: 45px !important; 875 | } 876 | 877 | .w50 { 878 | width: 50px !important; 879 | } 880 | 881 | .w55 { 882 | width: 55px !important; 883 | } 884 | 885 | .w60 { 886 | width: 60px !important; 887 | } 888 | 889 | .w65 { 890 | width: 65px !important; 891 | } 892 | 893 | .w70 { 894 | width: 70px !important; 895 | } 896 | 897 | .w75 { 898 | width: 75px !important; 899 | } 900 | 901 | .w80 { 902 | width: 80px !important; 903 | } 904 | 905 | .w85 { 906 | width: 85px !important; 907 | } 908 | 909 | .w90 { 910 | width: 90px !important; 911 | } 912 | 913 | .w95 { 914 | width: 95px !important; 915 | } 916 | 917 | .w100 { 918 | width: 100px !important; 919 | } 920 | 921 | .w105 { 922 | width: 105px !important; 923 | } 924 | 925 | .w110 { 926 | width: 110px !important; 927 | } 928 | 929 | .w115 { 930 | width: 115px !important; 931 | } 932 | 933 | .w120 { 934 | width: 120px !important; 935 | } 936 | 937 | .w125 { 938 | width: 125px !important; 939 | } 940 | 941 | .w130 { 942 | width: 130px !important; 943 | } 944 | 945 | .w135 { 946 | width: 135px !important; 947 | } 948 | 949 | .w140 { 950 | width: 140px !important; 951 | } 952 | 953 | .w145 { 954 | width: 145px !important; 955 | } 956 | 957 | .w150 { 958 | width: 150px !important; 959 | } 960 | 961 | .w155 { 962 | width: 155px !important; 963 | } 964 | 965 | .w160 { 966 | width: 160px !important; 967 | } 968 | 969 | .w165 { 970 | width: 165px !important; 971 | } 972 | 973 | .w170 { 974 | width: 170px !important; 975 | } 976 | 977 | .w175 { 978 | width: 175px !important; 979 | } 980 | 981 | .w180 { 982 | width: 180px !important; 983 | } 984 | 985 | .w185 { 986 | width: 185px !important; 987 | } 988 | 989 | .w190 { 990 | width: 190px !important; 991 | } 992 | 993 | .w195 { 994 | width: 195px !important; 995 | } 996 | 997 | .w200 { 998 | width: 200px !important; 999 | } 1000 | 1001 | .w205 { 1002 | width: 205px !important; 1003 | } 1004 | 1005 | .w210 { 1006 | width: 210px !important; 1007 | } 1008 | 1009 | .w215 { 1010 | width: 215px !important; 1011 | } 1012 | 1013 | .w220 { 1014 | width: 220px !important; 1015 | } 1016 | 1017 | .w225 { 1018 | width: 225px !important; 1019 | } 1020 | 1021 | .w230 { 1022 | width: 230px !important; 1023 | } 1024 | 1025 | .w235 { 1026 | width: 235px !important; 1027 | } 1028 | 1029 | .w240 { 1030 | width: 240px !important; 1031 | } 1032 | 1033 | .w245 { 1034 | width: 245px !important; 1035 | } 1036 | 1037 | .w250 { 1038 | width: 250px !important; 1039 | } 1040 | 1041 | .w255 { 1042 | width: 255px !important; 1043 | } 1044 | 1045 | .w260 { 1046 | width: 260px !important; 1047 | } 1048 | 1049 | .w265 { 1050 | width: 265px !important; 1051 | } 1052 | 1053 | .w270 { 1054 | width: 270px !important; 1055 | } 1056 | 1057 | .w275 { 1058 | width: 275px !important; 1059 | } 1060 | 1061 | .w280 { 1062 | width: 280px !important; 1063 | } 1064 | 1065 | .w285 { 1066 | width: 285px !important; 1067 | } 1068 | 1069 | .w290 { 1070 | width: 290px !important; 1071 | } 1072 | 1073 | .w295 { 1074 | width: 295px !important; 1075 | } 1076 | 1077 | .w300 { 1078 | width: 300px !important; 1079 | } 1080 | 1081 | .w305 { 1082 | width: 305px !important; 1083 | } 1084 | 1085 | .w310 { 1086 | width: 310px !important; 1087 | } 1088 | 1089 | .w315 { 1090 | width: 315px !important; 1091 | } 1092 | 1093 | .w320 { 1094 | width: 320px !important; 1095 | } 1096 | 1097 | .w325 { 1098 | width: 325px !important; 1099 | } 1100 | 1101 | .w330 { 1102 | width: 330px !important; 1103 | } 1104 | 1105 | .w335 { 1106 | width: 335px !important; 1107 | } 1108 | 1109 | .w340 { 1110 | width: 340px !important; 1111 | } 1112 | 1113 | .w345 { 1114 | width: 345px !important; 1115 | } 1116 | 1117 | .w350 { 1118 | width: 350px !important; 1119 | } 1120 | 1121 | .w355 { 1122 | width: 355px !important; 1123 | } 1124 | 1125 | .w360 { 1126 | width: 360px !important; 1127 | } 1128 | 1129 | .w365 { 1130 | width: 365px !important; 1131 | } 1132 | 1133 | .w370 { 1134 | width: 370px !important; 1135 | } 1136 | 1137 | .w375 { 1138 | width: 375px !important; 1139 | } 1140 | 1141 | .w380 { 1142 | width: 380px !important; 1143 | } 1144 | 1145 | .w385 { 1146 | width: 385px !important; 1147 | } 1148 | 1149 | .w390 { 1150 | width: 390px !important; 1151 | } 1152 | 1153 | .w395 { 1154 | width: 395px !important; 1155 | } 1156 | 1157 | .w400 { 1158 | width: 400px !important; 1159 | } 1160 | 1161 | .w405 { 1162 | width: 405px !important; 1163 | } 1164 | 1165 | .w410 { 1166 | width: 410px !important; 1167 | } 1168 | 1169 | .w415 { 1170 | width: 415px !important; 1171 | } 1172 | 1173 | .w420 { 1174 | width: 420px !important; 1175 | } 1176 | 1177 | .w425 { 1178 | width: 425px !important; 1179 | } 1180 | 1181 | .w430 { 1182 | width: 430px !important; 1183 | } 1184 | 1185 | .w435 { 1186 | width: 435px !important; 1187 | } 1188 | 1189 | .w440 { 1190 | width: 440px !important; 1191 | } 1192 | 1193 | .w445 { 1194 | width: 445px !important; 1195 | } 1196 | 1197 | .w450 { 1198 | width: 450px !important; 1199 | } 1200 | 1201 | .w455 { 1202 | width: 455px !important; 1203 | } 1204 | 1205 | .w460 { 1206 | width: 460px !important; 1207 | } 1208 | 1209 | .w465 { 1210 | width: 465px !important; 1211 | } 1212 | 1213 | .w470 { 1214 | width: 470px !important; 1215 | } 1216 | 1217 | .w475 { 1218 | width: 475px !important; 1219 | } 1220 | 1221 | .w480 { 1222 | width: 480px !important; 1223 | } 1224 | 1225 | .w485 { 1226 | width: 485px !important; 1227 | } 1228 | 1229 | .w490 { 1230 | width: 490px !important; 1231 | } 1232 | 1233 | .w495 { 1234 | width: 495px !important; 1235 | } 1236 | 1237 | .w500 { 1238 | width: 500px !important; 1239 | } 1240 | 1241 | .w505 { 1242 | width: 505px !important; 1243 | } 1244 | 1245 | .w510 { 1246 | width: 510px !important; 1247 | } 1248 | 1249 | .w515 { 1250 | width: 515px !important; 1251 | } 1252 | 1253 | .w520 { 1254 | width: 520px !important; 1255 | } 1256 | 1257 | .w525 { 1258 | width: 525px !important; 1259 | } 1260 | 1261 | .w530 { 1262 | width: 530px !important; 1263 | } 1264 | 1265 | .w535 { 1266 | width: 535px !important; 1267 | } 1268 | 1269 | .w540 { 1270 | width: 540px !important; 1271 | } 1272 | 1273 | .w545 { 1274 | width: 545px !important; 1275 | } 1276 | 1277 | .w550 { 1278 | width: 550px !important; 1279 | } 1280 | 1281 | .w555 { 1282 | width: 555px !important; 1283 | } 1284 | 1285 | .w560 { 1286 | width: 560px !important; 1287 | } 1288 | 1289 | .w565 { 1290 | width: 565px !important; 1291 | } 1292 | 1293 | .w570 { 1294 | width: 570px !important; 1295 | } 1296 | 1297 | .w575 { 1298 | width: 575px !important; 1299 | } 1300 | 1301 | .w580 { 1302 | width: 580px !important; 1303 | } 1304 | 1305 | .w585 { 1306 | width: 585px !important; 1307 | } 1308 | 1309 | .w590 { 1310 | width: 590px !important; 1311 | } 1312 | 1313 | .w595 { 1314 | width: 595px !important; 1315 | } 1316 | 1317 | .w600 { 1318 | width: 600px !important; 1319 | } 1320 | 1321 | .w605 { 1322 | width: 605px !important; 1323 | } 1324 | 1325 | .w610 { 1326 | width: 610px !important; 1327 | } 1328 | 1329 | .w615 { 1330 | width: 615px !important; 1331 | } 1332 | 1333 | .w620 { 1334 | width: 620px !important; 1335 | } 1336 | 1337 | .w625 { 1338 | width: 625px !important; 1339 | } 1340 | 1341 | .w630 { 1342 | width: 630px !important; 1343 | } 1344 | 1345 | .w635 { 1346 | width: 635px !important; 1347 | } 1348 | 1349 | .w640 { 1350 | width: 640px !important; 1351 | } 1352 | 1353 | .w645 { 1354 | width: 645px !important; 1355 | } 1356 | 1357 | .w650 { 1358 | width: 650px !important; 1359 | } 1360 | 1361 | .w655 { 1362 | width: 655px !important; 1363 | } 1364 | 1365 | .w660 { 1366 | width: 660px !important; 1367 | } 1368 | 1369 | .w665 { 1370 | width: 665px !important; 1371 | } 1372 | 1373 | .w670 { 1374 | width: 670px !important; 1375 | } 1376 | 1377 | .w675 { 1378 | width: 675px !important; 1379 | } 1380 | 1381 | .w680 { 1382 | width: 680px !important; 1383 | } 1384 | 1385 | .w685 { 1386 | width: 685px !important; 1387 | } 1388 | 1389 | .w690 { 1390 | width: 690px !important; 1391 | } 1392 | 1393 | .w695 { 1394 | width: 695px !important; 1395 | } 1396 | 1397 | .w700 { 1398 | width: 700px !important; 1399 | } 1400 | 1401 | .w705 { 1402 | width: 705px !important; 1403 | } 1404 | 1405 | .w710 { 1406 | width: 710px !important; 1407 | } 1408 | 1409 | .w715 { 1410 | width: 715px !important; 1411 | } 1412 | 1413 | .w720 { 1414 | width: 720px !important; 1415 | } 1416 | 1417 | .w725 { 1418 | width: 725px !important; 1419 | } 1420 | 1421 | .w730 { 1422 | width: 730px !important; 1423 | } 1424 | 1425 | .w735 { 1426 | width: 735px !important; 1427 | } 1428 | 1429 | .w740 { 1430 | width: 740px !important; 1431 | } 1432 | 1433 | .w745 { 1434 | width: 745px !important; 1435 | } 1436 | 1437 | .w750 { 1438 | width: 750px !important; 1439 | } 1440 | 1441 | .w755 { 1442 | width: 755px !important; 1443 | } 1444 | 1445 | .w760 { 1446 | width: 760px !important; 1447 | } 1448 | 1449 | .w765 { 1450 | width: 765px !important; 1451 | } 1452 | 1453 | .w770 { 1454 | width: 770px !important; 1455 | } 1456 | 1457 | .w775 { 1458 | width: 775px !important; 1459 | } 1460 | 1461 | .w780 { 1462 | width: 780px !important; 1463 | } 1464 | 1465 | .w785 { 1466 | width: 785px !important; 1467 | } 1468 | 1469 | .w790 { 1470 | width: 790px !important; 1471 | } 1472 | 1473 | .w795 { 1474 | width: 795px !important; 1475 | } 1476 | 1477 | .w800 { 1478 | width: 800px !important; 1479 | } 1480 | 1481 | .w805 { 1482 | width: 805px !important; 1483 | } 1484 | 1485 | .w810 { 1486 | width: 810px !important; 1487 | } 1488 | 1489 | .w815 { 1490 | width: 815px !important; 1491 | } 1492 | 1493 | .w820 { 1494 | width: 820px !important; 1495 | } 1496 | 1497 | .w825 { 1498 | width: 825px !important; 1499 | } 1500 | 1501 | .w830 { 1502 | width: 830px !important; 1503 | } 1504 | 1505 | .w835 { 1506 | width: 835px !important; 1507 | } 1508 | 1509 | .w840 { 1510 | width: 840px !important; 1511 | } 1512 | 1513 | .w845 { 1514 | width: 845px !important; 1515 | } 1516 | 1517 | .w850 { 1518 | width: 850px !important; 1519 | } 1520 | 1521 | .w855 { 1522 | width: 855px !important; 1523 | } 1524 | 1525 | .w860 { 1526 | width: 860px !important; 1527 | } 1528 | 1529 | .w865 { 1530 | width: 865px !important; 1531 | } 1532 | 1533 | .w870 { 1534 | width: 870px !important; 1535 | } 1536 | 1537 | .w875 { 1538 | width: 875px !important; 1539 | } 1540 | 1541 | .w880 { 1542 | width: 880px !important; 1543 | } 1544 | 1545 | .w885 { 1546 | width: 885px !important; 1547 | } 1548 | 1549 | .w890 { 1550 | width: 890px !important; 1551 | } 1552 | 1553 | .w895 { 1554 | width: 895px !important; 1555 | } 1556 | 1557 | .w900 { 1558 | width: 900px !important; 1559 | } 1560 | 1561 | .w905 { 1562 | width: 905px !important; 1563 | } 1564 | 1565 | .w910 { 1566 | width: 910px !important; 1567 | } 1568 | 1569 | .w915 { 1570 | width: 915px !important; 1571 | } 1572 | 1573 | .w920 { 1574 | width: 920px !important; 1575 | } 1576 | 1577 | .w925 { 1578 | width: 925px !important; 1579 | } 1580 | 1581 | .w930 { 1582 | width: 930px !important; 1583 | } 1584 | 1585 | .w935 { 1586 | width: 935px !important; 1587 | } 1588 | 1589 | .w940 { 1590 | width: 940px !important; 1591 | } 1592 | 1593 | .w945 { 1594 | width: 945px !important; 1595 | } 1596 | 1597 | .w950 { 1598 | width: 950px !important; 1599 | } 1600 | 1601 | .w955 { 1602 | width: 955px !important; 1603 | } 1604 | 1605 | .w960 { 1606 | width: 960px !important; 1607 | } 1608 | 1609 | .w965 { 1610 | width: 965px !important; 1611 | } 1612 | 1613 | .w970 { 1614 | width: 970px !important; 1615 | } 1616 | 1617 | .w975 { 1618 | width: 975px !important; 1619 | } 1620 | 1621 | .w980 { 1622 | width: 980px !important; 1623 | } 1624 | 1625 | .w985 { 1626 | width: 985px !important; 1627 | } 1628 | 1629 | .w990 { 1630 | width: 990px !important; 1631 | } 1632 | 1633 | .w995 { 1634 | width: 995px !important; 1635 | } 1636 | 1637 | .w1000 { 1638 | width: 1000px !important; 1639 | } 1640 | 1641 | .w1005 { 1642 | width: 1005px !important; 1643 | } 1644 | 1645 | .w1010 { 1646 | width: 1010px !important; 1647 | } 1648 | 1649 | .w1015 { 1650 | width: 1015px !important; 1651 | } 1652 | 1653 | .w1020 { 1654 | width: 1020px !important; 1655 | } 1656 | 1657 | .w1025 { 1658 | width: 1025px !important; 1659 | } 1660 | 1661 | .w1030 { 1662 | width: 1030px !important; 1663 | } 1664 | 1665 | .w1035 { 1666 | width: 1035px !important; 1667 | } 1668 | 1669 | .w1040 { 1670 | width: 1040px !important; 1671 | } 1672 | 1673 | .w1045 { 1674 | width: 1045px !important; 1675 | } 1676 | 1677 | .w1050 { 1678 | width: 1050px !important; 1679 | } 1680 | 1681 | .w1055 { 1682 | width: 1055px !important; 1683 | } 1684 | 1685 | .w1060 { 1686 | width: 1060px !important; 1687 | } 1688 | 1689 | .w1065 { 1690 | width: 1065px !important; 1691 | } 1692 | 1693 | .w1070 { 1694 | width: 1070px !important; 1695 | } 1696 | 1697 | .w1075 { 1698 | width: 1075px !important; 1699 | } 1700 | 1701 | .w1080 { 1702 | width: 1080px !important; 1703 | } 1704 | 1705 | .w1085 { 1706 | width: 1085px !important; 1707 | } 1708 | 1709 | .w1090 { 1710 | width: 1090px !important; 1711 | } 1712 | 1713 | .w1095 { 1714 | width: 1095px !important; 1715 | } 1716 | 1717 | .w1100 { 1718 | width: 1100px !important; 1719 | } 1720 | 1721 | .w1105 { 1722 | width: 1105px !important; 1723 | } 1724 | 1725 | .w1110 { 1726 | width: 1110px !important; 1727 | } 1728 | 1729 | .w1115 { 1730 | width: 1115px !important; 1731 | } 1732 | 1733 | .w1120 { 1734 | width: 1120px !important; 1735 | } 1736 | 1737 | .w1125 { 1738 | width: 1125px !important; 1739 | } 1740 | 1741 | .w1130 { 1742 | width: 1130px !important; 1743 | } 1744 | 1745 | .w1135 { 1746 | width: 1135px !important; 1747 | } 1748 | 1749 | .w1140 { 1750 | width: 1140px !important; 1751 | } 1752 | 1753 | .w1145 { 1754 | width: 1145px !important; 1755 | } 1756 | 1757 | .w1150 { 1758 | width: 1150px !important; 1759 | } 1760 | 1761 | .w1155 { 1762 | width: 1155px !important; 1763 | } 1764 | 1765 | .w1160 { 1766 | width: 1160px !important; 1767 | } 1768 | 1769 | .w1165 { 1770 | width: 1165px !important; 1771 | } 1772 | 1773 | .w1170 { 1774 | width: 1170px !important; 1775 | } 1776 | 1777 | .w1175 { 1778 | width: 1175px !important; 1779 | } 1780 | 1781 | .w1180 { 1782 | width: 1180px !important; 1783 | } 1784 | 1785 | .w1185 { 1786 | width: 1185px !important; 1787 | } 1788 | 1789 | .w1190 { 1790 | width: 1190px !important; 1791 | } 1792 | 1793 | .w1195 { 1794 | width: 1195px !important; 1795 | } 1796 | 1797 | .w1200 { 1798 | width: 1200px !important; 1799 | } 1800 | 1801 | .w5p { 1802 | width: 5% !important; 1803 | } 1804 | 1805 | .w10p { 1806 | width: 10% !important; 1807 | } 1808 | 1809 | .w15p { 1810 | width: 15% !important; 1811 | } 1812 | 1813 | .w20p { 1814 | width: 20% !important; 1815 | } 1816 | 1817 | .w25p { 1818 | width: 25% !important; 1819 | } 1820 | 1821 | .w30p { 1822 | width: 30% !important; 1823 | } 1824 | 1825 | .w35p { 1826 | width: 35% !important; 1827 | } 1828 | 1829 | .w40p { 1830 | width: 40% !important; 1831 | } 1832 | 1833 | .w45p { 1834 | width: 45% !important; 1835 | } 1836 | 1837 | .w50p { 1838 | width: 50% !important; 1839 | } 1840 | 1841 | .w55p { 1842 | width: 55% !important; 1843 | } 1844 | 1845 | .w60p { 1846 | width: 60% !important; 1847 | } 1848 | 1849 | .w65p { 1850 | width: 65% !important; 1851 | } 1852 | 1853 | .w70p { 1854 | width: 70% !important; 1855 | } 1856 | 1857 | .w75p { 1858 | width: 75% !important; 1859 | } 1860 | 1861 | .w80p { 1862 | width: 80% !important; 1863 | } 1864 | 1865 | .w85p { 1866 | width: 85% !important; 1867 | } 1868 | 1869 | .w90p { 1870 | width: 90% !important; 1871 | } 1872 | 1873 | .w95p { 1874 | width: 95% !important; 1875 | } 1876 | 1877 | .w100p { 1878 | width: 100% !important; 1879 | } 1880 | 1881 | .fs0 { 1882 | font-size: 0 !important; 1883 | } 1884 | 1885 | .fs10 { 1886 | font-size: 10px !important; 1887 | } 1888 | 1889 | .fs11 { 1890 | font-size: 11px !important; 1891 | } 1892 | 1893 | .fs12 { 1894 | font-size: 12px !important; 1895 | } 1896 | 1897 | .fs13 { 1898 | font-size: 13px !important; 1899 | } 1900 | 1901 | .fs14 { 1902 | font-size: 14px !important; 1903 | } 1904 | 1905 | .fs15 { 1906 | font-size: 15px !important; 1907 | } 1908 | 1909 | .fs16 { 1910 | font-size: 16px !important; 1911 | } 1912 | 1913 | .fs17 { 1914 | font-size: 17px !important; 1915 | } 1916 | 1917 | .fs18 { 1918 | font-size: 18px !important; 1919 | } 1920 | 1921 | .fs19 { 1922 | font-size: 19px !important; 1923 | } 1924 | 1925 | .fs20 { 1926 | font-size: 20px !important; 1927 | } 1928 | 1929 | .fs21 { 1930 | font-size: 21px !important; 1931 | } 1932 | 1933 | .fs22 { 1934 | font-size: 22px !important; 1935 | } 1936 | 1937 | .fs23 { 1938 | font-size: 23px !important; 1939 | } 1940 | 1941 | .fs24 { 1942 | font-size: 24px !important; 1943 | } 1944 | 1945 | .fs25 { 1946 | font-size: 25px !important; 1947 | } 1948 | 1949 | .fs26 { 1950 | font-size: 26px !important; 1951 | } 1952 | 1953 | .fs27 { 1954 | font-size: 27px !important; 1955 | } 1956 | 1957 | .fs28 { 1958 | font-size: 28px !important; 1959 | } 1960 | 1961 | .fs29 { 1962 | font-size: 29px !important; 1963 | } 1964 | 1965 | .fs30 { 1966 | font-size: 30px !important; 1967 | } 1968 | 1969 | .lh100 { 1970 | line-height: 100% !important; 1971 | } 1972 | 1973 | .lh105 { 1974 | line-height: 105% !important; 1975 | } 1976 | 1977 | .lh110 { 1978 | line-height: 110% !important; 1979 | } 1980 | 1981 | .lh115 { 1982 | line-height: 115% !important; 1983 | } 1984 | 1985 | .lh120 { 1986 | line-height: 120% !important; 1987 | } 1988 | 1989 | .lh125 { 1990 | line-height: 125% !important; 1991 | } 1992 | 1993 | .lh130 { 1994 | line-height: 130% !important; 1995 | } 1996 | 1997 | .lh135 { 1998 | line-height: 135% !important; 1999 | } 2000 | 2001 | .lh140 { 2002 | line-height: 140% !important; 2003 | } 2004 | 2005 | .lh145 { 2006 | line-height: 145% !important; 2007 | } 2008 | 2009 | .lh150 { 2010 | line-height: 150% !important; 2011 | } 2012 | 2013 | .lh155 { 2014 | line-height: 155% !important; 2015 | } 2016 | 2017 | .lh160 { 2018 | line-height: 160% !important; 2019 | } 2020 | 2021 | .lh165 { 2022 | line-height: 165% !important; 2023 | } 2024 | 2025 | .lh170 { 2026 | line-height: 170% !important; 2027 | } 2028 | 2029 | .lh175 { 2030 | line-height: 175% !important; 2031 | } 2032 | 2033 | .lh180 { 2034 | line-height: 180% !important; 2035 | } 2036 | 2037 | .lh185 { 2038 | line-height: 185% !important; 2039 | } 2040 | 2041 | .lh190 { 2042 | line-height: 190% !important; 2043 | } 2044 | 2045 | .lh195 { 2046 | line-height: 195% !important; 2047 | } 2048 | 2049 | .lh200 { 2050 | line-height: 200% !important; 2051 | } 2052 | 2053 | .ptz_table { 2054 | display: table; 2055 | } 2056 | 2057 | .ptz_row, .ptz_tr { 2058 | display: table-row; 2059 | } 2060 | 2061 | .ptz_cell, .ptz_th, .ptz_td { 2062 | display: table-cell; 2063 | vertical-align: top; 2064 | } 2065 | 2066 | .ptz_th { 2067 | font-weight: bold; 2068 | } 2069 | 2070 | .tac { 2071 | text-align: center !important; 2072 | } 2073 | 2074 | .tar { 2075 | text-align: right !important; 2076 | } 2077 | 2078 | .tal { 2079 | text-align: left !important; 2080 | } 2081 | 2082 | .taj { 2083 | text-align: justify !important; 2084 | } 2085 | 2086 | .vat { 2087 | vertical-align: top !important; 2088 | } 2089 | 2090 | .vam { 2091 | vertical-align: middle !important; 2092 | } 2093 | 2094 | .vab { 2095 | vertical-align: bottom !important; 2096 | } 2097 | 2098 | .b { 2099 | font-weight: bold !important; 2100 | } 2101 | 2102 | .i { 2103 | font-style: italic !important; 2104 | } 2105 | 2106 | .n { 2107 | font-style: normal !important; 2108 | } 2109 | 2110 | .u { 2111 | text-decoration: underline !important; 2112 | } 2113 | 2114 | .s { 2115 | text-decoration: line-through !important; 2116 | } 2117 | 2118 | .fwn { 2119 | font-weight: normal !important; 2120 | } 2121 | 2122 | .upcase { 2123 | text-transform: uppercase !important; 2124 | } 2125 | 2126 | .downcase { 2127 | text-transform: lowercase !important; 2128 | } 2129 | 2130 | .ffa { 2131 | font-family: Arial; 2132 | } 2133 | 2134 | .fft { 2135 | font-family: Tahoma; 2136 | } 2137 | 2138 | .ffv { 2139 | font-family: Verdana; 2140 | } 2141 | 2142 | .ffg { 2143 | font-family: Georgia; 2144 | } 2145 | 2146 | .ffm { 2147 | font-family: Monospace; 2148 | } 2149 | 2150 | .fftnr { 2151 | font-family: Times New Roman; 2152 | } 2153 | 2154 | .inline { 2155 | display: inline !important; 2156 | } 2157 | 2158 | .block { 2159 | display: block !important; 2160 | } 2161 | 2162 | .iblock { 2163 | display: inline-block !important; 2164 | } 2165 | 2166 | .br-off { 2167 | white-space: nowrap !important; 2168 | } 2169 | 2170 | .br-on { 2171 | white-space: normal !important; 2172 | } 2173 | 2174 | .ls0 { 2175 | letter-spacing: 0 !important; 2176 | } 2177 | 2178 | .lsn { 2179 | letter-spacing: normal !important; 2180 | } 2181 | 2182 | .posrel { 2183 | position: relative !important; 2184 | } 2185 | 2186 | .posabs { 2187 | position: absolute !important; 2188 | } 2189 | 2190 | .h100p { 2191 | height: 100% !important; 2192 | } 2193 | 2194 | .brn, .br0 { 2195 | border-radius: 0 !important; 2196 | } 2197 | 2198 | .showme { 2199 | border: 1px solid red !important; 2200 | } 2201 | --------------------------------------------------------------------------------