first import
This commit is contained in:
Bachir Soussi Chiadmi
220
sites/all/themes/omega/alpha/alpha.info
Normal file
220
sites/all/themes/omega/alpha/alpha.info
Normal file
@@ -0,0 +1,220 @@
|
||||
name = Alpha
|
||||
description = Alpha is the core basetheme for <a href="http://drupal.org/project/omega">Omega</a> and all its subthemes. It includes the most basic features of the Omega theme framework. This theme should not be used directly, instead you should create a subtheme based on one of the Omega or Alpha starterkits. Learn more about <a href="http://drupal.org/node/819170">Creating an Omega Subtheme</a> in the <a href="http://drupal.org/node/819164">Omega Handbook</a>.
|
||||
core = 7.x
|
||||
engine = phptemplate
|
||||
screenshot = screenshot.png
|
||||
version = 3.x
|
||||
|
||||
; REGIONS
|
||||
|
||||
; REQUIRED CORE REGIONS
|
||||
|
||||
regions[page_top] = Page Top
|
||||
regions[page_bottom] = Page Bottom
|
||||
regions[content] = Content
|
||||
|
||||
; END REQUIRED CORE REGIONS
|
||||
|
||||
regions[header] = Header
|
||||
regions[footer] = Footer
|
||||
|
||||
regions[sidebar_first] = Sidebar First
|
||||
regions[sidebar_second] = Sidebar Second
|
||||
|
||||
; ZONES
|
||||
|
||||
zones[content] = Content
|
||||
zones[header] = Header
|
||||
zones[footer] = Footer
|
||||
|
||||
; OPTIONAL STYLESHEETS
|
||||
|
||||
css[alpha-reset.css][name] = Reset
|
||||
css[alpha-reset.css][description] = Created by <a href="http://meyerweb.com/eric/tools/css/reset/">Eric Meyer</a>.
|
||||
css[alpha-reset.css][options][weight] = -20
|
||||
|
||||
css[alpha-mobile.css][name] = Mobile
|
||||
css[alpha-mobile.css][description] = Default stylesheet for mobile styles.
|
||||
css[alpha-mobile.css][options][weight] = -20
|
||||
|
||||
css[alpha-alpha.css][name] = Alpha
|
||||
css[alpha-alpha.css][description] = Default styles & resets for Alpha/Omega base theme.
|
||||
css[alpha-alpha.css][options][weight] = -20
|
||||
|
||||
; OPTIONAL LIBRARIES
|
||||
|
||||
; STYLESHEETS FOR EXCLUSION
|
||||
|
||||
exclude[misc/vertical-tabs.css] = This requires a description.
|
||||
exclude[modules/aggregator/aggregator.css] = This requires a description.
|
||||
exclude[modules/block/block.css] = This requires a description.
|
||||
exclude[modules/dblog/dblog.css] = This requires a description.
|
||||
exclude[modules/file/file.css] = This requires a description.
|
||||
exclude[modules/filter/filter.css] = This requires a description.
|
||||
exclude[modules/help/help.css] = This requires a description.
|
||||
exclude[modules/menu/menu.css] = This requires a description.
|
||||
exclude[modules/openid/openid.css] = This requires a description.
|
||||
exclude[modules/profile/profile.css] = This requires a description.
|
||||
exclude[modules/statistics/statistics.css] = This requires a description.
|
||||
exclude[modules/syslog/syslog.css] = This requires a description.
|
||||
exclude[modules/system/admin.css] = This requires a description.
|
||||
exclude[modules/system/maintenance.css] = This requires a description.
|
||||
exclude[modules/system/system.css] = This requires a description.
|
||||
exclude[modules/system/system.admin.css] = This requires a description.
|
||||
exclude[modules/system/system.base.css] = This requires a description.
|
||||
exclude[modules/system/system.maintenance.css] = This requires a description.
|
||||
exclude[modules/system/system.menus.css] = This requires a description.
|
||||
exclude[modules/system/system.messages.css] = This requires a description.
|
||||
exclude[modules/system/system.theme.css] = This requires a description.
|
||||
exclude[modules/taxonomy/taxonomy.css] = This requires a description.
|
||||
exclude[modules/tracker/tracker.css] = This requires a description.
|
||||
exclude[modules/update/update.css] = This requires a description.
|
||||
|
||||
; CSS GRID SYSTEMS
|
||||
|
||||
grids[alpha_default][name] = Default (960px)
|
||||
grids[alpha_default][layouts][fluid] = Fluid
|
||||
grids[alpha_default][layouts][narrow] = Narrow
|
||||
grids[alpha_default][layouts][normal] = Normal
|
||||
grids[alpha_default][layouts][wide] = Wide
|
||||
grids[alpha_default][columns][12] = 12 Columns
|
||||
grids[alpha_default][columns][16] = 16 Columns
|
||||
grids[alpha_default][columns][24] = 24 Columns
|
||||
|
||||
grids[alpha_fluid][name] = Fluid
|
||||
grids[alpha_fluid][layouts][normal] = Normal
|
||||
grids[alpha_fluid][columns][12] = 12 Columns
|
||||
grids[alpha_fluid][columns][16] = 16 Columns
|
||||
grids[alpha_fluid][columns][24] = 24 Columns
|
||||
|
||||
; DEFAULT THEME SETTINGS
|
||||
|
||||
settings[alpha_grid] = 'alpha_default'
|
||||
settings[alpha_primary_alpha_default] = 'normal'
|
||||
settings[alpha_responsive] = '1'
|
||||
settings[alpha_layouts_alpha_fluid_primary] = 'normal'
|
||||
settings[alpha_layouts_alpha_fluid_normal_responsive] = '0'
|
||||
settings[alpha_layouts_alpha_fluid_normal_media] = 'all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)'
|
||||
settings[alpha_layouts_alpha_default_primary] = 'normal'
|
||||
settings[alpha_layouts_alpha_default_fluid_responsive] = '0'
|
||||
settings[alpha_layouts_alpha_default_fluid_media] = 'all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)'
|
||||
settings[alpha_layouts_alpha_default_fluid_weight] = '0'
|
||||
settings[alpha_layouts_alpha_default_narrow_responsive] = '1'
|
||||
settings[alpha_layouts_alpha_default_narrow_media] = 'all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)'
|
||||
settings[alpha_layouts_alpha_default_narrow_weight] = '1'
|
||||
settings[alpha_layouts_alpha_default_normal_responsive] = '1'
|
||||
settings[alpha_layouts_alpha_default_normal_media] = 'all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)'
|
||||
settings[alpha_layouts_alpha_default_normal_weight] = '2'
|
||||
settings[alpha_layouts_alpha_default_wide_responsive] = '1'
|
||||
settings[alpha_layouts_alpha_default_wide_media] = 'all and (min-width: 1220px)'
|
||||
settings[alpha_layouts_alpha_default_wide_weight] = '3'
|
||||
settings[alpha_viewport] = '1'
|
||||
settings[alpha_viewport_initial_scale] = '1'
|
||||
settings[alpha_viewport_min_scale] = '1'
|
||||
settings[alpha_viewport_max_scale] = '1'
|
||||
settings[alpha_viewport_user_scaleable] = ''
|
||||
settings[alpha_css][alpha-reset.css] = 'alpha-reset.css'
|
||||
settings[alpha_css][alpha-alpha.css] = 'alpha-alpha.css'
|
||||
settings[alpha_css][alpha-mobile.css] = 'alpha-mobile.css'
|
||||
settings[alpha_debug_block_toggle] = '1'
|
||||
settings[alpha_debug_block_active] = '1'
|
||||
settings[alpha_debug_grid_toggle] = '1'
|
||||
settings[alpha_debug_grid_active] = '1'
|
||||
settings[alpha_debug_grid_roles][1] = '1'
|
||||
settings[alpha_debug_grid_roles][2] = '2'
|
||||
settings[alpha_debug_grid_roles][3] = '3'
|
||||
settings[alpha_toggle_messages] = '1'
|
||||
settings[alpha_toggle_action_links] = '1'
|
||||
settings[alpha_toggle_tabs] = '1'
|
||||
settings[alpha_toggle_breadcrumb] = '1'
|
||||
settings[alpha_toggle_page_title] = '1'
|
||||
settings[alpha_toggle_feed_icons] = '1'
|
||||
settings[alpha_hidden_title] = ''
|
||||
settings[alpha_hidden_site_name] = ''
|
||||
settings[alpha_hidden_site_slogan] = ''
|
||||
settings[alpha_zone_header_wrapper] = ''
|
||||
settings[alpha_zone_header_force] = ''
|
||||
settings[alpha_zone_header_section] = 'header'
|
||||
settings[alpha_zone_header_weight] = ''
|
||||
settings[alpha_zone_header_columns] = '12'
|
||||
settings[alpha_zone_header_primary] = ''
|
||||
settings[alpha_zone_header_css] = ''
|
||||
settings[alpha_zone_header_wrapper_css] = ''
|
||||
settings[alpha_zone_content_wrapper] = ''
|
||||
settings[alpha_zone_content_force] = ''
|
||||
settings[alpha_zone_content_section] = 'content'
|
||||
settings[alpha_zone_content_weight] = ''
|
||||
settings[alpha_zone_content_columns] = '12'
|
||||
settings[alpha_zone_content_primary] = ''
|
||||
settings[alpha_zone_content_css] = ''
|
||||
settings[alpha_zone_content_wrapper_css] = ''
|
||||
settings[alpha_zone_footer_wrapper] = ''
|
||||
settings[alpha_zone_footer_force] = ''
|
||||
settings[alpha_zone_footer_section] = 'footer'
|
||||
settings[alpha_zone_footer_weight] = ''
|
||||
settings[alpha_zone_footer_columns] = '12'
|
||||
settings[alpha_zone_footer_primary] = ''
|
||||
settings[alpha_zone_footer_css] = ''
|
||||
settings[alpha_zone_footer_wrapper_css] = ''
|
||||
settings[alpha_region_dashboard_inactive_force] = ''
|
||||
settings[alpha_region_dashboard_inactive_zone] = ''
|
||||
settings[alpha_region_dashboard_inactive_prefix] = ''
|
||||
settings[alpha_region_dashboard_inactive_columns] = '1'
|
||||
settings[alpha_region_dashboard_inactive_suffix] = ''
|
||||
settings[alpha_region_dashboard_inactive_weight] = ''
|
||||
settings[alpha_region_dashboard_inactive_css] = ''
|
||||
settings[alpha_region_dashboard_sidebar_force] = ''
|
||||
settings[alpha_region_dashboard_sidebar_zone] = ''
|
||||
settings[alpha_region_dashboard_sidebar_prefix] = ''
|
||||
settings[alpha_region_dashboard_sidebar_columns] = '1'
|
||||
settings[alpha_region_dashboard_sidebar_suffix] = ''
|
||||
settings[alpha_region_dashboard_sidebar_weight] = ''
|
||||
settings[alpha_region_dashboard_sidebar_css] = ''
|
||||
settings[alpha_region_dashboard_main_force] = ''
|
||||
settings[alpha_region_dashboard_main_zone] = ''
|
||||
settings[alpha_region_dashboard_main_prefix] = ''
|
||||
settings[alpha_region_dashboard_main_columns] = '1'
|
||||
settings[alpha_region_dashboard_main_suffix] = ''
|
||||
settings[alpha_region_dashboard_main_weight] = ''
|
||||
settings[alpha_region_dashboard_main_css] = ''
|
||||
settings[alpha_region_header_force] = ''
|
||||
settings[alpha_region_header_zone] = 'header'
|
||||
settings[alpha_region_header_prefix] = ''
|
||||
settings[alpha_region_header_columns] = '12'
|
||||
settings[alpha_region_header_suffix] = ''
|
||||
settings[alpha_region_header_weight] = ''
|
||||
settings[alpha_region_header_css] = ''
|
||||
settings[alpha_region_content_force] = ''
|
||||
settings[alpha_region_content_zone] = 'content'
|
||||
settings[alpha_region_content_prefix] = ''
|
||||
settings[alpha_region_content_columns] = '6'
|
||||
settings[alpha_region_content_suffix] = ''
|
||||
settings[alpha_region_content_weight] = '1'
|
||||
settings[alpha_region_content_css] = ''
|
||||
settings[alpha_region_sidebar_first_force] = ''
|
||||
settings[alpha_region_sidebar_first_zone] = 'content'
|
||||
settings[alpha_region_sidebar_first_prefix] = ''
|
||||
settings[alpha_region_sidebar_first_columns] = '3'
|
||||
settings[alpha_region_sidebar_first_suffix] = ''
|
||||
settings[alpha_region_sidebar_first_weight] = '2'
|
||||
settings[alpha_region_sidebar_first_css] = ''
|
||||
settings[alpha_region_sidebar_second_force] = ''
|
||||
settings[alpha_region_sidebar_second_zone] = 'content'
|
||||
settings[alpha_region_sidebar_second_prefix] = ''
|
||||
settings[alpha_region_sidebar_second_columns] = '3'
|
||||
settings[alpha_region_sidebar_second_suffix] = ''
|
||||
settings[alpha_region_sidebar_second_weight] = '3'
|
||||
settings[alpha_region_sidebar_second_css] = ''
|
||||
settings[alpha_region_footer_force] = ''
|
||||
settings[alpha_region_footer_zone] = 'footer'
|
||||
settings[alpha_region_footer_prefix] = ''
|
||||
settings[alpha_region_footer_columns] = '12'
|
||||
settings[alpha_region_footer_suffix] = ''
|
||||
settings[alpha_region_footer_weight] = ''
|
||||
settings[alpha_region_footer_css] = ''
|
||||
; Information added by drupal.org packaging script on 2012-02-19
|
||||
version = "7.x-3.1"
|
||||
core = "7.x"
|
||||
project = "omega"
|
||||
datestamp = "1329681647"
|
||||
|
||||
67
sites/all/themes/omega/alpha/css/alpha-alpha.css
Normal file
67
sites/all/themes/omega/alpha/css/alpha-alpha.css
Normal file
@@ -0,0 +1,67 @@
|
||||
/* Clearfix fix to prevent padding at bottom of page. FML */
|
||||
.clearfix:after {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
/* Skip link styling */
|
||||
#skip-link {
|
||||
left: 50%;
|
||||
margin-left: -5.25em;
|
||||
margin-top: 0;
|
||||
position: absolute;
|
||||
width: auto;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
#skip-link a,
|
||||
#skip-link a:link,
|
||||
#skip-link a:visited {
|
||||
background: #444;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: #fff;
|
||||
display: block;
|
||||
padding: 1px 10px 2px 10px;
|
||||
text-decoration: none;
|
||||
-khtml-border-radius: 0 0 10px 10px;
|
||||
-moz-border-radius: 0 0 10px 10px;
|
||||
-o-border-radius: 0 0 10px 10px;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
#skip-link a:hover,
|
||||
#skip-link a:active,
|
||||
#skip-link a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* Give pagers and inline LI items simple styling without all the junk from core */
|
||||
.inline li,
|
||||
.tabs li,
|
||||
.breadcrumb li {
|
||||
list-style: none;
|
||||
display: inline;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.item-list li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.pager li {
|
||||
display: inline;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.field-label-inline .field-label,
|
||||
.field-label-inline .field-items,
|
||||
.field-label-inline .field-item {
|
||||
display: inline;
|
||||
}
|
||||
107
sites/all/themes/omega/alpha/css/alpha-debug.css
Normal file
107
sites/all/themes/omega/alpha/css/alpha-debug.css
Normal file
@@ -0,0 +1,107 @@
|
||||
.alpha-grid-debug .grid-1:hover, .alpha-grid-debug .grid-2:hover,
|
||||
.alpha-grid-debug .grid-3:hover, .alpha-grid-debug .grid-4:hover,
|
||||
.alpha-grid-debug .grid-5:hover, .alpha-grid-debug .grid-6:hover,
|
||||
.alpha-grid-debug .grid-7:hover, .alpha-grid-debug .grid-8:hover,
|
||||
.alpha-grid-debug .grid-9:hover, .alpha-grid-debug .grid-10:hover,
|
||||
.alpha-grid-debug .grid-11:hover, .alpha-grid-debug .grid-12:hover,
|
||||
.alpha-grid-debug .grid-13:hover, .alpha-grid-debug .grid-14:hover,
|
||||
.alpha-grid-debug .grid-15:hover, .alpha-grid-debug .grid-16:hover,
|
||||
.alpha-grid-debug .grid-17:hover, .alpha-grid-debug .grid-18:hover,
|
||||
.alpha-grid-debug .grid-19:hover, .alpha-grid-debug .grid-21:hover,
|
||||
.alpha-grid-debug .grid-21:hover, .alpha-grid-debug .grid-22:hover,
|
||||
.alpha-grid-debug .grid-23:hover, .alpha-grid-debug .grid-24:hover {
|
||||
background-color: rgba(0, 115, 186, .2);
|
||||
}
|
||||
|
||||
.region {
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
.alpha-debug-block {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.alpha-region-debug .alpha-debug-block {
|
||||
display: block;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 9px 12px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: rgba(255, 255, 255, .25);
|
||||
}
|
||||
|
||||
.alpha-region-debug .alpha-debug-block h2,
|
||||
.alpha-region-debug .alpha-debug-block p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Verdana, Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.alpha-region-debug .alpha-debug-block h2 {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.alpha-region-debug .alpha-debug-block p {
|
||||
color: #000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.alpha-region-debug .region:hover .alpha-debug-block {
|
||||
border: 1px solid #888;
|
||||
background-color: rgba(255, 255, 255, .75);
|
||||
}
|
||||
|
||||
.alpha-region-debug .region:hover .alpha-debug-block p {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.alpha-region-debug .region:hover .alpha-debug-block h2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.alpha-resize-indicator {
|
||||
background: url(../images/resize-handle.png) no-repeat 0 0;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
position: fixed;
|
||||
z-index: 998;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.alpha-grid-toggle,
|
||||
.alpha-block-toggle {
|
||||
width: 24px;
|
||||
height: 22px;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.alpha-grid-toggle {
|
||||
background: url(../images/grid-toggle.png) no-repeat 0 -22px;
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
.alpha-block-toggle {
|
||||
background: url(../images/block-toggle.png) no-repeat 0 -22px;
|
||||
top: 110px;
|
||||
}
|
||||
|
||||
.alpha-grid-debug .alpha-grid-toggle,
|
||||
.alpha-region-debug .alpha-block-toggle {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.alpha-grid-toggle:hover,
|
||||
.alpha-grid-toggle:focus,
|
||||
.alpha-grid-toggle:active {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.alpha-block-toggle:hover,
|
||||
.alpha-block-toggle:focus,
|
||||
.alpha-block-toggle:active {
|
||||
width: 72px;
|
||||
}
|
||||
20
sites/all/themes/omega/alpha/css/alpha-mobile.css
Normal file
20
sites/all/themes/omega/alpha/css/alpha-mobile.css
Normal file
@@ -0,0 +1,20 @@
|
||||
/**
|
||||
* This will display them grid elements as block rather than inline for mobile browsers
|
||||
* (essentially anything smaller than the narrow grid size, and media query declares.
|
||||
*/
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* Grid panels inside blocks need their margins negated. */
|
||||
.container-12 .block .omega-grid,
|
||||
.container-16 .block .omega-grid,
|
||||
.container-24 .block .omega-grid {
|
||||
position: relative;
|
||||
margin-left: -10px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
126
sites/all/themes/omega/alpha/css/alpha-reset.css
Normal file
126
sites/all/themes/omega/alpha/css/alpha-reset.css
Normal file
@@ -0,0 +1,126 @@
|
||||
html, body, div {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a, p, ul, ol, li, img, span, strong, em {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
table, tbody, tfoot, thead, tr, th, td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
|
||||
b, u, i, center, dl, dt, dd, caption, fieldset, form, label, legend {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
article, aside, figure, footer, header, hgroup, section {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
canvas, details, embed, figcaption, menu, nav, output, ruby, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
em,
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* remember to define focus styles! */
|
||||
:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* remember to highlight inserts somehow! */
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
/* tables still need 'cellspacing="0"' in the markup */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
51
sites/all/themes/omega/alpha/css/alpha-theme-settings.css
Normal file
51
sites/all/themes/omega/alpha/css/alpha-theme-settings.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.alpha-notice {
|
||||
border: #EEDD55 1px solid;
|
||||
margin: 6px 0 30px 0;
|
||||
padding: 10px;
|
||||
color: #884400;
|
||||
}
|
||||
|
||||
div.vertical-tabs .vertical-tabs-panes .vertical-tabs-pane fieldset {
|
||||
border: 1px solid #ccc;
|
||||
margin: 1em 0;
|
||||
padding: 2.5em 0 0;
|
||||
}
|
||||
|
||||
div.vertical-tabs .vertical-tabs-panes .vertical-tabs-pane fieldset legend {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#edit-styles-narrow,
|
||||
#edit-styles-normal,
|
||||
#edit-styles-wide,
|
||||
.form-item-alpha-responsive-narrow-media,
|
||||
.form-item-alpha-responsive-normal-media,
|
||||
.form-item-alpha-responsive-wide-media {
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
|
||||
.alpha-inline .form-item {
|
||||
padding-top: 5px;
|
||||
margin-right: 20px !important;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.alpha-inline .form-type-checkbox {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.alpha-media-query {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
fieldset fieldset {
|
||||
background-color: #F6F6F6;
|
||||
}
|
||||
|
||||
fieldset fieldset fieldset {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
fieldset fieldset fieldset fieldset {
|
||||
background-color: #F6F6F6;
|
||||
}
|
||||
@@ -0,0 +1,248 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 1%;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 1%;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
right: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
right: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
right: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
right: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
right: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
right: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
right: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
right: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
right: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
right: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
right: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
right: -8.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
right: -16.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
right: -25.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
right: -33.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
right: -41.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
right: -50.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
right: -58.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
right: -66.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
right: -75.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
right: -83.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
right: -91.667%;
|
||||
}
|
||||
@@ -0,0 +1,288 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .grid-1 {
|
||||
width: 6.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-2 {
|
||||
width: 14.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-3 {
|
||||
width: 23.0%;
|
||||
}
|
||||
|
||||
.container-12 .grid-4 {
|
||||
width: 31.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-5 {
|
||||
width: 39.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-6 {
|
||||
width: 48.0%;
|
||||
}
|
||||
|
||||
.container-12 .grid-7 {
|
||||
width: 56.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-8 {
|
||||
width: 64.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-9 {
|
||||
width: 73.0%;
|
||||
}
|
||||
|
||||
.container-12 .grid-10 {
|
||||
width: 81.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-11 {
|
||||
width: 89.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-12 {
|
||||
width: 98.0%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
left: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
left: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
left: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
left: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
left: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
left: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
left: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
left: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
left: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
left: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
left: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
left: -8.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
left: -16.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
left: -25.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
left: -33.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
left: -41.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
left: -50.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
left: -58.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
left: -66.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
left: -75.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
left: -83.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
left: -91.667%;
|
||||
}
|
||||
@@ -0,0 +1,320 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 1%;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 1%;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
right: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
right: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
right: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
right: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
right: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
right: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
right: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
right: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
right: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
right: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
right: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
right: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
right: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
right: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
right: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
right: -6.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
right: -12.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
right: -18.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
right: -25.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
right: -31.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
right: -37.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
right: -43.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
right: -50.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
right: -56.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
right: -62.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
right: -68.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
right: -75.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
right: -81.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
right: -87.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
right: -93.75%;
|
||||
}
|
||||
@@ -0,0 +1,369 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .grid-1 {
|
||||
width: 4.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-2 {
|
||||
width: 10.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-3 {
|
||||
width: 16.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-4 {
|
||||
width: 23.0%;
|
||||
}
|
||||
|
||||
.container-16 .grid-5 {
|
||||
width: 29.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-6 {
|
||||
width: 35.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-7 {
|
||||
width: 41.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-8 {
|
||||
width: 48.0%;
|
||||
}
|
||||
|
||||
.container-16 .grid-9 {
|
||||
width: 54.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-10 {
|
||||
width: 60.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-11 {
|
||||
width: 66.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-12 {
|
||||
width: 73.0%;
|
||||
}
|
||||
|
||||
.container-16 .grid-13 {
|
||||
width: 79.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-14 {
|
||||
width: 85.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-15 {
|
||||
width: 91.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-16 {
|
||||
width: 98.0%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
left: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
left: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
left: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
left: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
left: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
left: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
left: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
left: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
left: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
left: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
left: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
left: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
left: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
left: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
left: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
left: -6.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
left: -12.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
left: -18.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
left: -25.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
left: -31.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
left: -37.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
left: -43.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
left: -50.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
left: -56.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
left: -62.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
left: -68.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
left: -75.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
left: -81.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
left: -87.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
left: -93.75%;
|
||||
}
|
||||
@@ -0,0 +1,465 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 1%;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 1%;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 0;
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 0;
|
||||
padding-right: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 0;
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 0;
|
||||
padding-right: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 0;
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 0;
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 0;
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 0;
|
||||
padding-right: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 0;
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 0;
|
||||
padding-left: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 0;
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 0;
|
||||
padding-left: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 0;
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 0;
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 0;
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 0;
|
||||
padding-left: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
right: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
right: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
right: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
right: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
right: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
right: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
right: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
right: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
right: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
right: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
right: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
right: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
right: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
right: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
right: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
right: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
right: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
right: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
right: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
right: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
right: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
right: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
right: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
right: -4.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
right: -8.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
right: -12.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
right: -16.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
right: -20.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
right: -25.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
right: -29.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
right: -33.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
right: -37.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
right: -41.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
right: -45.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
right: -50.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
right: -54.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
right: -58.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
right: -62.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
right: -66.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
right: -70.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
right: -75.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
right: -79.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
right: -83.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
right: -87.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
right: -91.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
right: -95.833%;
|
||||
}
|
||||
@@ -0,0 +1,532 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16,
|
||||
.push-17, .pull-17, .push-18, .pull-18, .push-19, .pull-19, .push-20, .pull-20,
|
||||
.push-21, .pull-21, .push-22, .pull-22, .push-23, .pull-23, .push-24, .pull-24 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .grid-1 {
|
||||
width: 2.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-2 {
|
||||
width: 6.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-3 {
|
||||
width: 10.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-4 {
|
||||
width: 14.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-5 {
|
||||
width: 18.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-6 {
|
||||
width: 23.0%;
|
||||
}
|
||||
|
||||
.container-24 .grid-7 {
|
||||
width: 27.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-8 {
|
||||
width: 31.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-9 {
|
||||
width: 35.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-10 {
|
||||
width: 39.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-11 {
|
||||
width: 43.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-12 {
|
||||
width: 48.0%;
|
||||
}
|
||||
|
||||
.container-24 .grid-13 {
|
||||
width: 52.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-14 {
|
||||
width: 56.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-15 {
|
||||
width: 60.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-16 {
|
||||
width: 64.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-17 {
|
||||
width: 68.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-18 {
|
||||
width: 73.0%;
|
||||
}
|
||||
|
||||
.container-24 .grid-19 {
|
||||
width: 77.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-20 {
|
||||
width: 81.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-21 {
|
||||
width: 85.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-22 {
|
||||
width: 89.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-23 {
|
||||
width: 93.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-24 {
|
||||
width: 98.0%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
left: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
left: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
left: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
left: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
left: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
left: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
left: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
left: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
left: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
left: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
left: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
left: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
left: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
left: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
left: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
left: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
left: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
left: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
left: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
left: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
left: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
left: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
left: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
left: -4.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
left: -8.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
left: -12.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
left: -16.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
left: -20.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
left: -25.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
left: -29.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
left: -33.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
left: -37.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
left: -41.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
left: -45.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
left: -50.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
left: -54.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
left: -58.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
left: -62.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
left: -66.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
left: -70.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
left: -75.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
left: -79.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
left: -83.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
left: -87.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
left: -91.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
left: -95.833%;
|
||||
}
|
||||
@@ -0,0 +1,248 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-left: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
right: 180px;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
right: 420px;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
right: 540px;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
right: 660px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
right: -60px;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
right: -180px;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
right: -420px;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
right: -540px;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
right: -660px;
|
||||
}
|
||||
@@ -0,0 +1,304 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 720px;
|
||||
}
|
||||
|
||||
.container-12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .grid-1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container-12 .grid-2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container-12 .grid-3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container-12 .grid-4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container-12 .grid-5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container-12 .grid-6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container-12 .grid-7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container-12 .grid-8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container-12 .grid-9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container-12 .grid-10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container-12 .grid-11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container-12 .grid-12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
left: -660px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,320 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 45px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 90px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 135px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 225px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 270px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 315px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 405px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 495px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 585px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 630px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 675px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 45px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 90px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 135px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 225px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 270px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 315px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 405px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 495px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 585px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 630px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 675px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
right: 45px;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
right: 90px;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
right: 135px;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
right: 180px;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
right: 225px;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
right: 270px;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
right: 315px;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
right: 405px;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
right: 450px;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
right: 495px;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
right: 540px;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
right: 585px;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
right: 630px;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
right: 675px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
right: -45px;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
right: -90px;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
right: -135px;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
right: -180px;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
right: -225px;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
right: -270px;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
right: -315px;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
right: -405px;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
right: -450px;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
right: -495px;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
right: -540px;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
right: -585px;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
right: -630px;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
right: -675px;
|
||||
}
|
||||
@@ -0,0 +1,385 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 720px;
|
||||
}
|
||||
|
||||
.container-16 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .grid-1 {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.container-16 .grid-2 {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.container-16 .grid-3 {
|
||||
width: 115px;
|
||||
}
|
||||
|
||||
.container-16 .grid-4 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container-16 .grid-5 {
|
||||
width: 205px;
|
||||
}
|
||||
|
||||
.container-16 .grid-6 {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.container-16 .grid-7 {
|
||||
width: 295px;
|
||||
}
|
||||
|
||||
.container-16 .grid-8 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container-16 .grid-9 {
|
||||
width: 385px;
|
||||
}
|
||||
|
||||
.container-16 .grid-10 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container-16 .grid-11 {
|
||||
width: 475px;
|
||||
}
|
||||
|
||||
.container-16 .grid-12 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container-16 .grid-13 {
|
||||
width: 565px;
|
||||
}
|
||||
|
||||
.container-16 .grid-14 {
|
||||
width: 610px;
|
||||
}
|
||||
|
||||
.container-16 .grid-15 {
|
||||
width: 655px;
|
||||
}
|
||||
|
||||
.container-16 .grid-16 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 45px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 90px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 135px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 225px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 270px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 315px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 405px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 495px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 585px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 630px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 675px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 45px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 90px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 135px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 225px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 270px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 315px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 405px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 495px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 585px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 630px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 675px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
left: 45px;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
left: 90px;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
left: 135px;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
left: 225px;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
left: 270px;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
left: 315px;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
left: 405px;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
left: 450px;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
left: 495px;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
left: 585px;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
left: 630px;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
left: 675px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
left: -45px;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
left: -90px;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
left: -135px;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
left: -225px;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
left: -270px;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
left: -315px;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
left: -405px;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
left: -450px;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
left: -495px;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
left: -585px;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
left: -630px;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
left: -675px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,465 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 90px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 210px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 270px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 330px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 390px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 0;
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 0;
|
||||
padding-right: 510px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 0;
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 0;
|
||||
padding-right: 570px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 0;
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 0;
|
||||
padding-right: 630px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 0;
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 0;
|
||||
padding-right: 690px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 90px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 210px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 270px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 330px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 390px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 0;
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 0;
|
||||
padding-left: 510px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 0;
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 0;
|
||||
padding-left: 570px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 0;
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 0;
|
||||
padding-left: 630px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 0;
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 0;
|
||||
padding-left: 690px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
right: 90px;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
right: 150px;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
right: 180px;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
right: 210px;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
right: 270px;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
right: 330px;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
right: 390px;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
right: 420px;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
right: 450px;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
right: 510px;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
right: 540px;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
right: 570px;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
right: 630px;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
right: 660px;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
right: 690px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
right: -30px;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
right: -60px;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
right: -90px;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
right: -150px;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
right: -180px;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
right: -210px;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
right: -270px;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
right: -330px;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
right: -390px;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
right: -420px;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
right: -450px;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
right: -510px;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
right: -540px;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
right: -570px;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
right: -630px;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
right: -660px;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
right: -690px;
|
||||
}
|
||||
@@ -0,0 +1,548 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16,
|
||||
.push-17, .pull-17, .push-18, .pull-18, .push-19, .pull-19, .push-20, .pull-20,
|
||||
.push-21, .pull-21, .push-22, .pull-22, .push-23, .pull-23, .push-24, .pull-24 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 720px;
|
||||
}
|
||||
|
||||
.container-24 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .grid-1 {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.container-24 .grid-2 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container-24 .grid-3 {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.container-24 .grid-4 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container-24 .grid-5 {
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
.container-24 .grid-6 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container-24 .grid-7 {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.container-24 .grid-8 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container-24 .grid-9 {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.container-24 .grid-10 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container-24 .grid-11 {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.container-24 .grid-12 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container-24 .grid-13 {
|
||||
width: 370px;
|
||||
}
|
||||
|
||||
.container-24 .grid-14 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container-24 .grid-15 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container-24 .grid-16 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container-24 .grid-17 {
|
||||
width: 490px;
|
||||
}
|
||||
|
||||
.container-24 .grid-18 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container-24 .grid-19 {
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
.container-24 .grid-20 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container-24 .grid-21 {
|
||||
width: 610px;
|
||||
}
|
||||
|
||||
.container-24 .grid-22 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container-24 .grid-23 {
|
||||
width: 670px;
|
||||
}
|
||||
|
||||
.container-24 .grid-24 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 90px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 210px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 270px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 330px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 390px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 510px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 570px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 630px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 690px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 90px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 210px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 270px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 330px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 390px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 510px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 570px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 630px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 690px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
left: 90px;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
left: 210px;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
left: 270px;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
left: 330px;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
left: 390px;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
left: 450px;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
left: 510px;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
left: 570px;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
left: 630px;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
left: 690px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
left: -90px;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
left: -150px;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
left: -210px;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
left: -270px;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
left: -330px;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
left: -390px;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
left: -450px;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
left: -510px;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
left: -570px;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
left: -630px;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
left: -660px;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
left: -690px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,248 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
right: 320px;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
right: 560px;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
right: 640px;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
right: 880px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
right: -160px;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
right: -320px;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
right: -560px;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
right: -640px;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
right: -880px;
|
||||
}
|
||||
@@ -0,0 +1,304 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
.container-12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .grid-1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container-12 .grid-2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container-12 .grid-3 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container-12 .grid-4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container-12 .grid-5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container-12 .grid-6 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container-12 .grid-7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container-12 .grid-8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container-12 .grid-9 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container-12 .grid-10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container-12 .grid-11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.container-12 .grid-12 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
left: -880px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,320 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
right: 180px;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
right: 420px;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
right: 540px;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
right: 660px;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
right: 780px;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
right: 840px;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
right: 900px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
right: -60px;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
right: -180px;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
right: -420px;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
right: -540px;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
right: -660px;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
right: -780px;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
right: -840px;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
right: -900px;
|
||||
}
|
||||
@@ -0,0 +1,385 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
.container-16 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .grid-1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container-16 .grid-2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container-16 .grid-3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container-16 .grid-4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container-16 .grid-5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container-16 .grid-6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container-16 .grid-7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container-16 .grid-8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container-16 .grid-9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container-16 .grid-10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container-16 .grid-11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container-16 .grid-12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container-16 .grid-13 {
|
||||
width: 760px;
|
||||
}
|
||||
|
||||
.container-16 .grid-14 {
|
||||
width: 820px;
|
||||
}
|
||||
|
||||
.container-16 .grid-15 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container-16 .grid-16 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
left: 780px;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
left: -660px;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
left: -780px;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
left: -900px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,465 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 280px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 440px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 0;
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 0;
|
||||
padding-right: 680px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 0;
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 0;
|
||||
padding-right: 760px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 0;
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 0;
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 0;
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 0;
|
||||
padding-right: 920px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 280px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 440px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 0;
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 0;
|
||||
padding-left: 680px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 0;
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 0;
|
||||
padding-left: 760px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 0;
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 0;
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 0;
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 0;
|
||||
padding-left: 920px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
right: 280px;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
right: 320px;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
right: 440px;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
right: 520px;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
right: 560px;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
right: 640px;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
right: 680px;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
right: 760px;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
right: 840px;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
right: 880px;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
right: 920px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
right: -40px;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
right: -160px;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
right: -200px;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
right: -280px;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
right: -320px;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
right: -440px;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
right: -520px;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
right: -560px;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
right: -640px;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
right: -680px;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
right: -760px;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
right: -840px;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
right: -880px;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
right: -920px;
|
||||
}
|
||||
@@ -0,0 +1,548 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16,
|
||||
.push-17, .pull-17, .push-18, .pull-18, .push-19, .pull-19, .push-20, .pull-20,
|
||||
.push-21, .pull-21, .push-22, .pull-22, .push-23, .pull-23, .push-24, .pull-24 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
.container-24 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .grid-1 {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.container-24 .grid-2 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container-24 .grid-3 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container-24 .grid-4 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container-24 .grid-5 {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.container-24 .grid-6 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container-24 .grid-7 {
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.container-24 .grid-8 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container-24 .grid-9 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container-24 .grid-10 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container-24 .grid-11 {
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
.container-24 .grid-12 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container-24 .grid-13 {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.container-24 .grid-14 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container-24 .grid-15 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container-24 .grid-16 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container-24 .grid-17 {
|
||||
width: 660px;
|
||||
}
|
||||
|
||||
.container-24 .grid-18 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container-24 .grid-19 {
|
||||
width: 740px;
|
||||
}
|
||||
|
||||
.container-24 .grid-20 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container-24 .grid-21 {
|
||||
width: 820px;
|
||||
}
|
||||
|
||||
.container-24 .grid-22 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.container-24 .grid-23 {
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
.container-24 .grid-24 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 280px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 440px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 680px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 760px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 920px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 280px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 440px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 680px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 760px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 920px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
left: 280px;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
left: 440px;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
left: 520px;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
left: 680px;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
left: 760px;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
left: 920px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
left: -40px;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
left: -280px;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
left: -440px;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
left: -520px;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
left: -680px;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
left: -760px;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
left: -920px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,248 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 500px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 700px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 1000px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 1100px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 500px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 700px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 1000px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 1100px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
right: 100px;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
right: 500px;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
right: 700px;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
right: 900px;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
right: 1000px;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
right: 1100px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
right: -200px;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
right: -500px;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
right: -700px;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
right: -900px;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
right: -1000px;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
right: -1100px;
|
||||
}
|
||||
@@ -0,0 +1,304 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.container-12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .grid-1 {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.container-12 .grid-2 {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.container-12 .grid-3 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container-12 .grid-4 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container-12 .grid-5 {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.container-12 .grid-6 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container-12 .grid-7 {
|
||||
width: 680px;
|
||||
}
|
||||
|
||||
.container-12 .grid-8 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container-12 .grid-9 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container-12 .grid-10 {
|
||||
width: 980px;
|
||||
}
|
||||
|
||||
.container-12 .grid-11 {
|
||||
width: 1080px;
|
||||
}
|
||||
|
||||
.container-12 .grid-12 {
|
||||
width: 1180px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 500px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 700px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 1000px;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 1100px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 500px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 700px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 1000px;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 1100px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
left: 100px;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
left: 500px;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
left: 700px;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
left: 1000px;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
left: 1100px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
left: -500px;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
left: -700px;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
left: -1000px;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
left: -1100px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 937 B |
@@ -0,0 +1,320 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 75px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 225px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 375px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 525px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 675px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 750px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 825px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 975px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 1050px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 1125px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 75px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 225px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 375px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 525px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 675px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 750px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 825px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 975px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 1050px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 1125px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
right: 75px;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
right: 150px;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
right: 225px;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
right: 375px;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
right: 450px;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
right: 525px;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
right: 675px;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
right: 750px;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
right: 825px;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
right: 900px;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
right: 975px;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
right: 1050px;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
right: 1125px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
right: -75px;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
right: -150px;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
right: -225px;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
right: -375px;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
right: -450px;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
right: -525px;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
right: -675px;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
right: -750px;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
right: -825px;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
right: -900px;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
right: -975px;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
right: -1050px;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
right: -1125px;
|
||||
}
|
||||
@@ -0,0 +1,385 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.container-16 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .grid-1 {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.container-16 .grid-2 {
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
.container-16 .grid-3 {
|
||||
width: 205px;
|
||||
}
|
||||
|
||||
.container-16 .grid-4 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container-16 .grid-5 {
|
||||
width: 355px;
|
||||
}
|
||||
|
||||
.container-16 .grid-6 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container-16 .grid-7 {
|
||||
width: 505px;
|
||||
}
|
||||
|
||||
.container-16 .grid-8 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container-16 .grid-9 {
|
||||
width: 655px;
|
||||
}
|
||||
|
||||
.container-16 .grid-10 {
|
||||
width: 730px;
|
||||
}
|
||||
|
||||
.container-16 .grid-11 {
|
||||
width: 805px;
|
||||
}
|
||||
|
||||
.container-16 .grid-12 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container-16 .grid-13 {
|
||||
width: 955px;
|
||||
}
|
||||
|
||||
.container-16 .grid-14 {
|
||||
width: 1030px;
|
||||
}
|
||||
|
||||
.container-16 .grid-15 {
|
||||
width: 1105px;
|
||||
}
|
||||
|
||||
.container-16 .grid-16 {
|
||||
width: 1180px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 75px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 225px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 375px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 525px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 675px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 750px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 825px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 975px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 1050px;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 1125px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 75px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 225px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 375px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 525px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 675px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 750px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 825px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 975px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 1050px;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 1125px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
left: 75px;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
left: 225px;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
left: 375px;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
left: 450px;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
left: 525px;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
left: 675px;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
left: 750px;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
left: 825px;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
left: 975px;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
left: 1050px;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
left: 1125px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
left: -75px;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
left: -150px;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
left: -225px;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
left: -375px;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
left: -450px;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
left: -525px;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
left: -675px;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
left: -750px;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
left: -825px;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
left: -975px;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
left: -1050px;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
left: -1125px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,465 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 10px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 10px;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 250px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 350px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 500px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 550px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 650px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 700px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 750px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 0;
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 0;
|
||||
padding-right: 850px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 0;
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 0;
|
||||
padding-right: 950px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 0;
|
||||
padding-right: 1000px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 0;
|
||||
padding-right: 1050px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 0;
|
||||
padding-right: 1100px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 0;
|
||||
padding-right: 1150px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 250px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 350px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 500px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 550px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 650px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 700px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 750px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 0;
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 0;
|
||||
padding-left: 850px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 0;
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 0;
|
||||
padding-left: 950px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 0;
|
||||
padding-left: 1000px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 0;
|
||||
padding-left: 1050px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 0;
|
||||
padding-left: 1100px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 0;
|
||||
padding-left: 1150px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
right: 50px;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
right: 100px;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
right: 150px;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
right: 250px;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
right: 350px;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
right: 450px;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
right: 500px;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
right: 550px;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
right: 650px;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
right: 700px;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
right: 750px;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
right: 850px;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
right: 900px;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
right: 950px;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
right: 1000px;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
right: 1050px;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
right: 1100px;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
right: 1150px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
right: -50px;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
right: -150px;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
right: -200px;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
right: -250px;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
right: -350px;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
right: -450px;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
right: -500px;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
right: -550px;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
right: -650px;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
right: -700px;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
right: -750px;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
right: -850px;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
right: -900px;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
right: -950px;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
right: -1000px;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
right: -1050px;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
right: -1100px;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
right: -1150px;
|
||||
}
|
||||
@@ -0,0 +1,548 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16,
|
||||
.push-17, .pull-17, .push-18, .pull-18, .push-19, .pull-19, .push-20, .pull-20,
|
||||
.push-21, .pull-21, .push-22, .pull-22, .push-23, .pull-23, .push-24, .pull-24 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.container-24 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .grid-1 {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.container-24 .grid-2 {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.container-24 .grid-3 {
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
.container-24 .grid-4 {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.container-24 .grid-5 {
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.container-24 .grid-6 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container-24 .grid-7 {
|
||||
width: 330px;
|
||||
}
|
||||
|
||||
.container-24 .grid-8 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container-24 .grid-9 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container-24 .grid-10 {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.container-24 .grid-11 {
|
||||
width: 530px;
|
||||
}
|
||||
|
||||
.container-24 .grid-12 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container-24 .grid-13 {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
.container-24 .grid-14 {
|
||||
width: 680px;
|
||||
}
|
||||
|
||||
.container-24 .grid-15 {
|
||||
width: 730px;
|
||||
}
|
||||
|
||||
.container-24 .grid-16 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container-24 .grid-17 {
|
||||
width: 830px;
|
||||
}
|
||||
|
||||
.container-24 .grid-18 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container-24 .grid-19 {
|
||||
width: 930px;
|
||||
}
|
||||
|
||||
.container-24 .grid-20 {
|
||||
width: 980px;
|
||||
}
|
||||
|
||||
.container-24 .grid-21 {
|
||||
width: 1030px;
|
||||
}
|
||||
|
||||
.container-24 .grid-22 {
|
||||
width: 1080px;
|
||||
}
|
||||
|
||||
.container-24 .grid-23 {
|
||||
width: 1130px;
|
||||
}
|
||||
|
||||
.container-24 .grid-24 {
|
||||
width: 1180px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 250px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 350px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 450px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 500px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 550px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 650px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 700px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 750px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 850px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 950px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 1000px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 1050px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 1100px;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 1150px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 250px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 350px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 450px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 500px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 550px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 650px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 700px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 750px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 850px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 950px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 1000px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 1050px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 1100px;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 1150px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
left: 50px;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
left: 100px;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
left: 250px;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
left: 350px;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
left: 450px;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
left: 500px;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
left: 550px;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
left: 650px;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
left: 700px;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
left: 750px;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
left: 850px;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
left: 950px;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
left: 1000px;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
left: 1050px;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
left: 1100px;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
left: 1150px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
left: -50px;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
left: -150px;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
left: -250px;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
left: -350px;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
left: -450px;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
left: -500px;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
left: -550px;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
left: -650px;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
left: -700px;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
left: -750px;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
left: -850px;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
left: -950px;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
left: -1000px;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
left: -1050px;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
left: -1100px;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
left: -1150px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,248 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 1%;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 1%;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
right: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
right: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
right: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
right: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
right: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
right: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
right: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
right: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
right: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
right: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
right: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
right: -8.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
right: -16.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
right: -25.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
right: -33.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
right: -41.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
right: -50.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
right: -58.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
right: -66.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
right: -75.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
right: -83.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
right: -91.667%;
|
||||
}
|
||||
@@ -0,0 +1,300 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 {
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .grid-1 {
|
||||
width: 6.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-2 {
|
||||
width: 14.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-3 {
|
||||
width: 23.0%;
|
||||
}
|
||||
|
||||
.container-12 .grid-4 {
|
||||
width: 31.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-5 {
|
||||
width: 39.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-6 {
|
||||
width: 48.0%;
|
||||
}
|
||||
|
||||
.container-12 .grid-7 {
|
||||
width: 56.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-8 {
|
||||
width: 64.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-9 {
|
||||
width: 73.0%;
|
||||
}
|
||||
|
||||
.container-12 .grid-10 {
|
||||
width: 81.333%;
|
||||
}
|
||||
|
||||
.container-12 .grid-11 {
|
||||
width: 89.667%;
|
||||
}
|
||||
|
||||
.container-12 .grid-12 {
|
||||
width: 98.0%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .prefix-1 {
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-2 {
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-3 {
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-4 {
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-5 {
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-6 {
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-7 {
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-8 {
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-9 {
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-10 {
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .prefix-11 {
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .suffix-1 {
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-2 {
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-3 {
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-4 {
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-5 {
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-6 {
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-7 {
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-8 {
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-9 {
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-10 {
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .suffix-11 {
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .push-1 {
|
||||
left: 8.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-2 {
|
||||
left: 16.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-3 {
|
||||
left: 25.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-4 {
|
||||
left: 33.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-5 {
|
||||
left: 41.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-6 {
|
||||
left: 50.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-7 {
|
||||
left: 58.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-8 {
|
||||
left: 66.667%;
|
||||
}
|
||||
|
||||
.container-12 .push-9 {
|
||||
left: 75.0%;
|
||||
}
|
||||
|
||||
.container-12 .push-10 {
|
||||
left: 83.333%;
|
||||
}
|
||||
|
||||
.container-12 .push-11 {
|
||||
left: 91.667%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-12 .pull-1 {
|
||||
left: -8.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-2 {
|
||||
left: -16.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-3 {
|
||||
left: -25.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-4 {
|
||||
left: -33.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-5 {
|
||||
left: -41.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-6 {
|
||||
left: -50.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-7 {
|
||||
left: -58.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-8 {
|
||||
left: -66.667%;
|
||||
}
|
||||
|
||||
.container-12 .pull-9 {
|
||||
left: -75.0%;
|
||||
}
|
||||
|
||||
.container-12 .pull-10 {
|
||||
left: -83.333%;
|
||||
}
|
||||
|
||||
.container-12 .pull-11 {
|
||||
left: -91.667%;
|
||||
}
|
||||
@@ -0,0 +1,320 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 1%;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 1%;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
right: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
right: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
right: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
right: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
right: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
right: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
right: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
right: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
right: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
right: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
right: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
right: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
right: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
right: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
right: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
right: -6.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
right: -12.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
right: -18.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
right: -25.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
right: -31.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
right: -37.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
right: -43.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
right: -50.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
right: -56.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
right: -62.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
right: -68.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
right: -75.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
right: -81.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
right: -87.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
right: -93.75%;
|
||||
}
|
||||
@@ -0,0 +1,381 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 {
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .grid-1 {
|
||||
width: 4.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-2 {
|
||||
width: 10.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-3 {
|
||||
width: 16.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-4 {
|
||||
width: 23.0%;
|
||||
}
|
||||
|
||||
.container-16 .grid-5 {
|
||||
width: 29.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-6 {
|
||||
width: 35.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-7 {
|
||||
width: 41.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-8 {
|
||||
width: 48.0%;
|
||||
}
|
||||
|
||||
.container-16 .grid-9 {
|
||||
width: 54.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-10 {
|
||||
width: 60.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-11 {
|
||||
width: 66.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-12 {
|
||||
width: 73.0%;
|
||||
}
|
||||
|
||||
.container-16 .grid-13 {
|
||||
width: 79.25%;
|
||||
}
|
||||
|
||||
.container-16 .grid-14 {
|
||||
width: 85.5%;
|
||||
}
|
||||
|
||||
.container-16 .grid-15 {
|
||||
width: 91.75%;
|
||||
}
|
||||
|
||||
.container-16 .grid-16 {
|
||||
width: 98.0%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .prefix-1 {
|
||||
padding-left: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-2 {
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-3 {
|
||||
padding-left: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-4 {
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-5 {
|
||||
padding-left: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-6 {
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-7 {
|
||||
padding-left: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-8 {
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-9 {
|
||||
padding-left: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-10 {
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-11 {
|
||||
padding-left: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-12 {
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-13 {
|
||||
padding-left: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-14 {
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .prefix-15 {
|
||||
padding-left: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .suffix-1 {
|
||||
padding-right: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-2 {
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-3 {
|
||||
padding-right: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-4 {
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-5 {
|
||||
padding-right: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-6 {
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-7 {
|
||||
padding-right: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-8 {
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-9 {
|
||||
padding-right: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-10 {
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-11 {
|
||||
padding-right: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-12 {
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-13 {
|
||||
padding-right: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-14 {
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .suffix-15 {
|
||||
padding-right: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .push-1 {
|
||||
left: 6.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-2 {
|
||||
left: 12.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-3 {
|
||||
left: 18.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-4 {
|
||||
left: 25.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-5 {
|
||||
left: 31.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-6 {
|
||||
left: 37.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-7 {
|
||||
left: 43.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-8 {
|
||||
left: 50.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-9 {
|
||||
left: 56.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-10 {
|
||||
left: 62.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-11 {
|
||||
left: 68.75%;
|
||||
}
|
||||
|
||||
.container-16 .push-12 {
|
||||
left: 75.0%;
|
||||
}
|
||||
|
||||
.container-16 .push-13 {
|
||||
left: 81.25%;
|
||||
}
|
||||
|
||||
.container-16 .push-14 {
|
||||
left: 87.5%;
|
||||
}
|
||||
|
||||
.container-16 .push-15 {
|
||||
left: 93.75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-16 .pull-1 {
|
||||
left: -6.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-2 {
|
||||
left: -12.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-3 {
|
||||
left: -18.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-4 {
|
||||
left: -25.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-5 {
|
||||
left: -31.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-6 {
|
||||
left: -37.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-7 {
|
||||
left: -43.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-8 {
|
||||
left: -50.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-9 {
|
||||
left: -56.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-10 {
|
||||
left: -62.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-11 {
|
||||
left: -68.75%;
|
||||
}
|
||||
|
||||
.container-16 .pull-12 {
|
||||
left: -75.0%;
|
||||
}
|
||||
|
||||
.container-16 .pull-13 {
|
||||
left: -81.25%;
|
||||
}
|
||||
|
||||
.container-16 .pull-14 {
|
||||
left: -87.5%;
|
||||
}
|
||||
|
||||
.container-16 .pull-15 {
|
||||
left: -93.75%;
|
||||
}
|
||||
@@ -0,0 +1,465 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.omega {
|
||||
margin-right: 1%;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 1%;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 0;
|
||||
padding-right: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 0;
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 0;
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 0;
|
||||
padding-right: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 0;
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 0;
|
||||
padding-right: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 0;
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 0;
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 0;
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 0;
|
||||
padding-right: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 0;
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 0;
|
||||
padding-right: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 0;
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 0;
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 0;
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 0;
|
||||
padding-right: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 0;
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 0;
|
||||
padding-right: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 0;
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 0;
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 0;
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 0;
|
||||
padding-right: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 0;
|
||||
padding-left: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 0;
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 0;
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 0;
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 0;
|
||||
padding-left: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 0;
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 0;
|
||||
padding-left: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 0;
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 0;
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 0;
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 0;
|
||||
padding-left: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 0;
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 0;
|
||||
padding-left: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 0;
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 0;
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 0;
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 0;
|
||||
padding-left: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 0;
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 0;
|
||||
padding-left: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 0;
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 0;
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 0;
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 0;
|
||||
padding-left: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
right: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
right: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
right: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
right: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
right: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
right: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
right: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
right: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
right: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
right: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
right: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
right: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
right: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
right: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
right: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
right: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
right: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
right: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
right: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
right: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
right: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
right: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
right: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
right: -4.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
right: -8.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
right: -12.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
right: -16.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
right: -20.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
right: -25.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
right: -29.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
right: -33.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
right: -37.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
right: -41.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
right: -45.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
right: -50.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
right: -54.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
right: -58.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
right: -62.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
right: -66.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
right: -70.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
right: -75.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
right: -79.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
right: -83.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
right: -87.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
right: -91.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
right: -95.833%;
|
||||
}
|
||||
@@ -0,0 +1,544 @@
|
||||
/*
|
||||
* ==========================================================
|
||||
* Grid
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
||||
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
||||
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
|
||||
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
|
||||
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
|
||||
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16,
|
||||
.push-17, .pull-17, .push-18, .pull-18, .push-19, .pull-19, .push-20, .pull-20,
|
||||
.push-21, .pull-21, .push-22, .pull-22, .push-23, .pull-23, .push-24, .pull-24 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Alpha - Omega
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Container
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 {
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Columns
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .grid-1 {
|
||||
width: 2.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-2 {
|
||||
width: 6.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-3 {
|
||||
width: 10.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-4 {
|
||||
width: 14.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-5 {
|
||||
width: 18.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-6 {
|
||||
width: 23.0%;
|
||||
}
|
||||
|
||||
.container-24 .grid-7 {
|
||||
width: 27.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-8 {
|
||||
width: 31.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-9 {
|
||||
width: 35.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-10 {
|
||||
width: 39.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-11 {
|
||||
width: 43.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-12 {
|
||||
width: 48.0%;
|
||||
}
|
||||
|
||||
.container-24 .grid-13 {
|
||||
width: 52.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-14 {
|
||||
width: 56.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-15 {
|
||||
width: 60.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-16 {
|
||||
width: 64.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-17 {
|
||||
width: 68.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-18 {
|
||||
width: 73.0%;
|
||||
}
|
||||
|
||||
.container-24 .grid-19 {
|
||||
width: 77.167%;
|
||||
}
|
||||
|
||||
.container-24 .grid-20 {
|
||||
width: 81.333%;
|
||||
}
|
||||
|
||||
.container-24 .grid-21 {
|
||||
width: 85.5%;
|
||||
}
|
||||
|
||||
.container-24 .grid-22 {
|
||||
width: 89.667%;
|
||||
}
|
||||
|
||||
.container-24 .grid-23 {
|
||||
width: 93.833%;
|
||||
}
|
||||
|
||||
.container-24 .grid-24 {
|
||||
width: 98.0%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Prefix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .prefix-1 {
|
||||
padding-left: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-2 {
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-3 {
|
||||
padding-left: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-4 {
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-5 {
|
||||
padding-left: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-6 {
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-7 {
|
||||
padding-left: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-8 {
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-9 {
|
||||
padding-left: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-10 {
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-11 {
|
||||
padding-left: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-12 {
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-13 {
|
||||
padding-left: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-14 {
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-15 {
|
||||
padding-left: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-16 {
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-17 {
|
||||
padding-left: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-18 {
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-19 {
|
||||
padding-left: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-20 {
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-21 {
|
||||
padding-left: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-22 {
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .prefix-23 {
|
||||
padding-left: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Suffix
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .suffix-1 {
|
||||
padding-right: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-2 {
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-3 {
|
||||
padding-right: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-4 {
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-5 {
|
||||
padding-right: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-6 {
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-7 {
|
||||
padding-right: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-8 {
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-9 {
|
||||
padding-right: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-10 {
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-11 {
|
||||
padding-right: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-12 {
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-13 {
|
||||
padding-right: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-14 {
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-15 {
|
||||
padding-right: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-16 {
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-17 {
|
||||
padding-right: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-18 {
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-19 {
|
||||
padding-right: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-20 {
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-21 {
|
||||
padding-right: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-22 {
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .suffix-23 {
|
||||
padding-right: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Push
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .push-1 {
|
||||
left: 4.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-2 {
|
||||
left: 8.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-3 {
|
||||
left: 12.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-4 {
|
||||
left: 16.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-5 {
|
||||
left: 20.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-6 {
|
||||
left: 25.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-7 {
|
||||
left: 29.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-8 {
|
||||
left: 33.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-9 {
|
||||
left: 37.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-10 {
|
||||
left: 41.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-11 {
|
||||
left: 45.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-12 {
|
||||
left: 50.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-13 {
|
||||
left: 54.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-14 {
|
||||
left: 58.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-15 {
|
||||
left: 62.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-16 {
|
||||
left: 66.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-17 {
|
||||
left: 70.833%;
|
||||
}
|
||||
|
||||
.container-24 .push-18 {
|
||||
left: 75.0%;
|
||||
}
|
||||
|
||||
.container-24 .push-19 {
|
||||
left: 79.167%;
|
||||
}
|
||||
|
||||
.container-24 .push-20 {
|
||||
left: 83.333%;
|
||||
}
|
||||
|
||||
.container-24 .push-21 {
|
||||
left: 87.5%;
|
||||
}
|
||||
|
||||
.container-24 .push-22 {
|
||||
left: 91.667%;
|
||||
}
|
||||
|
||||
.container-24 .push-23 {
|
||||
left: 95.833%;
|
||||
}
|
||||
|
||||
/*
|
||||
* ==========================================================
|
||||
* Pull
|
||||
* ==========================================================
|
||||
*/
|
||||
|
||||
.container-24 .pull-1 {
|
||||
left: -4.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-2 {
|
||||
left: -8.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-3 {
|
||||
left: -12.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-4 {
|
||||
left: -16.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-5 {
|
||||
left: -20.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-6 {
|
||||
left: -25.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-7 {
|
||||
left: -29.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-8 {
|
||||
left: -33.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-9 {
|
||||
left: -37.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-10 {
|
||||
left: -41.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-11 {
|
||||
left: -45.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-12 {
|
||||
left: -50.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-13 {
|
||||
left: -54.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-14 {
|
||||
left: -58.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-15 {
|
||||
left: -62.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-16 {
|
||||
left: -66.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-17 {
|
||||
left: -70.833%;
|
||||
}
|
||||
|
||||
.container-24 .pull-18 {
|
||||
left: -75.0%;
|
||||
}
|
||||
|
||||
.container-24 .pull-19 {
|
||||
left: -79.167%;
|
||||
}
|
||||
|
||||
.container-24 .pull-20 {
|
||||
left: -83.333%;
|
||||
}
|
||||
|
||||
.container-24 .pull-21 {
|
||||
left: -87.5%;
|
||||
}
|
||||
|
||||
.container-24 .pull-22 {
|
||||
left: -91.667%;
|
||||
}
|
||||
|
||||
.container-24 .pull-23 {
|
||||
left: -95.833%;
|
||||
}
|
||||
BIN
sites/all/themes/omega/alpha/images/block-toggle.png
Normal file
BIN
sites/all/themes/omega/alpha/images/block-toggle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
sites/all/themes/omega/alpha/images/grid-toggle.png
Normal file
BIN
sites/all/themes/omega/alpha/images/grid-toggle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
sites/all/themes/omega/alpha/images/resize-handle.png
Normal file
BIN
sites/all/themes/omega/alpha/images/resize-handle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
1086
sites/all/themes/omega/alpha/includes/alpha.inc
Normal file
1086
sites/all/themes/omega/alpha/includes/alpha.inc
Normal file
File diff suppressed because it is too large
Load Diff
266
sites/all/themes/omega/alpha/includes/base.inc
Normal file
266
sites/all/themes/omega/alpha/includes/base.inc
Normal file
@@ -0,0 +1,266 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Container class for theme configuration.
|
||||
*/
|
||||
|
||||
class alpha_theme_container {
|
||||
var $theme;
|
||||
var $settings;
|
||||
var $css;
|
||||
var $grid;
|
||||
var $grids;
|
||||
var $libraries;
|
||||
var $sections;
|
||||
var $zones;
|
||||
var $regions;
|
||||
var $page;
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function __construct($theme, $delta = NULL) {
|
||||
$this->theme = $theme;
|
||||
$this->delta = $delta;
|
||||
|
||||
if ($cache = alpha_cache_get($theme, $delta)) {
|
||||
foreach ($cache->data as $key => $item) {
|
||||
$this->$key = $item;
|
||||
}
|
||||
}
|
||||
|
||||
foreach ($this->cacheable() as $item => $required) {
|
||||
if ($required && !isset($this->$item)) {
|
||||
$this->init();
|
||||
|
||||
alpha_alter('alpha_pre_cache', $this, $theme, $delta);
|
||||
alpha_cache_set($this);
|
||||
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
alpha_alter('alpha', $this, $theme, $delta);
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function init() {
|
||||
$this->settings();
|
||||
$this->sections();
|
||||
$this->zones();
|
||||
$this->regions();
|
||||
$this->grids();
|
||||
$this->grid();
|
||||
$this->css();
|
||||
$this->libraries();
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function settings() {
|
||||
if (!isset($this->settings)) {
|
||||
$this->settings = array(
|
||||
'grid' => alpha_theme_get_setting('alpha_grid', 'default', $this->theme),
|
||||
'css' => alpha_theme_get_setting('alpha_css', array(), $this->theme),
|
||||
'libraries' => alpha_theme_get_setting('alpha_libraries', array(), $this->theme),
|
||||
'exclude' => alpha_theme_get_setting('alpha_exclude', array(), $this->theme),
|
||||
'responsive' => alpha_theme_get_setting('alpha_responsive', FALSE, $this->theme),
|
||||
'toggle' => array(),
|
||||
'hidden' => array(),
|
||||
'viewport' => array(
|
||||
'enabled' => alpha_theme_get_setting('alpha_viewport', FALSE, $this->theme),
|
||||
'initial' => alpha_theme_get_setting('alpha_viewport_initial_scale', 1, $this->theme),
|
||||
'min' => alpha_theme_get_setting('alpha_viewport_min_scale', 1, $this->theme),
|
||||
'max' => alpha_theme_get_setting('alpha_viewport_max_scale', 1, $this->theme),
|
||||
'user' => alpha_theme_get_setting('alpha_viewport_user_scaleable', TRUE, $this->theme),
|
||||
),
|
||||
'debug' => array(
|
||||
'block' => alpha_theme_get_setting('alpha_debug_block_toggle', FALSE, $this->theme),
|
||||
'block_active' => alpha_theme_get_setting('alpha_debug_block_active', FALSE, $this->theme),
|
||||
'grid' => alpha_theme_get_setting('alpha_debug_grid_toggle', FALSE, $this->theme),
|
||||
'grid_active' => alpha_theme_get_setting('alpha_debug_grid_active', FALSE, $this->theme),
|
||||
'roles' => array_keys(array_filter(alpha_theme_get_setting('alpha_debug_grid_roles', array(), $this->theme))),
|
||||
),
|
||||
);
|
||||
|
||||
foreach (alpha_toggle() as $item => $title) {
|
||||
$this->settings['toggle'][$item] = alpha_theme_get_setting('alpha_toggle_' . $item, TRUE, $this->theme);
|
||||
}
|
||||
|
||||
foreach (alpha_visibility() as $item => $title) {
|
||||
$this->settings['hidden'][$item] = alpha_theme_get_setting('alpha_hidden_' . $item, FALSE, $this->theme);
|
||||
}
|
||||
|
||||
alpha_alter('alpha_settings', $this->settings, $this->theme);
|
||||
}
|
||||
|
||||
return $this->settings;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function grids() {
|
||||
if (!isset($this->grids)) {
|
||||
$this->settings();
|
||||
$this->grids = alpha_retrieve_grids($this->theme);
|
||||
}
|
||||
|
||||
return $this->grids;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function grid() {
|
||||
if (!isset($this->grid)) {
|
||||
$this->grids();
|
||||
|
||||
if (isset($this->grids[$this->settings['grid']])) {
|
||||
$this->grid = alpha_grid_css($this->theme, $this->grids[$this->settings['grid']], $this->settings['responsive']);
|
||||
}
|
||||
else {
|
||||
$this->grid = array();
|
||||
}
|
||||
}
|
||||
|
||||
return $this->grid;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function css() {
|
||||
if (!isset($this->css)) {
|
||||
$this->css = alpha_retrieve_css($this->theme);
|
||||
}
|
||||
|
||||
return $this->css;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function libraries() {
|
||||
if (!isset($this->libraries)) {
|
||||
$this->libraries = alpha_retrieve_libraries($this->theme);
|
||||
}
|
||||
|
||||
return $this->libraries;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function sections() {
|
||||
if (!isset($this->sections)) {
|
||||
$this->sections = array(
|
||||
'header' => t('Header'),
|
||||
'content' => t('Content'),
|
||||
'footer' => t('Footer'),
|
||||
);
|
||||
}
|
||||
|
||||
return $this->sections;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function zones() {
|
||||
if (!isset($this->zones)) {
|
||||
$this->sections();
|
||||
$this->zones = array();
|
||||
|
||||
if ($zones = alpha_info('zones', $this->theme)) {
|
||||
foreach ($zones as $zone => $title) {
|
||||
$section = alpha_zone_get_setting('section', $zone, NULL, $this->theme);
|
||||
$section = isset($this->sections[$section]) ? $section : NULL;
|
||||
|
||||
$this->zones[$zone] = array(
|
||||
'zone' => $zone,
|
||||
'name' => $title,
|
||||
'enabled' => isset($this->sections[$section]),
|
||||
'force' => alpha_zone_get_setting('force', $zone, FALSE, $this->theme),
|
||||
'columns' => alpha_zone_get_setting('columns', $zone, 0, $this->theme),
|
||||
'section' => $section,
|
||||
'weight' => alpha_zone_get_setting('weight', $zone, 0, $this->theme),
|
||||
'wrapper' => alpha_zone_get_setting('wrapper', $zone, FALSE, $this->theme),
|
||||
'wrapper_css' => alpha_zone_get_setting('wrapper_css', $zone, NULL, $this->theme),
|
||||
'primary' => alpha_zone_get_setting('primary', $zone, NULL, $this->theme),
|
||||
'order' => alpha_zone_get_setting('order', $zone, FALSE, $this->theme),
|
||||
'css' => alpha_zone_get_setting('css', $zone, NULL, $this->theme),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
uasort($this->zones, 'drupal_sort_weight');
|
||||
alpha_alter('alpha_zones', $this->zones, $this->theme);
|
||||
}
|
||||
|
||||
return $this->zones;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function regions() {
|
||||
if (!isset($this->regions)) {
|
||||
$this->zones();
|
||||
$this->sections();
|
||||
$this->regions = array();
|
||||
$exclude = alpha_regions_exclude();
|
||||
|
||||
foreach (system_region_list($this->theme) as $region => $title) {
|
||||
if (!in_array($region, $exclude)) {
|
||||
$zone = alpha_region_get_setting('zone', $region, NULL, $this->theme);
|
||||
$prefix = alpha_region_get_setting('prefix', $region, 0, $this->theme);
|
||||
$columns = alpha_region_get_setting('columns', $region, 1, $this->theme);
|
||||
$suffix = alpha_region_get_setting('suffix', $region, 0, $this->theme);
|
||||
|
||||
$zone = isset($zone) && isset($this->zones[$zone]) ? $zone : NULL;
|
||||
$section = isset($zone) && isset($this->zones[$zone]['section']) ? $this->zones[$zone]['section'] : NULL;
|
||||
|
||||
$this->regions[$region] = array(
|
||||
'region' => $region,
|
||||
'name' => $title,
|
||||
'zone' => $zone,
|
||||
'section' => $section,
|
||||
'enabled' => isset($zone),
|
||||
'force' => alpha_region_get_setting('force', $region, FALSE, $this->theme),
|
||||
'prefix' => $prefix,
|
||||
'columns' => $columns,
|
||||
'suffix' => $suffix,
|
||||
'width' => $prefix + $columns + $suffix,
|
||||
'push' => 0,
|
||||
'pull' => 0,
|
||||
'wrapper_css' => alpha_region_get_setting('css', $region, NULL, $this->theme),
|
||||
'weight' => alpha_region_get_setting('weight', $region, 0, $this->theme),
|
||||
'position' => alpha_region_get_setting('position', $region, 0, $this->theme),
|
||||
'primary' => isset($zone) && $this->zones[$zone]['primary'] == $region,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
uasort($this->regions, 'drupal_sort_weight');
|
||||
alpha_alter('alpha_regions', $this->regions, $this->theme);
|
||||
}
|
||||
|
||||
return $this->regions;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function cacheable() {
|
||||
$cacheable = array_fill_keys(array('settings', 'libraries', 'css', 'grids', 'grid', 'regions', 'zones', 'sections'), TRUE);
|
||||
|
||||
alpha_alter('alpha_cacheable', $cacheable, $this->theme);
|
||||
|
||||
return $cacheable;
|
||||
}
|
||||
}
|
||||
285
sites/all/themes/omega/alpha/includes/theme-settings-general.inc
Normal file
285
sites/all/themes/omega/alpha/includes/theme-settings-general.inc
Normal file
@@ -0,0 +1,285 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* General theme settings elements.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function alpha_theme_settings_general(&$form, &$form_state) {
|
||||
$theme = alpha_get_theme();
|
||||
$scales = alpha_scale_options(1, 10, 0.5);
|
||||
$optional = alpha_css_options($theme->css);
|
||||
$libraries = alpha_library_options($theme->libraries);
|
||||
$exclude = alpha_exclude_options($theme->theme);
|
||||
$toggle = alpha_toggle();
|
||||
|
||||
$form['alpha_settings']['layout'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#weight' => -10,
|
||||
'#title' => t('Grid settings'),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['alpha_grid'] = array(
|
||||
'#type' => 'select',
|
||||
'#description' => t('Select the grid system that you want to use for this layout.'),
|
||||
'#title' => t('Grid system'),
|
||||
'#default_value' => $theme->settings['grid'],
|
||||
'#options' => alpha_grid_options($theme->grids),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Responsive settings'),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings']['alpha_responsive'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Enable the responsive grid'),
|
||||
'#description' => t('Enabling this will unleash the responsive layout features that come with Alpha & Omega. It also helps you to clean your appartment and wash your dishes.'),
|
||||
'#default_value' => $theme->settings['responsive'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings']['alpha_viewport'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Allow customizing viewport meta properties on iOS and Android devices'),
|
||||
'#description' => t('By default, most mobile browsers choose their own way to handle page rendering by using the viewport meta tag. iOS and Android are "capable" of displaying full size websites by simply scaling down the view. However, when using a truly mobile version of your theme, you will / may want to customize these settings. You can find more information about this in the <a href="http://drupal.org/node/819164">Omega documentation</a>.'),
|
||||
'#default_value' => $theme->settings['viewport']['enabled'],
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_responsive"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings']['viewport_settings'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Viewport settings'),
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_viewport"]' => array('checked' => TRUE),
|
||||
':input[name="alpha_responsive"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings']['viewport_settings']['alpha_viewport_initial_scale'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Initial scale'),
|
||||
'#default_value' => $theme->settings['viewport']['initial'],
|
||||
'#options' => $scales,
|
||||
'#description' => t('The initial scaling of the page. This should almost always be set to 1.0.'),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings']['viewport_settings']['alpha_viewport_min_scale'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Minimum scale'),
|
||||
'#default_value' => $theme->settings['viewport']['min'],
|
||||
'#options' => $scales,
|
||||
'#description' => t('The minimum scaling of the site. This should usually be the same as your <em>Initial scale</em> setting.'),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings']['viewport_settings']['alpha_viewport_max_scale'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Maximum scale'),
|
||||
'#default_value' => $theme->settings['viewport']['max'],
|
||||
'#options' => $scales,
|
||||
'#description' => t('The maximum scaling of the site. This can be any value between 1 and 10, but should not be too big if you want to preserve your mobile look and feel.'),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['responsive_settings']['viewport_settings']['alpha_viewport_user_scaleable'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Scalable by user'),
|
||||
'#description' => t('<p>Determine if a user can resize the screen. This is usually accomplished via multi-touch gestures on iOS and Android devices. If your mobile theme is very customized and presented with good typography and graphics for a reduced mobile size, it is recommended to leave this setting unchecked. If it is left unchecked, the min-scale and max-scale properties will be ignored.</p><p class="marker">HTC Android devices do NOT (currently) respect the viewport meta tag for <em>user-scalable</em>. It will render at the appropriate <em>initial-scale</em> set above, but a user can still zoom in/out.</p>'),
|
||||
'#default_value' => $theme->settings['viewport']['user'],
|
||||
);
|
||||
|
||||
foreach ($theme->grids as $grid => $info) {
|
||||
$form['alpha_settings']['layout']['grid_layouts'][$grid] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('@grid layout settings', array('@grid' => $info['name'])),
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_grid"]' => array('value' => $grid),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['grid_layouts'][$grid]['alpha_primary_' . $grid] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Primary layout'),
|
||||
'#default_value' => $info['primary'],
|
||||
'#options' => alpha_grid_layouts_options($theme->grids[$grid]),
|
||||
'#description' => t('The primary layout will be used in case you disable the "responsive grid" option aswell as for older versions of Internet Explorer.'),
|
||||
);
|
||||
|
||||
foreach ($info['layouts'] as $layout => $data) {
|
||||
$form['alpha_settings']['layout']['grid_layouts'][$grid][$layout] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('@layout layout', array('@layout' => $data['name'])),
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_responsive"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['grid_layouts'][$grid][$layout]['alpha_layouts_' . $grid . '_' . $layout . '_responsive'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Use this layout with the responsive grid'),
|
||||
'#default_value' => $data['enabled'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['grid_layouts'][$grid][$layout]['alpha_layouts_' . $grid . '_' . $layout . '_weight'] = array(
|
||||
'#type' => 'weight',
|
||||
'#title' => t('Weight'),
|
||||
'#description' => t('The weight of this layout.'),
|
||||
'#default_value' => $data['weight'],
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_layouts_' . $grid . '_' . $layout . '_responsive"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['layout']['grid_layouts'][$grid][$layout]['alpha_layouts_' . $grid . '_' . $layout . '_media'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('Media query'),
|
||||
'#description' => t('The @media query that the @layout layout should respond to.', array('@layout' => $data['name'])),
|
||||
'#default_value' => $data['media'],
|
||||
'#maxlength' => 255,
|
||||
'#size' => 140,
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_layouts_' . $grid . '_' . $layout . '_responsive"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (!empty($libraries)) {
|
||||
$form['alpha_settings']['alpha_libraries'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Toggle libraries'),
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => FALSE,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['alpha_libraries']['alpha_libraries'] = array(
|
||||
'#title' => t('Enable optional libraries'),
|
||||
'#description' => t('You can choose from this list to enable optional libraries.'),
|
||||
'#type' => 'checkboxes',
|
||||
'#options' => $libraries,
|
||||
'#default_value' => $theme->settings['libraries'],
|
||||
);
|
||||
}
|
||||
|
||||
$form['alpha_settings']['alpha_styles'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Toggle styles'),
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => FALSE,
|
||||
);
|
||||
|
||||
if (!empty($optional)) {
|
||||
$form['alpha_settings']['alpha_styles']['alpha_css'] = array(
|
||||
'#title' => t('Enable optional stylesheets'),
|
||||
'#description' => t('You can choose from this list to enable optional stylesheets.'),
|
||||
'#type' => 'checkboxes',
|
||||
'#options' => $optional,
|
||||
'#default_value' => $theme->settings['css'],
|
||||
);
|
||||
}
|
||||
|
||||
if (!empty($exclude)) {
|
||||
$form['alpha_settings']['alpha_styles']['alpha_exclude'] = array(
|
||||
'#title' => t('Disable module and theme stylesheets'),
|
||||
'#description' => t('Alpha will remove the selected stylesheets from your pages.'),
|
||||
'#type' => 'checkboxes',
|
||||
'#options' => $exclude,
|
||||
'#default_value' => $theme->settings['exclude'],
|
||||
);
|
||||
}
|
||||
|
||||
$form['alpha_settings']['alpha_debug'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#weight' => -6,
|
||||
'#title' => t('Debugging'),
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => FALSE,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['alpha_debug']['alpha_debug_block_toggle'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Enable the debugging (placeholder) blocks for the selected roles.'),
|
||||
'#default_value' => $theme->settings['debug']['block'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['alpha_debug']['alpha_debug_block_active'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Show the debugging blocks by default.'),
|
||||
'#description' => t('This will show the debugging blocks on page load.'),
|
||||
'#default_value' => $theme->settings['debug']['block_active'],
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_debug_block_toggle"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['alpha_debug']['alpha_debug_grid_toggle'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Enable the grid overlay for the selected roles.'),
|
||||
'#default_value' => $theme->settings['debug']['grid'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['alpha_debug']['alpha_debug_grid_active'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Show the grid overlay by default.'),
|
||||
'#description' => t('This will show the grid overlay on page load.'),
|
||||
'#default_value' => $theme->settings['debug']['grid_active'],
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_debug_grid_toggle"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['alpha_debug']['alpha_debug_grid_roles'] = array(
|
||||
'#type' => 'checkboxes',
|
||||
'#title' => t('Roles that may use the grid overlay and debugging blocks.'),
|
||||
'#default_value' => $theme->settings['debug']['roles'],
|
||||
'#options' => array_map('check_plain', user_roles()),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['alpha_toggle'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Toggle advanced elements'),
|
||||
'#description' => t('Enable or disable the display of certain page elements.'),
|
||||
);
|
||||
|
||||
foreach ($toggle as $item => $title) {
|
||||
$form['alpha_settings']['alpha_toggle']['alpha_toggle_' . $item] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => $title,
|
||||
'#default_value' => $theme->settings['toggle'][$item],
|
||||
);
|
||||
}
|
||||
|
||||
$form['alpha_settings']['alpha_toggle']['alpha_hidden'] = array(
|
||||
'#type' => 'item',
|
||||
'#title' => t('Choose from the elements below to hide them via CSS'),
|
||||
'#description' => t('This will make the element invisible to normal users while not removing it from the HTML (e.g. for screenreaders).'),
|
||||
);
|
||||
|
||||
foreach (alpha_visibility() as $item => $title) {
|
||||
$form['alpha_settings']['alpha_toggle']['alpha_hidden']['alpha_hidden_' . $item] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => $title,
|
||||
'#default_value' => $theme->settings['hidden'][$item],
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,245 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Theme settings for regions.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @todo
|
||||
*/
|
||||
function alpha_theme_settings_structure(&$form, &$form_state) {
|
||||
$theme = alpha_get_theme();
|
||||
$containers = isset($theme->grids[$theme->settings['grid']]) ? alpha_container_options($theme->grids[$theme->settings['grid']]) : array();
|
||||
$options = alpha_zone_options($theme->zones);
|
||||
$columns = $spacing = !empty($containers) ? alpha_column_options(max(array_keys($containers))) : array();
|
||||
|
||||
unset($columns[0]);
|
||||
array_pop($spacing);
|
||||
|
||||
$form['alpha_settings']['structure'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Zone and region configuration'),
|
||||
'#weight' => -8,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure']['__unassigned__'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Unassigned zones'),
|
||||
'#description' => t('There are no unassigned zones.'),
|
||||
'#weight' => 100,
|
||||
'#attributes' => array(
|
||||
'class' => array('alpha-unassigned'),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure']['__unassigned__']['__unassigned__']['regions'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Unassigned regions'),
|
||||
'#description' => t('There are no unassigned regions.'),
|
||||
'#weight' => 100,
|
||||
'#attributes' => array(
|
||||
'class' => array('alpha-unassigned'),
|
||||
),
|
||||
);
|
||||
|
||||
foreach ($theme->sections as $section => $name) {
|
||||
$form['alpha_settings']['structure'][$section] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => $name . ' ' . t('Section'),
|
||||
'#description' => t('This section is empty.'),
|
||||
);
|
||||
}
|
||||
|
||||
foreach ($theme->zones as $zone => $item) {
|
||||
$section = $item['enabled'] ? $item['section'] : '__unassigned__';
|
||||
|
||||
unset($form['alpha_settings']['structure'][$section]['#description']);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => $item['name'] . ' ' . t('Zone'),
|
||||
'#weight' => $item['weight'],
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => TRUE,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Configuration'),
|
||||
'#weight' => -999,
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => TRUE,
|
||||
'#attributes' => array(
|
||||
'class' => array('alpha-inline'),
|
||||
),
|
||||
);
|
||||
|
||||
// Provide a full width wrapper around the zone (allowing for design elements outside the grid)
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_wrapper'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Provide full width wrapper around this zone'),
|
||||
'#description' => t('Enabling this feature will give a <div> wrapper around the zone itself, allowing you to theme in elements that appear outside the 960 pixel container zone.'),
|
||||
'#default_value' => $item['wrapper'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_force'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Force this zone to be rendered'),
|
||||
'#description' => t('Enabling this will always render this zone, even if it is empty.'),
|
||||
'#default_value' => $item['force'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_order'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Customize the region positioning'),
|
||||
'#description' => t('This allows you to manipulate the placing of the regions in this zone.'),
|
||||
'#default_value' => $item['order'],
|
||||
'#element_validate' => array('alpha_theme_settings_validate_order'),
|
||||
'#zone' => $zone,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_section'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Section'),
|
||||
'#default_value' => $item['section'],
|
||||
'#element_validate' => array('alpha_theme_settings_validate_not_empty'),
|
||||
'#options' => array('_none' => '- None -') + $theme->sections,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_weight'] = array(
|
||||
'#type' => 'weight',
|
||||
'#title' => t('Weight'),
|
||||
'#default_value' => $item['weight'],
|
||||
);
|
||||
|
||||
// Create a container width selection menu for EACH zone
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_columns'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Column count'),
|
||||
'#default_value' => $item['columns'],
|
||||
'#options' => $containers,
|
||||
);
|
||||
|
||||
// Decide which region is the primary item.
|
||||
// The primary region is the one that will absorb the size of empty regions that are related in the same zone.
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_primary'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Primary Region'),
|
||||
'#default_value' => $item['primary'],
|
||||
'#options' => array('_none' => t('- None -')) + alpha_zone_regions($zone, $theme->regions),
|
||||
'#element_validate' => array('alpha_theme_settings_validate_not_empty', 'alpha_theme_settings_validate_primary'),
|
||||
'#zone' => $zone,
|
||||
);
|
||||
|
||||
// Allow for zone classes
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_css'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('Additional zone classes'),
|
||||
'#size' => 60,
|
||||
'#default_value' => $item['css'],
|
||||
);
|
||||
|
||||
// Allow for zone wrapper classes
|
||||
$form['alpha_settings']['structure'][$section][$zone]['zone']['alpha_zone_' . $zone . '_wrapper_css'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('Additional wrapper classes'),
|
||||
'#size' => 60,
|
||||
'#default_value' => $item['wrapper_css'],
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_zone_' . $zone . '_wrapper"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Regions'),
|
||||
'#description' => t('This zone is empty.'),
|
||||
'#weight' => $item['weight'],
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => TRUE,
|
||||
);
|
||||
}
|
||||
|
||||
foreach($theme->regions as $region => $item) {
|
||||
$zone = $item['enabled'] ? $item['zone'] : '__unassigned__';
|
||||
$section = $item['enabled'] && $theme->zones[$item['zone']]['enabled'] ? $item['section'] : '__unassigned__';
|
||||
|
||||
unset($form['alpha_settings']['structure'][$section][$zone]['regions']['#description']);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => $item['name'],
|
||||
'#weight' => $item['weight'],
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => TRUE,
|
||||
'#attributes' => array(
|
||||
'class' => array('alpha-inline'),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_force'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Force this region to be rendered'),
|
||||
'#description' => t('Enabling this will always render this region, even if it is empty.'),
|
||||
'#default_value' => $item['force'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_zone'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Zone'),
|
||||
'#default_value' => !empty($item['zone']) ? $item['zone'] : array('_none'),
|
||||
'#element_validate' => array('alpha_theme_settings_validate_not_empty'),
|
||||
'#options' => array('_none' => '- None -') + $options,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_prefix'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Prefix'),
|
||||
'#default_value' => $item['prefix'],
|
||||
'#options' => $spacing,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_columns'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Width'),
|
||||
'#default_value' => $item['columns'],
|
||||
'#options' => $columns,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_suffix'] = array(
|
||||
'#type' => 'select',
|
||||
'#title' => t('Suffix'),
|
||||
'#default_value' => $item['suffix'],
|
||||
'#options' => $spacing,
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_weight'] = array(
|
||||
'#type' => 'weight',
|
||||
'#delta' => 50,
|
||||
'#title' => t('Weight'),
|
||||
'#default_value' => $item['weight'],
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_position'] = array(
|
||||
'#type' => 'weight',
|
||||
'#delta' => 50,
|
||||
'#title' => t('Position'),
|
||||
'#default_value' => $item['position'],
|
||||
'#states' => array(
|
||||
'visible' => array(
|
||||
':input[name="alpha_zone_' . $zone . '_order"]' => array('checked' => TRUE),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$form['alpha_settings']['structure'][$section][$zone]['regions'][$region]['alpha_region_' . $region . '_css'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('Additional region classes'),
|
||||
'#size' => 50,
|
||||
'#default_value' => $item['wrapper_css'],
|
||||
);
|
||||
}
|
||||
}
|
||||
19
sites/all/themes/omega/alpha/js/alpha-debug.js
Normal file
19
sites/all/themes/omega/alpha/js/alpha-debug.js
Normal file
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* Attaches the debugging behavior.
|
||||
*/
|
||||
(function($) {
|
||||
Drupal.behaviors.alphaDebug = {
|
||||
attach: function (context) {
|
||||
$('body', context).once('alpha-debug', function () {
|
||||
$('.alpha-grid-toggle').click(function() {
|
||||
$('body').toggleClass('alpha-grid-debug');
|
||||
return false;
|
||||
});
|
||||
$('.alpha-block-toggle').click(function() {
|
||||
$('body').toggleClass('alpha-region-debug');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
})(jQuery);
|
||||
BIN
sites/all/themes/omega/alpha/screenshot.png
Normal file
BIN
sites/all/themes/omega/alpha/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
398
sites/all/themes/omega/alpha/template.php
Normal file
398
sites/all/themes/omega/alpha/template.php
Normal file
@@ -0,0 +1,398 @@
|
||||
<?php
|
||||
|
||||
require_once dirname(__FILE__) . '/includes/alpha.inc';
|
||||
require_once dirname(__FILE__) . '/includes/base.inc';
|
||||
|
||||
/**
|
||||
* Implements hook_theme().
|
||||
*/
|
||||
function alpha_theme($existing, $type, $theme, $path) {
|
||||
return array(
|
||||
'section' => array(
|
||||
'template' => 'section',
|
||||
'path' => $path . '/templates',
|
||||
'render element' => 'elements',
|
||||
'pattern' => 'section__',
|
||||
'preprocess functions' => array(
|
||||
'template_preprocess',
|
||||
'template_preprocess_section',
|
||||
'alpha_preprocess',
|
||||
'alpha_preprocess_section',
|
||||
),
|
||||
'process functions' => array(
|
||||
'template_process',
|
||||
'template_process_section',
|
||||
'alpha_process',
|
||||
'alpha_process_section'
|
||||
),
|
||||
),
|
||||
'zone' => array(
|
||||
'template' => 'zone',
|
||||
'path' => $path . '/templates',
|
||||
'render element' => 'elements',
|
||||
'pattern' => 'zone__',
|
||||
'preprocess functions' => array(
|
||||
'template_preprocess',
|
||||
'template_preprocess_zone',
|
||||
'alpha_preprocess',
|
||||
'alpha_preprocess_zone',
|
||||
),
|
||||
'process functions' => array(
|
||||
'template_process',
|
||||
'template_process_zone',
|
||||
'alpha_process',
|
||||
'alpha_process_zone'
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess().
|
||||
*/
|
||||
function alpha_preprocess(&$vars, $hook) {
|
||||
$vars['attributes_array']['class'] = $vars['classes_array'];
|
||||
|
||||
alpha_invoke('preprocess', $hook, $vars);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_process().
|
||||
*/
|
||||
function alpha_process(&$vars, $hook) {
|
||||
if (!empty($vars['elements']['#grid']) || !empty($vars['elements']['#data']['wrapper_css'])) {
|
||||
if (!empty($vars['elements']['#grid'])) {
|
||||
foreach (array('prefix', 'suffix', 'push', 'pull') as $quality) {
|
||||
if (!empty($vars['elements']['#grid'][$quality])) {
|
||||
array_unshift($vars['attributes_array']['class'], $quality . '-' . $vars['elements']['#grid'][$quality]);
|
||||
}
|
||||
}
|
||||
|
||||
array_unshift($vars['attributes_array']['class'], 'grid-' . $vars['elements']['#grid']['columns']);
|
||||
}
|
||||
|
||||
if (!empty($vars['elements']['#data']['wrapper_css'])) {
|
||||
foreach (array_map('drupal_html_class', explode(' ', $vars['elements']['#data']['wrapper_css'])) as $class) {
|
||||
$vars['attributes_array']['class'][] = $class;
|
||||
}
|
||||
}
|
||||
|
||||
$vars['attributes'] = $vars['attributes_array'] ? drupal_attributes($vars['attributes_array']) : '';
|
||||
}
|
||||
|
||||
if (!empty($vars['elements']['#grid_container']) || !empty($vars['elements']['#data']['css'])) {
|
||||
if (!empty($vars['elements']['#data']['css'])) {
|
||||
foreach (array_map('drupal_html_class', explode(' ', $vars['elements']['#data']['css'])) as $class) {
|
||||
$vars['content_attributes_array']['class'][] = $class;
|
||||
}
|
||||
}
|
||||
|
||||
if (!empty($vars['elements']['#grid_container'])) {
|
||||
$vars['content_attributes_array']['class'][] = 'container-' . $vars['elements']['#grid_container'];
|
||||
}
|
||||
|
||||
$vars['content_attributes'] = $vars['content_attributes_array'] ? drupal_attributes($vars['content_attributes_array']) : '';
|
||||
}
|
||||
|
||||
alpha_invoke('process', $hook, $vars);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_element_info_alter().
|
||||
*/
|
||||
function alpha_element_info_alter(&$elements) {
|
||||
if (variable_get('preprocess_css', FALSE) && (!defined('MAINTENANCE_MODE') || MAINTENANCE_MODE != 'update')) {
|
||||
array_unshift($elements['styles']['#pre_render'], 'alpha_css_preprocessor');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_css_alter().
|
||||
*/
|
||||
function alpha_css_alter(&$css) {
|
||||
global $language;
|
||||
|
||||
$theme = alpha_get_theme();
|
||||
|
||||
if ($theme->settings['exclude']) {
|
||||
if ($exclude = array_filter($theme->settings['exclude'])) {
|
||||
|
||||
if ($language->direction == LANGUAGE_LTR) {
|
||||
foreach ($exclude as $basename) {
|
||||
$rtl = str_replace('.css', '-rtl.css', $basename);
|
||||
$exclude[$rtl] = $rtl;
|
||||
}
|
||||
}
|
||||
|
||||
foreach($css as $key => $item) {
|
||||
if (isset($exclude[$key])) {
|
||||
unset($css[$key]);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_page_alter().
|
||||
*/
|
||||
function alpha_page_alter(&$vars) {
|
||||
$theme = alpha_get_theme();
|
||||
$theme->settings['debug']['access'] = alpha_debug_access($GLOBALS['user'], $theme->settings['debug']['roles']);
|
||||
|
||||
// If no module has taken care of the main content, add it to the page now.
|
||||
// This allows the site to still be usable even if no modules that
|
||||
// control page regions (for example, the Block module) are enabled.
|
||||
if (!drupal_static('system_main_content_added', FALSE)) {
|
||||
$vars['content']['system_main'] = drupal_set_page_content();
|
||||
}
|
||||
|
||||
if (($theme->settings['debug']['access'] || $GLOBALS['user']->uid == 1) && ($theme->settings['debug']['grid'] || $theme->settings['debug']['block'])) {
|
||||
drupal_add_css(drupal_get_path('theme', 'alpha') . '/css/alpha-debug.css', array('group' => CSS_THEME, 'weight' => -5));
|
||||
drupal_add_js(drupal_get_path('theme', 'alpha') . '/js/alpha-debug.js', array('group' => JS_THEME, 'weight' => -5));
|
||||
|
||||
if ($theme->settings['responsive']) {
|
||||
$vars['page_bottom']['alpha_resize_indicator'] = array(
|
||||
'#type' => 'markup',
|
||||
'#markup' => '<div class="alpha-resize-indicator"></div>',
|
||||
);
|
||||
}
|
||||
|
||||
if ($theme->settings['debug']['grid']) {
|
||||
$vars['page_bottom']['alpha_grid_toggle'] = array(
|
||||
'#type' => 'markup',
|
||||
'#markup' => '<a class="alpha-grid-toggle" href="#"></a>',
|
||||
);
|
||||
}
|
||||
if ($theme->settings['debug']['block']) {
|
||||
$vars['page_bottom']['alpha_block_toggle'] = array(
|
||||
'#type' => 'markup',
|
||||
'#markup' => '<a class="alpha-block-toggle" href="#"></a>',
|
||||
);
|
||||
|
||||
foreach ($theme->regions as $region => $item) {
|
||||
if ($item['enabled']) {
|
||||
if (empty($vars[$region])) {
|
||||
$vars[$region]['#region'] = $region;
|
||||
$vars[$region]['#theme_wrappers'] = array('region');
|
||||
}
|
||||
|
||||
if (isset($vars[$region]['#theme_wrappers']) && array_search('region', $vars[$region]['#theme_wrappers']) !== FALSE) {
|
||||
$vars[$region] = array('alpha_debug_' . $region => array(
|
||||
'#type' => 'markup',
|
||||
'#markup' => '<div class="alpha-debug-block"><h2>' . $item['name'] . '</h2><p>' . t('This is a debugging block') . '</p></div>',
|
||||
'#weight' => -999,
|
||||
)) + $vars[$region];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!module_implements('alpha_page_structure_alter')) {
|
||||
alpha_alter('alpha_page_structure', $vars, $theme->theme);
|
||||
}
|
||||
else {
|
||||
drupal_alter('alpha_page_structure', $vars, $theme->theme);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_alpha_page_alter().
|
||||
*/
|
||||
function alpha_alpha_page_structure_alter(&$vars) {
|
||||
$theme = alpha_get_theme();
|
||||
$temporary = array();
|
||||
|
||||
foreach ($theme->regions as $region => $item) {
|
||||
if ($item['enabled'] && $theme->zones[$item['zone']]['enabled'] && ($item['force'] || !empty($vars[$region]))) {
|
||||
$temporary[$item['section']][$item['zone']][$region] = !empty($vars[$region]) ? $vars[$region] : array();
|
||||
$temporary[$item['section']][$item['zone']][$region]['#weight'] = (int) $item['weight'];
|
||||
$temporary[$item['section']][$item['zone']][$region]['#position'] = $item['position'];
|
||||
$temporary[$item['section']][$item['zone']][$region]['#data'] = $item;
|
||||
$temporary[$item['section']][$item['zone']][$region]['#grid'] = array(
|
||||
'prefix' => $item['prefix'],
|
||||
'suffix' => $item['suffix'],
|
||||
'push' => $item['push'],
|
||||
'pull' => $item['pull'],
|
||||
'columns' => $item['columns'],
|
||||
);
|
||||
|
||||
$theme->regions[$region]['grid'] = &$temporary[$item['section']][$item['zone']][$region]['#grid'];
|
||||
|
||||
if (empty($vars[$region])) {
|
||||
$temporary[$item['section']][$item['zone']][$region]['#region'] = $region;
|
||||
$temporary[$item['section']][$item['zone']][$region]['#theme_wrappers'] = array('region');
|
||||
}
|
||||
}
|
||||
else if (!empty($vars[$region])) {
|
||||
$vars['#excluded'][$region] = !empty($vars[$region]) ? $vars[$region] : array();
|
||||
$vars['#excluded'][$region]['#weight'] = (int) $item['weight'];
|
||||
$vars['#excluded'][$region]['#data'] = $item;
|
||||
$vars['#excluded'][$region]['#grid'] = array(
|
||||
'prefix' => $item['prefix'],
|
||||
'suffix' => $item['suffix'],
|
||||
'push' => $item['push'],
|
||||
'pull' => $item['pull'],
|
||||
'columns' => $item['columns'],
|
||||
);
|
||||
}
|
||||
|
||||
unset($vars[$region]);
|
||||
}
|
||||
|
||||
foreach ($theme->zones as $zone => $item) {
|
||||
if ($item['enabled'] && ($item['force'] || !empty($temporary[$item['section']][$zone]))) {
|
||||
if (isset($item['primary']) && isset($temporary[$item['section']][$zone][$item['primary']])) {
|
||||
alpha_calculate_primary($temporary[$item['section']][$zone], $item['primary'], $item['columns']);
|
||||
}
|
||||
|
||||
if ($item['order']) {
|
||||
alpha_calculate_position($temporary[$item['section']][$zone]);
|
||||
}
|
||||
|
||||
$temporary[$item['section']][$zone]['#theme_wrappers'] = array('zone');
|
||||
$temporary[$item['section']][$zone]['#zone'] = $zone;
|
||||
$temporary[$item['section']][$zone]['#weight'] = (int) $item['weight'];
|
||||
$temporary[$item['section']][$zone]['#data'] = $item;
|
||||
$temporary[$item['section']][$zone]['#grid_container'] = $item['columns'];
|
||||
}
|
||||
}
|
||||
|
||||
foreach ($theme->sections as $section => $item) {
|
||||
if (isset($temporary[$section])) {
|
||||
$temporary[$section]['#theme_wrappers'] = array('section');
|
||||
$temporary[$section]['#section'] = $section;
|
||||
}
|
||||
}
|
||||
|
||||
$vars = array_merge($vars, $temporary);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_section().
|
||||
*/
|
||||
function template_preprocess_section(&$vars) {
|
||||
$vars['theme_hook_suggestions'][] = 'section__' . $vars['elements']['#section'];
|
||||
$vars['section'] = $vars['elements']['#section'];
|
||||
$vars['content'] = $vars['elements']['#children'];
|
||||
$vars['attributes_array']['id'] = drupal_html_id('section-' . $vars['section']);
|
||||
$vars['classes_array'] = array('section', $vars['attributes_array']['id']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_zone().
|
||||
*/
|
||||
function template_preprocess_zone(&$vars) {
|
||||
$vars['theme_hook_suggestions'] = array('zone__' . $vars['elements']['#zone']);
|
||||
$vars['zone'] = $vars['elements']['#zone'];
|
||||
$vars['content'] = $vars['elements']['#children'];
|
||||
$vars['wrapper'] = $vars['elements']['#data']['wrapper'];
|
||||
$vars['columns'] = $vars['elements']['#data']['columns'];
|
||||
|
||||
$vars['content_attributes_array']['id'] = drupal_html_id('zone-' . $vars['zone']);
|
||||
$vars['content_attributes_array']['class'] = array('zone', $vars['content_attributes_array']['id'], 'clearfix');
|
||||
|
||||
if ($vars['wrapper']) {
|
||||
$vars['attributes_array']['id'] = drupal_html_id($vars['content_attributes_array']['id'] . '-wrapper');
|
||||
$vars['classes_array'] = array('zone-wrapper', $vars['attributes_array']['id'], 'clearfix');
|
||||
}
|
||||
|
||||
alpha_grid_include($vars['columns']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_block().
|
||||
*/
|
||||
function alpha_alpha_preprocess_block(&$vars) {
|
||||
$vars['content_attributes_array']['class'][] = 'content';
|
||||
$vars['content_attributes_array']['class'][] = 'clearfix';
|
||||
$vars['attributes_array']['id'] = $vars['block_html_id'];
|
||||
$vars['attributes_array']['class'][] = drupal_html_class('block-' . $vars['block']->delta);
|
||||
$vars['attributes_array']['class'][] = $vars['block_html_id'];
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_html().
|
||||
*/
|
||||
function alpha_alpha_preprocess_html(&$vars) {
|
||||
$theme = alpha_get_theme();
|
||||
|
||||
foreach (array('two-sidebars', 'one-sidebar sidebar-first', 'one-sidebar sidebar-second', 'no-sidebars') as $exclude) {
|
||||
if ($index = array_search($exclude, $vars['attributes_array']['class'])) {
|
||||
unset($vars['attributes_array']['class'][$index]);
|
||||
}
|
||||
}
|
||||
|
||||
// Add a CSS class based on the current page context.
|
||||
if (!drupal_is_front_page()) {
|
||||
$context = explode('/', drupal_get_path_alias());
|
||||
$context = reset($context);
|
||||
|
||||
if (!empty($context)) {
|
||||
$vars['attributes_array']['class'][] = drupal_html_class('context-' . $context);
|
||||
}
|
||||
}
|
||||
|
||||
if (($theme->settings['debug']['grid'] || $theme->settings['debug']['block']) && $theme->settings['debug']['access']) {
|
||||
if ($theme->settings['debug']['grid'] && $theme->settings['debug']['grid_active']) {
|
||||
$vars['attributes_array']['class'][] = 'alpha-grid-debug';
|
||||
}
|
||||
|
||||
if ($theme->settings['debug']['block'] && $theme->settings['debug']['block_active']) {
|
||||
$vars['attributes_array']['class'][] = 'alpha-region-debug';
|
||||
}
|
||||
}
|
||||
|
||||
if($theme->settings['responsive'] && $theme->settings['viewport']['enabled']) {
|
||||
$meta = array(
|
||||
'#tag' => 'meta',
|
||||
'#attributes' => array(
|
||||
'name' => 'viewport',
|
||||
'content' => 'width=device-width, initial-scale=' . $theme->settings['viewport']['initial'] . ', maximum-scale=' . $theme->settings['viewport']['max'] . ', minimum-scale=' . $theme->settings['viewport']['min'] . ', user-scalable=' . ($theme->settings['viewport']['user'] ? 'yes' : 'no'),
|
||||
),
|
||||
);
|
||||
|
||||
drupal_add_html_head($meta, 'alpha-viewport');
|
||||
}
|
||||
|
||||
alpha_css_include();
|
||||
alpha_libraries_include();
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_page().
|
||||
*/
|
||||
function alpha_alpha_preprocess_page(&$vars) {
|
||||
$theme = alpha_get_theme();
|
||||
$theme->page = &$vars;
|
||||
|
||||
$vars['feed_icons'] = $theme->settings['toggle']['feed_icons'] ? $vars['feed_icons'] : NULL;
|
||||
$vars['tabs'] = $theme->settings['toggle']['tabs'] ? $vars['tabs'] : NULL;
|
||||
$vars['action_links'] = $theme->settings['toggle']['action_links'] ? $vars['action_links'] : NULL;
|
||||
$vars['show_messages'] = $theme->settings['toggle']['messages'] ? $vars['show_messages'] : FALSE;
|
||||
$vars['site_name_hidden'] = $theme->settings['hidden']['site_name'];
|
||||
$vars['site_slogan_hidden'] = $theme->settings['hidden']['site_slogan'];
|
||||
$vars['title_hidden'] = $theme->settings['hidden']['title'];
|
||||
$vars['attributes_array']['id'] = 'page';
|
||||
$vars['attributes_array']['class'][] = 'clearfix';
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_region().
|
||||
*/
|
||||
function alpha_alpha_preprocess_region(&$vars) {
|
||||
$vars['attributes_array']['id'] = drupal_html_id('region-' . $vars['region']);
|
||||
$vars['content_attributes_array']['class'][] = 'region-inner';
|
||||
$vars['content_attributes_array']['class'][] = $vars['attributes_array']['id'] . '-inner';
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_process_page().
|
||||
*/
|
||||
function alpha_alpha_process_page(&$vars) {
|
||||
$theme = alpha_get_theme();
|
||||
|
||||
$vars['title'] = $theme->settings['toggle']['page_title'] ? $vars['title'] : NULL;
|
||||
$vars['breadcrumb'] = $theme->settings['toggle']['breadcrumb'] ? $vars['breadcrumb'] : NULL;
|
||||
}
|
||||
19
sites/all/themes/omega/alpha/templates/block.tpl.php
Normal file
19
sites/all/themes/omega/alpha/templates/block.tpl.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
* Alpha's theme implementation to display a block.
|
||||
*/
|
||||
?>
|
||||
<div<?php print $attributes; ?>>
|
||||
<div class="block-inner clearfix">
|
||||
<?php print render($title_prefix); ?>
|
||||
<?php if ($block->subject): ?>
|
||||
<h2<?php print $title_attributes; ?>><?php print $block->subject; ?></h2>
|
||||
<?php endif; ?>
|
||||
<?php print render($title_suffix); ?>
|
||||
|
||||
<div<?php print $content_attributes; ?>>
|
||||
<?php print $content ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
24
sites/all/themes/omega/alpha/templates/html.tpl.php
Normal file
24
sites/all/themes/omega/alpha/templates/html.tpl.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
* Alpha's theme implementation to display the basic html structure of a single
|
||||
* Drupal page.
|
||||
*/
|
||||
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
|
||||
"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>"<?php print $rdf_namespaces; ?>>
|
||||
<head profile="<?php print $grddl_profile; ?>">
|
||||
<?php print $head; ?>
|
||||
<title><?php print $head_title; ?></title>
|
||||
<?php print $styles; ?>
|
||||
<?php print $scripts; ?>
|
||||
</head>
|
||||
<body<?php print $attributes;?>>
|
||||
<div id="skip-link">
|
||||
<a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
|
||||
</div>
|
||||
<?php print $page_top; ?>
|
||||
<?php print $page; ?>
|
||||
<?php print $page_bottom; ?>
|
||||
</body>
|
||||
</html>
|
||||
19
sites/all/themes/omega/alpha/templates/page.tpl.php
Normal file
19
sites/all/themes/omega/alpha/templates/page.tpl.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
* Alpha's theme implementation to display a single Drupal page.
|
||||
*/
|
||||
?>
|
||||
<div<?php print $attributes; ?>>
|
||||
<?php if (isset($page['header'])) : ?>
|
||||
<?php print render($page['header']); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (isset($page['content'])) : ?>
|
||||
<?php print render($page['content']); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (isset($page['footer'])) : ?>
|
||||
<?php print render($page['footer']); ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
11
sites/all/themes/omega/alpha/templates/region.tpl.php
Normal file
11
sites/all/themes/omega/alpha/templates/region.tpl.php
Normal file
@@ -0,0 +1,11 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
* Alpha's theme implementation to display a region.
|
||||
*/
|
||||
?>
|
||||
<div<?php print $attributes; ?>>
|
||||
<div<?php print $content_attributes; ?>>
|
||||
<?php print $content; ?>
|
||||
</div>
|
||||
</div>
|
||||
9
sites/all/themes/omega/alpha/templates/section.tpl.php
Normal file
9
sites/all/themes/omega/alpha/templates/section.tpl.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
* Alpha's theme implementation to display a section.
|
||||
*/
|
||||
?>
|
||||
<div<?php print $attributes; ?>>
|
||||
<?php print $content; ?>
|
||||
</div>
|
||||
11
sites/all/themes/omega/alpha/templates/zone.tpl.php
Normal file
11
sites/all/themes/omega/alpha/templates/zone.tpl.php
Normal file
@@ -0,0 +1,11 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
* Alpha's theme implementation to display a zone.
|
||||
*/
|
||||
?>
|
||||
<?php if ($wrapper): ?><div<?php print $attributes; ?>><?php endif; ?>
|
||||
<div<?php print $content_attributes; ?>>
|
||||
<?php print $content; ?>
|
||||
</div>
|
||||
<?php if ($wrapper): ?></div><?php endif; ?>
|
||||
308
sites/all/themes/omega/alpha/theme-settings.php
Normal file
308
sites/all/themes/omega/alpha/theme-settings.php
Normal file
@@ -0,0 +1,308 @@
|
||||
<?php
|
||||
|
||||
require_once dirname(__FILE__) . '/includes/alpha.inc';
|
||||
require_once dirname(__FILE__) . '/includes/base.inc';
|
||||
require_once dirname(__FILE__) . '/includes/theme-settings-general.inc';
|
||||
require_once dirname(__FILE__) . '/includes/theme-settings-structure.inc';
|
||||
|
||||
/**
|
||||
* Implements hook_form_system_theme_settings_alter()
|
||||
*/
|
||||
function alpha_form_system_theme_settings_alter(&$form, &$form_state) {
|
||||
drupal_add_css(drupal_get_path('theme', 'alpha') . '/css/alpha-theme-settings.css', array('group' => CSS_THEME, 'weight' => 100));
|
||||
|
||||
$theme = alpha_get_theme();
|
||||
$form_state['theme'] = $theme->theme;
|
||||
$form_state['regions'] = $theme->regions;
|
||||
$form_state['zones'] = $theme->zones;
|
||||
|
||||
$form['alpha_settings'] = array(
|
||||
'#type' => 'vertical_tabs',
|
||||
'#weight' => -10,
|
||||
'#prefix' => t('<h3>Layout configuration</h3>'),
|
||||
);
|
||||
|
||||
alpha_theme_settings_general($form, $form_state);
|
||||
alpha_theme_settings_structure($form, $form_state);
|
||||
|
||||
$form['#validate'][] = 'alpha_theme_settings_form_validate';
|
||||
$form['#submit'][] = 'alpha_theme_settings_form_submit';
|
||||
}
|
||||
|
||||
/**
|
||||
* Form element validation handler for replacing the value "_none" with NULL.
|
||||
*/
|
||||
function alpha_theme_settings_validate_not_empty(&$element, &$form_state) {
|
||||
if ($element['#value'] == '_none') {
|
||||
form_set_value($element, NULL, $form_state);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Form element validation handler for validating the primary region setting for zones.
|
||||
*/
|
||||
function alpha_theme_settings_validate_primary(&$element, &$form_state) {
|
||||
if ($element['#value'] != '_none') {
|
||||
$values = $form_state['values'];
|
||||
|
||||
if ($values['alpha_region_' . $element['#value'] . '_zone'] != $element['#zone']) {
|
||||
form_set_value($element, NULL, $form_state);
|
||||
}
|
||||
else {
|
||||
$sum = 0;
|
||||
|
||||
foreach ($form_state['regions'] as $region => $item) {
|
||||
if ($values['alpha_region_' . $region . '_zone'] == $element['#zone']) {
|
||||
$sum += $values['alpha_region_' . $region . '_columns'];
|
||||
$sum += $values['alpha_region_' . $region . '_prefix'];
|
||||
$sum += $values['alpha_region_' . $region . '_suffix'];
|
||||
}
|
||||
}
|
||||
|
||||
if ($sum > $values['alpha_zone_' . $element['#zone'] . '_columns']) {
|
||||
form_error($element, t('You have specified the %region region as the primary region for the %zone zone but the summed region width is greater than the number of available columns for that zone.', array('%region' => $form_state['regions'][$element['#value']]['name'], '%zone' => $form_state['zones'][$element['#zone']]['name'])));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Form element validation handler for validating the region order manipulation setting for zones.
|
||||
*/
|
||||
function alpha_theme_settings_validate_order(&$element, &$form_state) {
|
||||
if ($element['#value']) {
|
||||
$values = $form_state['values'];
|
||||
$sum = 0;
|
||||
|
||||
foreach ($form_state['regions'] as $region => $item) {
|
||||
if ($values['alpha_region_' . $region . '_zone'] == $element['#zone']) {
|
||||
$sum += $values['alpha_region_' . $region . '_columns'];
|
||||
$sum += $values['alpha_region_' . $region . '_prefix'];
|
||||
$sum += $values['alpha_region_' . $region . '_suffix'];
|
||||
}
|
||||
}
|
||||
|
||||
if ($sum > $values['alpha_zone_' . $element['#zone'] . '_columns']) {
|
||||
form_error($element, t('You have chosen to manipulate the region positioning of the %zone zone but the summed region width is greater than the number of available columns for that zone.', array('%zone' => $form_state['zones'][$element['#zone']]['name'])));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Removes the vertical tab active tab from the values. It really doesn't
|
||||
* belong there!
|
||||
*/
|
||||
function alpha_theme_settings_form_validate($form, &$form_state) {
|
||||
unset($form_state['values']['alpha_settings__active_tab']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Clears the cache for the theme settings upon form submission.
|
||||
*/
|
||||
function alpha_theme_settings_form_submit($form, &$form_state) {
|
||||
alpha_cache_clear($form_state['theme'], (isset($form_state['delta']) ? $form_state['delta'] : NULL));
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @param $start
|
||||
* The number to start with.
|
||||
*
|
||||
* @param $end
|
||||
* The number to end with.
|
||||
*
|
||||
* @param $step
|
||||
* The size of a step.
|
||||
*
|
||||
* @return
|
||||
* An array of scale options.
|
||||
*/
|
||||
function alpha_scale_options($start, $end, $step) {
|
||||
$options = array();
|
||||
foreach (range($start, $end, $step) as $number) {
|
||||
// Format the value to display with one decimal.
|
||||
$options[(string) $number] = number_format($number, 1);
|
||||
}
|
||||
|
||||
return $options;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @return
|
||||
* An array of optional or responsive stylesheet options.
|
||||
*/
|
||||
function alpha_css_options($css) {
|
||||
$output = array();
|
||||
foreach ($css as $key => $info) {
|
||||
$output[$key] = '<strong>' . check_plain($info['name']) . '</strong> (' . (isset($info['options']['media']) ? $info['options']['media'] : 'all') . ') - ' . $info['file'] . '<div class="description">' . $info['description'] . '</div>';
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @param $theme
|
||||
* The key (machin-readable name) of a theme.
|
||||
*
|
||||
* @see
|
||||
* hook_css_alter().
|
||||
*
|
||||
* @return
|
||||
* An array of stylesheets that can be disabled / excluded with
|
||||
* hook_css_alter().
|
||||
*/
|
||||
function alpha_exclude_options($theme) {
|
||||
$output = array();
|
||||
foreach (alpha_retrieve_excludes($theme) as $key => $info) {
|
||||
if ($info['type'] == 'exclude') {
|
||||
$output[$key] = '<strong>' . basename($key) . '</strong> - ' . t('Defined by') . ' ' . $info['name'] . '<div class="description">' . $info['description'] . '</div>';
|
||||
}
|
||||
else {
|
||||
$output[$key] = '<strong>' . basename($key) . '</strong> (' . $info['media'] . ') - ' . t('Belongs to') . ' ' . $info['name'] . '<div class="description">' . $info['description'] . '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @return
|
||||
* An array of available grids.
|
||||
*/
|
||||
function alpha_grid_options($grids) {
|
||||
$output = array();
|
||||
foreach ($grids as $key => $info) {
|
||||
$output[$key] = check_plain($info['name']);
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @param $grid
|
||||
* The name of a grid.
|
||||
*
|
||||
* @return
|
||||
* An array of available layouts.
|
||||
*/
|
||||
function alpha_grid_layouts_options($grid) {
|
||||
$output = array();
|
||||
if (!empty($grid['layouts'])) {
|
||||
foreach ($grid['layouts'] as $key => $info) {
|
||||
$output[$key] = check_plain($info['name']);
|
||||
}
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @return
|
||||
* An array of available libraries.
|
||||
*/
|
||||
function alpha_library_options($libraries) {
|
||||
$output = array();
|
||||
foreach ($libraries as $key => $info) {
|
||||
$output[$key] = check_plain($info['name']) . '<div class="description">' . $info['description'] . '</div>';
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @param $grid
|
||||
* The grid that you want to fetch the available containers for.
|
||||
*
|
||||
* @return
|
||||
* An array of available containers.
|
||||
*/
|
||||
function alpha_container_options($grid) {
|
||||
$output = array();
|
||||
if (!empty($grid['columns'])) {
|
||||
foreach ($grid['columns'] as $count => $title) {
|
||||
$output[$count] = t('@count Columns', array('@count' => $count));
|
||||
}
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @param $max
|
||||
* The maximum number of columns that you want to cover.
|
||||
*
|
||||
* @return
|
||||
* An array of available columns counts.
|
||||
*/
|
||||
function alpha_column_options($max = NULL) {
|
||||
$output = array();
|
||||
if (isset($max)) {
|
||||
foreach (range(0, $max) as $width) {
|
||||
$output[$width] = t('@width Columns', array('@width' => $width));
|
||||
}
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @return
|
||||
* An array of available zones.
|
||||
*/
|
||||
function alpha_zone_options($zones) {
|
||||
$output = array();
|
||||
foreach ($zones as $key => $info) {
|
||||
$output[$key] = check_plain($info['name']);
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @return
|
||||
* An array of available regions.
|
||||
*/
|
||||
function alpha_region_options($regions) {
|
||||
$output = array();
|
||||
foreach ($regions as $region => $item) {
|
||||
$output[$region] = $item['name'];
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* A helper function to return a proper options array for a form.
|
||||
*
|
||||
* @return
|
||||
* An array of available regions for a zone.
|
||||
*/
|
||||
function alpha_zone_regions($zone, $regions) {
|
||||
$matches = array();
|
||||
foreach ($regions as $region => $info) {
|
||||
if ($zone == $info['zone']) {
|
||||
$matches[$region] = $info;
|
||||
}
|
||||
}
|
||||
|
||||
return alpha_region_options($matches);
|
||||
}
|
||||
Reference in New Issue
Block a user