--- cards_001: id: 1 name: Wagn Bot key: wagn_bot codename: wagn_bot left_id: right_id: current_revision_id: 1541 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

This is the account that makes any automated updates — cards created when someone signs up, link updates when renaming cards, etc.

" cards_002: id: 3 name: Basic key: basic codename: basic left_id: right_id: current_revision_id: 5472 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_003: id: 4 name: User key: user codename: user left_id: right_id: current_revision_id: 5490 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_004: id: 5 name: Cardtype key: cardtype codename: cardtype left_id: right_id: current_revision_id: 5470 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_005: id: 7 name: Role key: role codename: role left_id: right_id: current_revision_id: 5487 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/Role|Add a new role]]

 

Roles

{{+*type+by name}}

cards_006: id: 8 name: Anyone key: anyone codename: anyone left_id: right_id: current_revision_id: 8 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 7 db_content: '' cards_007: id: 9 name: Anyone Signed In key: anyone_signed_in codename: anyone_signed_in left_id: right_id: current_revision_id: 9 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 7 db_content: '' cards_008: id: 10 name: Administrator key: administrator codename: administrator left_id: right_id: current_revision_id: 10 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 7 db_content: '' cards_009: id: 12 name: Sign up key: sign_up codename: signup left_id: right_id: current_revision_id: 5471 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

{{+*type+by update}}

cards_010: id: 15 name: Anonymous key: anonymous codename: anonymous left_id: right_id: current_revision_id: 2573 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Edits made by people who are not signed in are credited to Anonymous. [[http://wagn.org/wagn/account|Learn more about accounts]].

" cards_011: id: 17 name: Date key: date codename: date left_id: right_id: current_revision_id: 5479 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_012: id: 18 name: File key: file codename: file left_id: right_id: current_revision_id: 5480 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_013: id: 19 name: Image key: image codename: image left_id: right_id: current_revision_id: 5482 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add an {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_014: id: 20 name: Number key: number codename: number left_id: right_id: current_revision_id: 5483 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_015: id: 22 name: PlainText key: plain_text codename: plain_text left_id: right_id: current_revision_id: 5485 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_016: id: 28 name: "*all+*default" key: "*all+*default" codename: left_id: 274 right_id: 318 current_revision_id: 28 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_017: id: 30 name: Search key: search codename: search_type left_id: right_id: current_revision_id: 5488 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_018: id: 33 name: "*children" key: "*child" codename: children left_id: right_id: current_revision_id: 33 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_019: id: 34 name: "*children+*right+*structure" key: "*child+*right+*structure" codename: left_id: 350 right_id: 317 current_revision_id: 5607 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"part":"_left", "sort": "name" } cards_020: id: 35 name: "*mates" key: "*mate" codename: mates left_id: right_id: current_revision_id: 35 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_021: id: 36 name: "*mates+*right+*structure" key: "*mate+*right+*structure" codename: left_id: 349 right_id: 317 current_revision_id: 5608 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"plus":"_left", "sort": "name" } cards_022: id: 37 name: "*included by" key: "*included_by" codename: included_by left_id: right_id: current_revision_id: 37 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_023: id: 38 name: "*included by+*right+*structure" key: "*included_by+*right+*structure" codename: left_id: 348 right_id: 317 current_revision_id: 5603 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"include":"_left", "sort": "name" } cards_024: id: 39 name: "*linked to by" key: "*linked_to_by" codename: linked_to_by left_id: right_id: current_revision_id: 39 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_025: id: 40 name: "*linked to by+*right+*structure" key: "*linked_to_by+*right+*structure" codename: left_id: 345 right_id: 317 current_revision_id: 5606 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"link_to":"_left", "sort": "name" } cards_026: id: 41 name: "*includes" key: "*include" codename: includes left_id: right_id: current_revision_id: 41 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_027: id: 42 name: "*includes+*right+*structure" key: "*include+*right+*structure" codename: left_id: 347 right_id: 317 current_revision_id: 5604 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"included_by":"_left", "sort": "name" } cards_028: id: 43 name: "*links to" key: "*link_to" codename: links_to left_id: right_id: current_revision_id: 43 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_029: id: 44 name: "*links to+*right+*structure" key: "*link_to+*right+*structure" codename: left_id: 346 right_id: 317 current_revision_id: 5605 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"linked_to_by":"_left", "sort": "name" } cards_030: id: 47 name: Pointer key: pointer codename: pointer left_id: right_id: current_revision_id: 5486 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_031: id: 50 name: HTML key: html codename: html left_id: right_id: current_revision_id: 5481 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_032: id: 51 name: Toggle key: toggle codename: toggle left_id: right_id: current_revision_id: 5489 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_033: id: 52 name: Phrase key: phrase codename: phrase left_id: right_id: current_revision_id: 5484 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|name}}|add a {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_034: id: 53 name: "*tinyMCE" key: "*tiny_mce" codename: tiny_mce left_id: right_id: current_revision_id: 6782 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: | { "width":"100%", "auto_resize":true, "relative_urls":false, "theme":"advanced", "theme_advanced_buttons1":"formatselect,bold,italic,separator,blockquote,bullist,numlist,hr,separator,code,removeformat", "theme_advanced_buttons2":"", "theme_advanced_buttons3":"", "theme_advanced_path":false, "theme_advanced_toolbar_location":"top", "theme_advanced_toolbar_align":"left", "theme_advanced_resizing":true, "theme_advanced_resize_horizontal":false, "theme_advanced_statusbar_location":"bottom", "theme_advanced_blockformats":"p,h1,h2,pre", "extended_valid_elements":"a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]" } cards_035: id: 55 name: "*title" key: "*title" codename: title left_id: right_id: current_revision_id: 1755 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: My Wagn cards_036: id: 61 name: "*thanks" key: "*thank" codename: thanks left_id: right_id: current_revision_id: 62 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_037: id: 64 name: "*to" key: "*to" codename: to left_id: right_id: current_revision_id: 66 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_038: id: 67 name: Sign up+*type+*thanks key: sign_up+*type+*thank codename: left_id: 323 right_id: 61 current_revision_id: 6801 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: Signup_Success cards_039: id: 68 name: Invite Success key: invite_success codename: left_id: right_id: current_revision_id: 6891 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |-

Thanks!  Your invitation is on its way.

 

See [[Sign up]].

cards_040: id: 69 name: Signup Success key: signup_success codename: left_id: right_id: current_revision_id: 6976 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "
Thank you for signing up with {{*title|core}}. You should receive a response in your email.
" cards_041: id: 73 name: Config key: config codename: left_id: right_id: current_revision_id: 7148 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Basics

\r\n
Set your site title, home card, and logo image:
\r\n
\r\n
{{*title|closed;type:Phrase}}
\r\n
{{*home|closed;type:Phrase}}
\r\n
{{*logo|closed;type:Image}}
\r\n
\r\n
 
\r\n

Rules

\r\n
Cards are configured by creating rules.  All rules impacting a given card can be accessed from its card menu via \"advanced\".
\r\n
 
\r\n
Here are the site-wide defaults:
\r\n
\r\n
{{*all|closed}}
\r\n
\r\n
[[http://wagn.org/rules | More about rules.]]
\r\n
 
\r\n

Accounts

\r\n
{{*accounts|content}}
\r\n
 
\r\n

Emails 

\r\n
Here are the current [[Email Templates]] for your site.
\r\n
\r\n
{{Email Templates+*type+by update|content}} 
\r\n
" cards_042: id: 77 name: "*home" key: "*home" codename: home left_id: right_id: current_revision_id: 5214 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: Home cards_043: id: 79 name: "*logo" key: "*logo" codename: logo left_id: right_id: current_revision_id: 6556 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 556 references_expired: trash: false type_id: 19 db_content: ":logo/standard.png" cards_044: id: 80 name: Home key: home codename: left_id: right_id: current_revision_id: 6816 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "{{*admin info|content}}\n
{{+original|content}}
\r\n
{{## Feel free to get rid of this and start fresh! }}
" cards_045: id: 81 name: "*sidebar" key: "*sidebar" codename: left_id: right_id: current_revision_id: 6564 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 559 references_expired: trash: false type_id: 3 db_content: "
[[/ | {{*logo|content_panel}}]]
\r\n
 
\r\n
{{Menu|open}}
\r\n
 
\r\n
\r\n
{{Wagneer Menu|open}}
\r\n
 
\r\n
\r\n
{{Administrator Menu|open}}
\r\n
 
\r\n
{{*credit|content_panel}}
" cards_046: id: 82 name: "*help" key: "*help" codename: help left_id: right_id: current_revision_id: 237 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_047: id: 83 name: "*sidebar+*self+*help" key: "*sidebar+*self+*help" codename: left_id: 315 right_id: 82 current_revision_id: 6335 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 559 references_expired: trash: false type_id: 3 db_content: "

Sidebar content of [[Classic Layout]]. [[http://wagn.org/sidebar|more]]

" cards_048: id: 85 name: Menu key: menu codename: left_id: right_id: current_revision_id: 6412 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

[[/?view=new|Add a card]]

" cards_049: id: 86 name: "*options" key: "*option" codename: options left_id: right_id: current_revision_id: 266 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_050: id: 87 name: "*options+*right+*default" key: "*option+*right+*default" codename: left_id: 300 right_id: 318 current_revision_id: 5497 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_051: id: 88 name: Cardtype+*type+*structure key: cardtype+*type+*structure codename: left_id: 320 right_id: 317 current_revision_id: 5516 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

{{+description|content}}

\r\n

 

\r\n

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

\r\n

 

\r\n

{{+*type+by name|content}}

" cards_052: id: 89 name: "*table of contents" key: "*table_of_content" codename: table_of_contents left_id: right_id: current_revision_id: 311 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_053: id: 90 name: "*table of contents+*right+*help" key: "*table_of_content+*right+*help" codename: left_id: 285 right_id: 82 current_revision_id: 6340 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content:

Autogenerate [[http://wagn.org/table_of_contents|table of contents]] on cards with at least this many headers ("0" means never).

cards_054: id: 91 name: "*table of contents+*right+*default" key: "*table_of_content+*right+*default" codename: left_id: 285 right_id: 318 current_revision_id: 3033 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 20 db_content: '4' cards_055: id: 92 name: "*editors" key: "*editor" codename: editors left_id: right_id: current_revision_id: 349 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_056: id: 93 name: "*editors+*right+*structure" key: "*editor+*right+*structure" codename: left_id: 352 right_id: 317 current_revision_id: 5966 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"editor_of": "_left", "sort": "name" } cards_057: id: 95 name: "*edited+*right+*structure" key: "*edited+*right+*structure" codename: left_id: 351 right_id: 317 current_revision_id: 5598 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"edited_by": "_left", "sort": "update"} cards_058: id: 96 name: "*roles" key: "*role" codename: roles left_id: right_id: current_revision_id: 353 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_059: id: 98 name: "*members" key: "*member" codename: left_id: right_id: current_revision_id: 355 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_060: id: 99 name: "*members+*right+*structure" key: "*member+*right+*structure" codename: left_id: 342 right_id: 317 current_revision_id: 1881 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"member_of": "_left", "sort":"name"}' cards_061: id: 100 name: "*account" key: "*account" codename: account left_id: right_id: current_revision_id: 6841 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "
When someone signs up, they create a [[Sign up]] card...
\r\n
\r\n
{{Sign up|closed;title: Sign ups}}
\r\n
\r\n
...that can be changed into a [[User]] card:
\r\n
\r\n
{{User|closed}}
\r\n
\r\n
Some important [[http://wagn.org/permissions|permissions]]:
\r\n
\r\n\r\n
\r\n
[[http://wagn.org/account | More about accounts.]]
" cards_062: id: 101 name: Cards with accounts key: card_with_account codename: left_id: right_id: current_revision_id: 486 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"extension_type": "User"}' cards_063: id: 103 name: "*favicon" key: "*favicon" codename: favicon left_id: right_id: current_revision_id: 6566 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":favicon/standard.png" cards_064: id: 109 name: Request Sent key: request_sent codename: left_id: right_id: current_revision_id: 6758 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "
Thank you for signing up to {{*title|core}}. Someone will receive your request for an account and approve it as soon as possible.
" cards_065: id: 128 name: tags key: tag codename: left_id: right_id: current_revision_id: 1407 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_066: id: 129 name: tags+*right+*default key: tag+*right+*default codename: left_id: 355 right_id: 318 current_revision_id: 1408 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_067: id: 130 name: discussion key: discussion codename: discussion left_id: right_id: current_revision_id: 1409 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_068: id: 131 name: discussion+*right+*default key: discussion+*right+*default codename: left_id: 354 right_id: 318 current_revision_id: 1410 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_069: id: 137 name: "*from" key: "*from" codename: from left_id: right_id: current_revision_id: 1521 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_070: id: 138 name: "*edited" key: "*edited" codename: edited left_id: right_id: current_revision_id: 1550 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_071: id: 146 name: description key: description codename: left_id: right_id: current_revision_id: 1696 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_072: id: 147 name: Administrator+description key: administrator+description codename: left_id: 10 right_id: 146 current_revision_id: 6458 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Administrators can create, read, update and delete any card. [[http://wagn.org/permissions|more]]

" cards_073: id: 151 name: Administrator Menu key: administrator_menu codename: left_id: right_id: current_revision_id: 6410 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 518 references_expired: trash: false type_id: 3 db_content: "

[[Config|Configuration]]

\r\n

[[*account|Accounts]]

" cards_074: id: 172 name: "*tagged" key: "*tagged" codename: left_id: right_id: current_revision_id: 2013 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_075: id: 173 name: "*tagged+*right+*structure" key: "*tagged+*right+*structure" codename: left_id: 338 right_id: 317 current_revision_id: 2022 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"right_plus":["tags", {"refer_to":"_left"}]}' cards_076: id: 178 name: by update key: by_update codename: by_update left_id: right_id: current_revision_id: 2087 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_077: id: 179 name: by update+*right+*structure key: by_update+*right+*structure codename: left_id: 341 right_id: 317 current_revision_id: 2089 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"found_by": "_left", "sort": "update"}' cards_078: id: 180 name: Cardtype+description key: cardtype+description codename: left_id: 5 right_id: 146 current_revision_id: 6465 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Every card has a type, which shapes the kind of information it holds. [[http://wagn.org/card_types|more]]

" cards_079: id: 181 name: User+description key: user+description codename: left_id: 4 right_id: 146 current_revision_id: 2094 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

{{_l|name}} cards can support accounts, profile pages, and more. [[http://wagn.org/Users|more]]

" cards_080: id: 182 name: Search+description key: search+description codename: left_id: 30 right_id: 146 current_revision_id: 5196 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Searches return a list of cards using [[http://wagn.org/wagn/WQL|WQL, the Wagn Query Language]]. See the [[http://wagn.org/wagn/WQL syntax|syntax documentation]].

" cards_081: id: 184 name: by name key: by_name codename: by_name left_id: right_id: current_revision_id: 2264 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_082: id: 185 name: by name+*right+*structure key: by_name+*right+*structure codename: left_id: 336 right_id: 317 current_revision_id: 2266 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"found_by": "_left", "sort": "name"} ' cards_083: id: 190 name: by create key: by_create codename: by_create left_id: right_id: current_revision_id: 2290 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_084: id: 191 name: by create+*right+*structure key: by_create+*right+*structure codename: left_id: 335 right_id: 317 current_revision_id: 2291 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"found_by": "_left", "sort": "create"}' cards_085: id: 201 name: HTML+*type+*default key: html+*type+*default codename: left_id: 319 right_id: 318 current_revision_id: 2403 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_086: id: 202 name: HTML+description key: html+description codename: left_id: 50 right_id: 146 current_revision_id: 6467 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

These cards allow unrestricted HTML. [[http://wagn.org/wagn/HTML|more]]

" cards_087: id: 205 name: "*thanks+*right+*default" key: "*thank+*right+*default" codename: left_id: 288 right_id: 318 current_revision_id: 2430 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_088: id: 210 name: Anyone+description key: anyone+description codename: left_id: 8 right_id: 146 current_revision_id: 6453 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Everyone has this role, whether signed in or not. [[http://wagn.org/account|more]]

" cards_089: id: 211 name: Anyone Signed In+description key: anyone_signed_in+description codename: left_id: 9 right_id: 146 current_revision_id: 6461 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Anyone who is signed in has this role. [[http://wagn.org/account|more]]

" cards_090: id: 212 name: Toggle+description key: toggle+description codename: left_id: 51 right_id: 146 current_revision_id: 2574 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Toggles simply indicate yes or no. [[http://wagn.org/wagn/Toggle|more]].

" cards_091: id: 213 name: Pointer+description key: pointer+description codename: left_id: 47 right_id: 146 current_revision_id: 6473 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Pointers list one or more other cards. [[http://wagn.org/Pointer|more]]

" cards_092: id: 214 name: Image+description key: image+description codename: left_id: 19 right_id: 146 current_revision_id: 6470 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Upload images to these cards and include them anywhere. [[http://wagn.org/Image|more]]

" cards_093: id: 215 name: File+description key: file+description codename: left_id: 18 right_id: 146 current_revision_id: 6466 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

File cards are for uploading and downloading files. [[http://wagn.org/File|more]]

" cards_094: id: 216 name: Sign up+description key: sign_up+description codename: left_id: 12 right_id: 146 current_revision_id: 7139 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

[[Sign up]] cards represent not-yet-approved accounts. When approved, they become [[User]] cards. [[http://wagn.org/account|more]]

" cards_095: id: 217 name: Image+*right+*default key: image+*right+*default codename: left_id: 331 right_id: 318 current_revision_id: 2604 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: '' cards_096: id: 225 name: Role+description key: role+description codename: left_id: 7 right_id: 146 current_revision_id: 6081 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Each [[user]] can be given roles to organize site permissions. [[http://wagn.org/wagn/Role|Learn more about roles]].

" cards_097: id: 241 name: "*input" key: "*input" codename: input left_id: right_id: current_revision_id: 2878 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_098: id: 242 name: "*input+*right+*default" key: "*input+*right+*default" codename: left_id: 268 right_id: 318 current_revision_id: 2879 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_099: id: 247 name: "*autoname" key: "*autoname" codename: autoname left_id: right_id: current_revision_id: 2889 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_100: id: 248 name: "*autoname+*right+*default" key: "*autoname+*right+*default" codename: left_id: 289 right_id: 318 current_revision_id: 2890 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_101: id: 249 name: "*autoname+*right+*help" key: "*autoname+*right+*help" codename: left_id: 289 right_id: 82 current_revision_id: 6299 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Autogenerate name for new cards by incrementing this value. [[http://wagn.org/autonaming|more]]

" cards_102: id: 250 name: "*thanks+*right+*help" key: "*thank+*right+*help" codename: left_id: 288 right_id: 82 current_revision_id: 6343 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Destination after card is created. [[http://wagn.org/Custom_thank_you_messages_for_forms|more]]

" cards_103: id: 252 name: "*option label" key: "*option_label" codename: options_label left_id: right_id: current_revision_id: 3023 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_104: id: 253 name: "*option label+*right+*default" key: "*option_label+*right+*default" codename: left_id: 286 right_id: 318 current_revision_id: 2901 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_105: id: 254 name: "*option label+*right+*help" key: "*option_label+*right+*help" codename: left_id: 286 right_id: 82 current_revision_id: 6329 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Labels for [[Pointer]] radio button and checkbox items.  [[http://wagn.org/Pointer|more]]

" cards_106: id: 255 name: "*layout" key: "*layout" codename: layout left_id: right_id: current_revision_id: 3019 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_107: id: 256 name: "*captcha" key: "*captcha" codename: captcha left_id: right_id: current_revision_id: 3021 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_108: id: 257 name: "*captcha+*right+*default" key: "*captcha+*right+*default" codename: left_id: 302 right_id: 318 current_revision_id: 2930 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '1' cards_109: id: 259 name: Set key: set codename: set left_id: right_id: current_revision_id: 5469 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |-

{{+description}}

 

{{_self|name}} Cards

{{+*type+by name}}

cards_110: id: 260 name: "*right" key: "*right" codename: right left_id: right_id: current_revision_id: 3001 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_111: id: 261 name: "*right+*right+*structure" key: "*right+*right+*structure" codename: left_id: 324 right_id: 317 current_revision_id: 3002 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_112: id: 262 name: "*type plus right" key: "*type_plu_right" codename: type_plus_right left_id: right_id: current_revision_id: 3003 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_113: id: 263 name: "*type plus right+*right+*structure" key: "*type_plu_right+*right+*structure" codename: left_id: 325 right_id: 317 current_revision_id: 3004 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"left":{"type":"_LL"}, "right":"_LR"}' cards_114: id: 264 name: "*self" key: "*self" codename: self left_id: right_id: current_revision_id: 3005 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_115: id: 265 name: "*self+*right+*structure" key: "*self+*right+*structure" codename: left_id: 326 right_id: 317 current_revision_id: 3006 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_116: id: 266 name: "*type" key: "*type" codename: type left_id: right_id: current_revision_id: 3007 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_117: id: 267 name: "*type+*right+*structure" key: "*type+*right+*structure" codename: left_id: 327 right_id: 317 current_revision_id: 3008 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_118: id: 268 name: "*input+*right" key: "*input+*right" codename: left_id: 241 right_id: 260 current_revision_id: 3009 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_119: id: 273 name: Basic+*type key: basic+*type codename: left_id: 3 right_id: 266 current_revision_id: 3015 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_120: id: 274 name: "*all" key: "*all" codename: all left_id: right_id: current_revision_id: 3088 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: "{}" cards_121: id: 275 name: "*all+*layout" key: "*all+*layout" codename: left_id: 274 right_id: 255 current_revision_id: 3171 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Default Layout]]" cards_122: id: 276 name: "*all+*captcha" key: "*all+*captcha" codename: left_id: 274 right_id: 256 current_revision_id: 6257 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '1' cards_123: id: 277 name: "*all+*option label" key: "*all+*option_label" codename: left_id: 274 right_id: 252 current_revision_id: 3022 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: description cards_124: id: 278 name: Setting key: setting codename: setting left_id: right_id: current_revision_id: 5538 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

 

cards_125: id: 279 name: "*all+*table of contents" key: "*all+*table_of_content" codename: left_id: 274 right_id: 89 current_revision_id: 3871 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 20 db_content: '0' cards_126: id: 280 name: "*layout+*right+*default" key: "*layout+*right+*default" codename: left_id: 284 right_id: 318 current_revision_id: 3040 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_127: id: 281 name: "*layout+*right+*help" key: "*layout+*right+*help" codename: left_id: 284 right_id: 82 current_revision_id: 6574 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

HTML structure of card's page  [[http://wagn.org/layouts | more]]

" cards_128: id: 284 name: "*layout+*right" key: "*layout+*right" codename: left_id: 255 right_id: 260 current_revision_id: 3060 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_129: id: 285 name: "*table of contents+*right" key: "*table_of_content+*right" codename: left_id: 89 right_id: 260 current_revision_id: 3061 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_130: id: 286 name: "*option label+*right" key: "*option_label+*right" codename: left_id: 252 right_id: 260 current_revision_id: 3063 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_131: id: 288 name: "*thanks+*right" key: "*thank+*right" codename: left_id: 61 right_id: 260 current_revision_id: 3065 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_132: id: 289 name: "*autoname+*right" key: "*autoname+*right" codename: left_id: 247 right_id: 260 current_revision_id: 3066 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_133: id: 291 name: "*accountable" key: "*accountable" codename: accountable left_id: right_id: current_revision_id: 3078 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_134: id: 292 name: "*accountable+*right+*default" key: "*accountable+*right+*default" codename: left_id: 307 right_id: 318 current_revision_id: 3079 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '0' cards_135: id: 293 name: "*all+*accountable" key: "*all+*accountable" codename: left_id: 274 right_id: 291 current_revision_id: 3081 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '0' cards_136: id: 294 name: User+*type key: user+*type codename: left_id: 4 right_id: 266 current_revision_id: 3082 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_137: id: 295 name: User+*type+*accountable key: user+*type+*accountable codename: left_id: 294 right_id: 291 current_revision_id: 3083 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '1' cards_138: id: 297 name: Set+description key: set+description codename: left_id: 259 right_id: 146 current_revision_id: 5573 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "
Sets define a group of cards to which settings can apply. [[http://www.wagn.org/wagn/Setting|Learn more about settings.]]
" cards_139: id: 298 name: Setting+description key: setting+description codename: left_id: 278 right_id: 146 current_revision_id: 5945 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |-
Settings affect how cards look and behave. Settings are available under each card's Options tab.

 

[[http://www.wagn.org/wagn/Setting|Learn more about settings.]]
cards_140: id: 299 name: "*input+*right+*help" key: "*input+*right+*help" codename: left_id: 268 right_id: 82 current_revision_id: 6322 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Edit interface for [[Pointer]] cards.

" cards_141: id: 300 name: "*options+*right" key: "*option+*right" codename: left_id: 86 right_id: 260 current_revision_id: 3101 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_142: id: 301 name: "*options+*right+*help" key: "*option+*right+*help" codename: left_id: 300 right_id: 82 current_revision_id: 6327 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Value options for [[Pointer]] cards. Can itself be a Pointer or a [[Search]]. [[http://wagn.org/Pointer|more]]

" cards_143: id: 302 name: "*captcha+*right" key: "*captcha+*right" codename: left_id: 256 right_id: 260 current_revision_id: 3123 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_144: id: 304 name: "*captcha+*right+*help" key: "*captcha+*right+*help" codename: left_id: 302 right_id: 82 current_revision_id: 6316 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Anti-spam setting.  Requires non-signed-in users to complete a [[http://wagn.org/captcha|captcha]] before adding or editing cards (where permitted).

" cards_145: id: 305 name: "*help+*right" key: "*help+*right" codename: left_id: 82 right_id: 260 current_revision_id: 3126 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_146: id: 306 name: "*help+*right+*help" key: "*help+*right+*help" codename: left_id: 305 right_id: 82 current_revision_id: 6320 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

[[http://wagn.org/custom_help_text|Help text]] people will see when editing.

" cards_147: id: 307 name: "*accountable+*right" key: "*accountable+*right" codename: left_id: 291 right_id: 260 current_revision_id: 3133 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_148: id: 308 name: "*accountable+*right+*help" key: "*accountable+*right+*help" codename: left_id: 307 right_id: 82 current_revision_id: 6294 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content:

When "yes", users permitted to create [[*account+*right|+*account cards]] can add [[http://wagn.org/account|accounts]] to these cards.

cards_149: id: 309 name: "*add help" key: "*add_help" codename: add_help left_id: right_id: current_revision_id: 3137 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_150: id: 310 name: "*add help+*right" key: "*add_help+*right" codename: left_id: 309 right_id: 260 current_revision_id: 3140 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_151: id: 311 name: "*add help+*right+*help" key: "*add_help+*right+*help" codename: left_id: 310 right_id: 82 current_revision_id: 6296 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

[[http://www.wagn.org/wagn/custom_help_text|Help text]] people will see when adding cards.

" cards_152: id: 315 name: "*sidebar+*self" key: "*sidebar+*self" codename: left_id: 81 right_id: 264 current_revision_id: 3177 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 559 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_153: id: 316 name: "*layout+*right+*options" key: "*layout+*right+*option" codename: left_id: 284 right_id: 86 current_revision_id: 6406 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"type": "Layout"}' cards_154: id: 317 name: "*structure" key: "*structure" codename: structure left_id: right_id: current_revision_id: 3196 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_155: id: 318 name: "*default" key: "*default" codename: default left_id: right_id: current_revision_id: 3197 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_156: id: 319 name: HTML+*type key: html+*type codename: left_id: 50 right_id: 266 current_revision_id: 3198 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_157: id: 320 name: Cardtype+*type key: cardtype+*type codename: left_id: 5 right_id: 266 current_revision_id: 3199 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_158: id: 321 name: Role+*type key: role+*type codename: left_id: 7 right_id: 266 current_revision_id: 3201 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_159: id: 322 name: Role+*type+*structure key: role+*type+*structure codename: left_id: 321 right_id: 317 current_revision_id: 3203 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |-

{{+description}}

 

Accounts with the {{_self|name}} role

{{+*members}}

cards_160: id: 323 name: Sign up+*type key: sign_up+*type codename: left_id: 12 right_id: 266 current_revision_id: 5764 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_161: id: 324 name: "*right+*right" key: "*right+*right" codename: left_id: 260 right_id: 260 current_revision_id: 3206 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_162: id: 325 name: "*type plus right+*right" key: "*type_plu_right+*right" codename: left_id: 262 right_id: 260 current_revision_id: 3207 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_163: id: 326 name: "*self+*right" key: "*self+*right" codename: left_id: 264 right_id: 260 current_revision_id: 3208 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_164: id: 327 name: "*type+*right" key: "*type+*right" codename: left_id: 266 right_id: 260 current_revision_id: 3209 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_165: id: 330 name: "*account+*right" key: "*account+*right" codename: left_id: 100 right_id: 260 current_revision_id: 3214 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_166: id: 331 name: Image+*right key: image+*right codename: left_id: 19 right_id: 260 current_revision_id: 3218 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_167: id: 335 name: by create+*right key: by_create+*right codename: left_id: 190 right_id: 260 current_revision_id: 3224 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_168: id: 336 name: by name+*right key: by_name+*right codename: left_id: 184 right_id: 260 current_revision_id: 3225 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_169: id: 338 name: "*tagged+*right" key: "*tagged+*right" codename: left_id: 172 right_id: 260 current_revision_id: 3228 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_170: id: 341 name: by update+*right key: by_update+*right codename: left_id: 178 right_id: 260 current_revision_id: 3232 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_171: id: 342 name: "*members+*right" key: "*member+*right" codename: left_id: 98 right_id: 260 current_revision_id: 3233 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_172: id: 345 name: "*linked to by+*right" key: "*linked_to_by+*right" codename: left_id: 39 right_id: 260 current_revision_id: 3238 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_173: id: 346 name: "*links to+*right" key: "*link_to+*right" codename: left_id: 43 right_id: 260 current_revision_id: 3239 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_174: id: 347 name: "*includes+*right" key: "*include+*right" codename: left_id: 41 right_id: 260 current_revision_id: 3240 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_175: id: 348 name: "*included by+*right" key: "*included_by+*right" codename: left_id: 37 right_id: 260 current_revision_id: 3241 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_176: id: 349 name: "*mates+*right" key: "*mate+*right" codename: left_id: 35 right_id: 260 current_revision_id: 3242 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_177: id: 350 name: "*children+*right" key: "*child+*right" codename: left_id: 33 right_id: 260 current_revision_id: 3243 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_178: id: 351 name: "*edited+*right" key: "*edited+*right" codename: left_id: 138 right_id: 260 current_revision_id: 3244 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_179: id: 352 name: "*editors+*right" key: "*editor+*right" codename: left_id: 92 right_id: 260 current_revision_id: 3246 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_180: id: 353 name: "*roles+*right" key: "*role+*right" codename: left_id: 96 right_id: 260 current_revision_id: 3248 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_181: id: 354 name: discussion+*right key: discussion+*right codename: left_id: 130 right_id: 260 current_revision_id: 3250 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_182: id: 355 name: tags+*right key: tag+*right codename: left_id: 128 right_id: 260 current_revision_id: 3251 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_183: id: 356 name: "*default+*right" key: "*default+*right" codename: left_id: 318 right_id: 260 current_revision_id: 3253 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_184: id: 357 name: "*default+*right+*help" key: "*default+*right+*help" codename: left_id: 356 right_id: 82 current_revision_id: 6318 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Template for initial type and content of new cards. [[http://wagn.org/formatting|more]]

" cards_185: id: 358 name: "*structure+*right" key: "*structure+*right" codename: left_id: 317 right_id: 260 current_revision_id: 3260 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_186: id: 359 name: "*structure+*right+*help" key: "*structure+*right+*help" codename: left_id: 358 right_id: 82 current_revision_id: 6337 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Controls cards' content / structure. [[http://wagn.org/formatting|more]]

" cards_187: id: 366 name: Setting+*self key: setting+*self codename: left_id: 278 right_id: 264 current_revision_id: 3574 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_188: id: 367 name: Setting+*self+*table of contents key: setting+*self+*table_of_content codename: left_id: 366 right_id: 89 current_revision_id: 3575 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 20 db_content: '0' cards_189: id: 374 name: "*to+*right" key: "*to+*right" codename: left_id: 64 right_id: 260 current_revision_id: 4915 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_190: id: 375 name: "*to+*right+*default" key: "*to+*right+*default" codename: left_id: 374 right_id: 318 current_revision_id: 3612 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_191: id: 376 name: "*from+*right" key: "*from+*right" codename: left_id: 137 right_id: 260 current_revision_id: 4913 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_192: id: 377 name: "*from+*right+*default" key: "*from+*right+*default" codename: left_id: 376 right_id: 318 current_revision_id: 3614 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_193: id: 378 name: "*cc" key: "*cc" codename: cc left_id: right_id: current_revision_id: 3615 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_194: id: 379 name: "*cc+*right" key: "*cc+*right" codename: left_id: 378 right_id: 260 current_revision_id: 4894 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_195: id: 380 name: "*cc+*right+*default" key: "*cc+*right+*default" codename: left_id: 379 right_id: 318 current_revision_id: 3617 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_196: id: 381 name: "*bcc" key: "*bcc" codename: bcc left_id: right_id: current_revision_id: 3618 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_197: id: 382 name: "*bcc+*right" key: "*bcc+*right" codename: left_id: 381 right_id: 260 current_revision_id: 4892 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_198: id: 383 name: "*bcc+*right+*default" key: "*bcc+*right+*default" codename: left_id: 382 right_id: 318 current_revision_id: 3620 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_199: id: 384 name: "*subject" key: "*subject" codename: subject left_id: right_id: current_revision_id: 3621 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_200: id: 387 name: "*attach" key: "*attach" codename: attach left_id: right_id: current_revision_id: 3624 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_201: id: 388 name: "*attach+*right" key: "*attach+*right" codename: left_id: 387 right_id: 260 current_revision_id: 4888 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_202: id: 389 name: "*attach+*right+*default" key: "*attach+*right+*default" codename: left_id: 388 right_id: 318 current_revision_id: 3626 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_203: id: 390 name: "*subject+*right" key: "*subject+*right" codename: left_id: 384 right_id: 260 current_revision_id: 3628 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_204: id: 391 name: "*subject+*right+*default" key: "*subject+*right+*default" codename: left_id: 390 right_id: 318 current_revision_id: 3629 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_205: id: 395 name: "*attach+*right+*options" key: "*attach+*right+*option" codename: left_id: 388 right_id: 86 current_revision_id: 5619 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"type": "File", "sort": "update" } cards_206: id: 405 name: Basic+description key: basic+description codename: left_id: 3 right_id: 146 current_revision_id: 6274 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Basic cards are for rich text, and are the default type for new cards.

" cards_207: id: 406 name: Number+description key: number+description codename: left_id: 20 right_id: 146 current_revision_id: 6471 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Can contain only numerical values.

" cards_208: id: 407 name: PlainText+description key: plain_text+description codename: left_id: 22 right_id: 146 current_revision_id: 4869 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

PlainText cards are for unstyled text.

" cards_209: id: 408 name: Phrase+description key: phrase+description codename: left_id: 52 right_id: 146 current_revision_id: 4872 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Phrase cards are for short unstyled text.

" cards_210: id: 409 name: Date+description key: date+description codename: left_id: 17 right_id: 146 current_revision_id: 4846 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Date cards contain a date.

" cards_211: id: 419 name: "*count" key: "*count" codename: left_id: right_id: current_revision_id: 5199 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_212: id: 420 name: "*count+*right" key: "*count+*right" codename: left_id: 419 right_id: 260 current_revision_id: 5200 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_213: id: 421 name: "*count+*right+*structure" key: "*count+*right+*structure" codename: left_id: 420 right_id: 317 current_revision_id: 5984 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"found_by":"_left", "return":"count" } cards_214: id: 425 name: "*last edited" key: "*last_edited" codename: left_id: right_id: current_revision_id: 5245 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_215: id: 426 name: "*last edited+*right" key: "*last_edited+*right" codename: left_id: 425 right_id: 260 current_revision_id: 5246 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_216: id: 427 name: "*last edited+*right+*structure" key: "*last_edited+*right+*structure" codename: left_id: 426 right_id: 317 current_revision_id: 5291 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"last_edited_by": "_left", "sort": "update", "view": "change" } cards_217: id: 428 name: "*creator" key: "*creator" codename: left_id: right_id: current_revision_id: 5249 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_218: id: 429 name: "*creator+*right" key: "*creator+*right" codename: left_id: 428 right_id: 260 current_revision_id: 5250 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_219: id: 430 name: "*creator+*right+*structure" key: "*creator+*right+*structure" codename: left_id: 429 right_id: 317 current_revision_id: 5290 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"creator_of": "_left"}' cards_220: id: 431 name: "*created" key: "*created" codename: created left_id: right_id: current_revision_id: 5252 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_221: id: 432 name: "*created+*right" key: "*created+*right" codename: left_id: 431 right_id: 260 current_revision_id: 5253 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_222: id: 433 name: "*created+*right+*structure" key: "*created+*right+*structure" codename: left_id: 432 right_id: 317 current_revision_id: 5292 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"created_by": "_left", "sort": "create", "dir": "desc" } cards_223: id: 435 name: "*when created" key: "*when_created" codename: when_created left_id: right_id: current_revision_id: 5296 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_224: id: 436 name: "*when created+*right" key: "*when_created+*right" codename: left_id: 435 right_id: 260 current_revision_id: 5297 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_225: id: 437 name: "*when created+*right+*structure" key: "*when_created+*right+*structure" codename: left_id: 436 right_id: 317 current_revision_id: 5972 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_226: id: 438 name: "*when last edited" key: "*when_last_edited" codename: when_last_edited left_id: right_id: current_revision_id: 5404 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_227: id: 439 name: "*when last edited+*right" key: "*when_last_edited+*right" codename: left_id: 438 right_id: 260 current_revision_id: 5403 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_228: id: 440 name: "*when last edited+*right+*structure" key: "*when_last_edited+*right+*structure" codename: left_id: 439 right_id: 317 current_revision_id: 5973 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_229: id: 441 name: Config+*self key: config+*self codename: left_id: 73 right_id: 264 current_revision_id: 5333 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_230: id: 445 name: "*refers to" key: "*refer_to" codename: refers_to left_id: right_id: current_revision_id: 5392 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_231: id: 446 name: "*refers to+*right" key: "*refer_to+*right" codename: left_id: 445 right_id: 260 current_revision_id: 5393 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_232: id: 447 name: "*refers to+*right+*structure" key: "*refer_to+*right+*structure" codename: left_id: 446 right_id: 317 current_revision_id: 5611 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"referred_to_by":"_left", "sort": "name" } cards_233: id: 448 name: "*referred to by" key: "*referred_to_by" codename: referred_to_by left_id: right_id: current_revision_id: 5395 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_234: id: 449 name: "*referred to by+*right" key: "*referred_to_by+*right" codename: left_id: 448 right_id: 260 current_revision_id: 5396 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_235: id: 450 name: "*referred to by+*right+*structure" key: "*referred_to_by+*right+*structure" codename: left_id: 449 right_id: 317 current_revision_id: 5612 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: |- {"refer_to":"_left", "sort": "name" } cards_236: id: 452 name: Sign up+*self key: sign_up+*self codename: left_id: 12 right_id: 264 current_revision_id: 5510 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_237: id: 453 name: Sign up+*self+*structure key: sign_up+*self+*structure codename: left_id: 452 right_id: 317 current_revision_id: 5511 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

{{+description|content}}

\r\n

 

\r\n

{{_self|name}} Cards

\r\n
\r\n

{{+*type+by name|content}}

\r\n
" cards_238: id: 455 name: Set+*self key: set+*self codename: left_id: 259 right_id: 264 current_revision_id: 5520 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '' cards_239: id: 456 name: Set+*self+*structure key: set+*self+*structure codename: left_id: 455 right_id: 317 current_revision_id: 5521 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |-

{{+description}}

 

{{_self|name}} Cards

{{+*type+by name}}

cards_240: id: 461 name: "*input+*right+*options" key: "*input+*right+*option" codename: input_options left_id: 268 right_id: 86 current_revision_id: 5592 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: |- [[radio]] [[checkbox]] [[select]] [[multiselect]] [[list]] cards_241: id: 462 name: "*input+*right+*input" key: "*input+*right+*input" codename: left_id: 268 right_id: 241 current_revision_id: 5593 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: radio cards_242: id: 465 name: "*recent" key: "*recent" codename: recent left_id: right_id: current_revision_id: 5640 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 561 references_expired: trash: false type_id: 30 db_content: '{"sort":"update", "dir":"desc", "view":"change"}' cards_243: id: 466 name: "*search" key: "*search" codename: search left_id: right_id: current_revision_id: 6033 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"match":"$keyword", "sort":"relevance"}' cards_244: id: 467 name: "*missing link" key: "*missing_link" codename: left_id: right_id: current_revision_id: 5642 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"link_to":"_none"}' cards_245: id: 468 name: "*alerts" key: "*alert" codename: alerts left_id: right_id: current_revision_id: 5643 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_246: id: 469 name: "*foot" key: "*foot" codename: foot left_id: right_id: current_revision_id: 5644 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 551 references_expired: trash: false type_id: 3 db_content: '' cards_247: id: 470 name: "*head" key: "*head" codename: head left_id: right_id: current_revision_id: 5645 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 549 references_expired: trash: false type_id: 3 db_content: '' cards_248: id: 471 name: "*navbox" key: "*navbox" codename: navbox left_id: right_id: current_revision_id: 5646 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_249: id: 472 name: "*now" key: "*now" codename: now left_id: right_id: current_revision_id: 5647 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_250: id: 473 name: "*version" key: "*version" codename: version left_id: right_id: current_revision_id: 5648 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 554 references_expired: trash: false type_id: 3 db_content: '' cards_251: id: 474 name: "*account links" key: "*account_link" codename: account_links left_id: right_id: current_revision_id: 5649 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 558 references_expired: trash: false type_id: 3 db_content: '' cards_252: id: 475 name: "*all plus" key: "*all_plu" codename: all_plus left_id: right_id: current_revision_id: 5948 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"left":{}}' cards_253: id: 476 name: "*star" key: "*star" codename: star left_id: right_id: current_revision_id: 5950 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"complete":"*"}' cards_254: id: 477 name: "*rstar" key: "*rstar" codename: rstar left_id: right_id: current_revision_id: 5949 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":{"complete":"*"}}' cards_255: id: 478 name: "*create" key: "*create" codename: create left_id: right_id: current_revision_id: 5717 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_256: id: 479 name: "*read" key: "*read" codename: read left_id: right_id: current_revision_id: 5718 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_257: id: 480 name: "*update" key: "*update" codename: update left_id: right_id: current_revision_id: 5719 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_258: id: 481 name: "*delete" key: "*delete" codename: delete left_id: right_id: current_revision_id: 5720 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_259: id: 482 name: "*comment" key: "*comment" codename: comment left_id: right_id: current_revision_id: 5721 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_260: id: 483 name: "*star+*create" key: "*star+*create" codename: left_id: 476 right_id: 478 current_revision_id: 5722 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_261: id: 484 name: "*rstar+*create" key: "*rstar+*create" codename: left_id: 477 right_id: 478 current_revision_id: 5723 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_262: id: 485 name: HTML+*type+*create key: html+*type+*create codename: left_id: 319 right_id: 478 current_revision_id: 5724 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_263: id: 486 name: Cardtype+description+*type plus right key: cardtype+description+*type_plu_right codename: left_id: 180 right_id: 262 current_revision_id: 5725 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"left":{"type":"_LL"}, "right":"_LR"}' cards_264: id: 487 name: Cardtype+description+*type plus right+*create key: cardtype+description+*type_plu_right+*create codename: left_id: 486 right_id: 478 current_revision_id: 5726 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_265: id: 488 name: "*star+*update" key: "*star+*update" codename: left_id: 476 right_id: 480 current_revision_id: 5727 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_266: id: 489 name: "*rstar+*update" key: "*rstar+*update" codename: left_id: 477 right_id: 480 current_revision_id: 5728 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_267: id: 490 name: HTML+*type+*update key: html+*type+*update codename: left_id: 319 right_id: 480 current_revision_id: 5729 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_268: id: 491 name: Cardtype+description+*type plus right+*update key: cardtype+description+*type_plu_right+*update codename: left_id: 486 right_id: 480 current_revision_id: 5730 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_269: id: 492 name: "*star+*delete" key: "*star+*delete" codename: left_id: 476 right_id: 481 current_revision_id: 5731 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_270: id: 493 name: "*rstar+*delete" key: "*rstar+*delete" codename: left_id: 477 right_id: 481 current_revision_id: 5732 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_271: id: 494 name: HTML+*type+*delete key: html+*type+*delete codename: left_id: 319 right_id: 481 current_revision_id: 5733 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_272: id: 495 name: Cardtype+description+*type plus right+*delete key: cardtype+description+*type_plu_right+*delete codename: left_id: 486 right_id: 481 current_revision_id: 5734 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_273: id: 498 name: "*all+*create" key: "*all+*create" codename: left_id: 274 right_id: 478 current_revision_id: 5737 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone Signed In]]" cards_274: id: 499 name: "*all plus+*create" key: "*all_plu+*create" codename: left_id: 475 right_id: 478 current_revision_id: 5738 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: _left cards_275: id: 500 name: "*all+*read" key: "*all+*read" codename: left_id: 274 right_id: 479 current_revision_id: 5739 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_276: id: 501 name: "*all plus+*read" key: "*all_plu+*read" codename: left_id: 475 right_id: 479 current_revision_id: 5740 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: _left cards_277: id: 502 name: "*all+*update" key: "*all+*update" codename: left_id: 274 right_id: 480 current_revision_id: 5741 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone Signed In]]" cards_278: id: 503 name: "*all plus+*update" key: "*all_plu+*update" codename: left_id: 475 right_id: 480 current_revision_id: 5742 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: _left cards_279: id: 504 name: "*all+*delete" key: "*all+*delete" codename: left_id: 274 right_id: 481 current_revision_id: 5743 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone Signed In]]" cards_280: id: 505 name: "*all plus+*delete" key: "*all_plu+*delete" codename: left_id: 475 right_id: 481 current_revision_id: 5744 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: _left cards_281: id: 506 name: "*all+*comment" key: "*all+*comment" codename: left_id: 274 right_id: 482 current_revision_id: 5745 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_282: id: 508 name: discussion+*right+*comment key: discussion+*right+*comment codename: left_id: 354 right_id: 482 current_revision_id: 5747 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_283: id: 511 name: Setting+*self+*update key: setting+*self+*update codename: left_id: 366 right_id: 480 current_revision_id: 5750 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_284: id: 512 name: Setting+*self+*delete key: setting+*self+*delete codename: left_id: 366 right_id: 481 current_revision_id: 5751 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_285: id: 515 name: Config+*self+*update key: config+*self+*update codename: left_id: 441 right_id: 480 current_revision_id: 5754 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_286: id: 516 name: Config+*self+*delete key: config+*self+*delete codename: left_id: 441 right_id: 481 current_revision_id: 5755 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_287: id: 517 name: Administrator Menu+*self key: administrator_menu+*self codename: left_id: 151 right_id: 264 current_revision_id: 5756 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 518 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_288: id: 518 name: Administrator Menu+*self+*read key: administrator_menu+*self+*read codename: left_id: 517 right_id: 479 current_revision_id: 5757 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 518 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_289: id: 519 name: Administrator Menu+*self+*delete key: administrator_menu+*self+*delete codename: left_id: 517 right_id: 481 current_revision_id: 5758 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 518 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_290: id: 523 name: Sign up+*type+*create key: sign_up+*type+*create codename: left_id: 323 right_id: 478 current_revision_id: 5765 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_291: id: 524 name: "*comment+*right" key: "*comment+*right" codename: left_id: 482 right_id: 260 current_revision_id: 5768 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_292: id: 525 name: "*comment+*right+*help" key: "*comment+*right+*help" codename: left_id: 524 right_id: 82 current_revision_id: 6302 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Who can add comments.

" cards_293: id: 526 name: "*create+*right" key: "*create+*right" codename: left_id: 478 right_id: 260 current_revision_id: 5770 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_294: id: 527 name: "*create+*right+*help" key: "*create+*right+*help" codename: left_id: 526 right_id: 82 current_revision_id: 6304 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Who can create new cards.

" cards_295: id: 528 name: "*delete+*right" key: "*delete+*right" codename: left_id: 481 right_id: 260 current_revision_id: 5772 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_296: id: 529 name: "*delete+*right+*help" key: "*delete+*right+*help" codename: left_id: 528 right_id: 82 current_revision_id: 6313 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Who can remove cards.

" cards_297: id: 530 name: "*read+*right" key: "*read+*right" codename: left_id: 479 right_id: 260 current_revision_id: 5775 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_298: id: 531 name: "*read+*right+*help" key: "*read+*right+*help" codename: left_id: 530 right_id: 82 current_revision_id: 5794 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Who can view cards in the [[set]]. cards_299: id: 532 name: "*update+*right" key: "*update+*right" codename: left_id: 480 right_id: 260 current_revision_id: 5777 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_300: id: 533 name: "*update+*right+*help" key: "*update+*right+*help" codename: left_id: 532 right_id: 82 current_revision_id: 6345 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Who can edit cards.

" cards_301: id: 534 name: "*create+*right+*default" key: "*create+*right+*default" codename: left_id: 526 right_id: 318 current_revision_id: 5779 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_302: id: 535 name: "*create+*right+*options" key: "*create+*right+*option" codename: left_id: 526 right_id: 86 current_revision_id: 5780 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"extension_type":"User"}' cards_303: id: 536 name: "*read+*right+*default" key: "*read+*right+*default" codename: left_id: 530 right_id: 318 current_revision_id: 5781 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_304: id: 537 name: "*read+*right+*options" key: "*read+*right+*option" codename: left_id: 530 right_id: 86 current_revision_id: 5782 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"extension_type":"User"}' cards_305: id: 538 name: "*update+*right+*default" key: "*update+*right+*default" codename: left_id: 532 right_id: 318 current_revision_id: 5785 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_306: id: 539 name: "*update+*right+*options" key: "*update+*right+*option" codename: left_id: 532 right_id: 86 current_revision_id: 5786 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"extension_type":"User"}' cards_307: id: 540 name: "*delete+*right+*default" key: "*delete+*right+*default" codename: left_id: 528 right_id: 318 current_revision_id: 5787 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_308: id: 541 name: "*delete+*right+*options" key: "*delete+*right+*option" codename: left_id: 528 right_id: 86 current_revision_id: 5788 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"extension_type":"User"}' cards_309: id: 542 name: "*comment+*right+*default" key: "*comment+*right+*default" codename: left_id: 524 right_id: 318 current_revision_id: 5789 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_310: id: 543 name: "*comment+*right+*options" key: "*comment+*right+*option" codename: left_id: 524 right_id: 86 current_revision_id: 5790 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"extension_type":"User"}' cards_311: id: 546 name: "*tinyMCE+*self" key: "*tiny_mce+*self" codename: left_id: 53 right_id: 264 current_revision_id: 5938 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_312: id: 547 name: "*TinyMCE+*self+*help" key: "*tiny_mce+*self+*help" codename: left_id: 546 right_id: 82 current_revision_id: 6355 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Configure [[http://tinymce.com|TinyMCE]], Wagn's default [[http://en.wikipedia.org/wiki/Wysiwyg|wysiwyg]] editor. [[http://wagn.org/TinyMCE|more]] cards_313: id: 548 name: "*head+*self" key: "*head+*self" codename: left_id: 470 right_id: 264 current_revision_id: 5951 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 549 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_314: id: 549 name: "*head+*self+*read" key: "*head+*self+*read" codename: left_id: 548 right_id: 479 current_revision_id: 5952 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 549 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]\n" cards_315: id: 550 name: "*foot+*self" key: "*foot+*self" codename: left_id: 469 right_id: 264 current_revision_id: 5953 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 551 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_316: id: 551 name: "*foot+*self+*read" key: "*foot+*self+*read" codename: left_id: 550 right_id: 479 current_revision_id: 5954 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 551 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]\n" cards_317: id: 553 name: "*version+*self" key: "*version+*self" codename: left_id: 473 right_id: 264 current_revision_id: 5956 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 554 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_318: id: 554 name: "*version+*self+*read" key: "*version+*self+*read" codename: left_id: 553 right_id: 479 current_revision_id: 5957 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 554 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]\n" cards_319: id: 555 name: "*logo+*self" key: "*logo+*self" codename: left_id: 79 right_id: 264 current_revision_id: 5958 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 556 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_320: id: 556 name: "*logo+*self+*read" key: "*logo+*self+*read" codename: left_id: 555 right_id: 479 current_revision_id: 5959 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 556 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]\n" cards_321: id: 557 name: "*account links+*self" key: "*account_link+*self" codename: left_id: 474 right_id: 264 current_revision_id: 5960 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 558 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_322: id: 558 name: "*account links+*self+*read" key: "*account_link+*self+*read" codename: left_id: 557 right_id: 479 current_revision_id: 5961 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 558 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]\n" cards_323: id: 559 name: "*sidebar+*self+*read" key: "*sidebar+*self+*read" codename: left_id: 315 right_id: 479 current_revision_id: 5962 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 559 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]\n" cards_324: id: 560 name: "*recent+*self" key: "*recent+*self" codename: left_id: 465 right_id: 264 current_revision_id: 5963 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 561 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_325: id: 561 name: "*recent+*self+*read" key: "*recent+*self+*read" codename: left_id: 560 right_id: 479 current_revision_id: 5964 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 561 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]\n" cards_326: id: 565 name: "*email" key: "*email" codename: email left_id: right_id: current_revision_id: 6021 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_327: id: 566 name: "*email+*right" key: "*email+*right" codename: left_id: 565 right_id: 260 current_revision_id: 6022 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_328: id: 567 name: User+*email+*type plus right+*structure key: user+*email+*type_plu_right+*structure codename: left_id: 1010 right_id: 317 current_revision_id: 6023 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 568 references_expired: trash: false type_id: 3 db_content: '' cards_329: id: 568 name: "*email+*right+*read" key: "*email+*right+*read" codename: left_id: 566 right_id: 479 current_revision_id: 6024 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_330: id: 569 name: Layout key: layout codename: layout_type left_id: right_id: current_revision_id: 6027 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_331: id: 570 name: Layout+*type key: layout+*type codename: left_id: 569 right_id: 266 current_revision_id: 6028 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_332: id: 571 name: Layout+*type+*create key: layout+*type+*create codename: left_id: 570 right_id: 478 current_revision_id: 6029 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_333: id: 572 name: Layout+*type+*update key: layout+*type+*update codename: left_id: 570 right_id: 480 current_revision_id: 6030 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_334: id: 573 name: Layout+*type+*delete key: layout+*type+*delete codename: left_id: 570 right_id: 481 current_revision_id: 6031 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_335: id: 578 name: "*all plus+*default" key: "*all_plu+*default" codename: left_id: 475 right_id: 318 current_revision_id: 6044 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_336: id: 586 name: "*double click" key: "*double_click" codename: double_click left_id: right_id: current_revision_id: 6052 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '1' cards_337: id: 587 name: "*roles+*right+*default" key: "*role+*right+*default" codename: left_id: 353 right_id: 318 current_revision_id: 6053 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_338: id: 588 name: "*account+*right+*create" key: "*account+*right+*create" codename: left_id: 330 right_id: 478 current_revision_id: 6822 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_339: id: 589 name: Wagn Bot+*roles key: wagn_bot+*role codename: left_id: 1 right_id: 96 current_revision_id: 6055 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_340: id: 766 name: Wagn Bot+*account key: wagn_bot+*account codename: left_id: 1 right_id: 100 current_revision_id: 6262 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 1002 references_expired: trash: false type_id: 3 db_content: '' cards_341: id: 767 name: Anonymous+*account key: anonymous+*account codename: left_id: 15 right_id: 100 current_revision_id: 6263 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 1002 references_expired: trash: false type_id: 3 db_content: '' cards_342: id: 773 name: "*roles+*right+*options" key: "*role+*right+*option" codename: left_id: 353 right_id: 86 current_revision_id: 6799 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"type":"role", "not":{"codename":["in","anyone","anyone_signed_in, anyone_with_role"]}}' cards_343: id: 774 name: "*roles+*right+*input" key: "*role+*right+*input" codename: left_id: 353 right_id: 241 current_revision_id: 6276 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[checkbox]]" cards_344: id: 776 name: "*children+*right+*help" key: "*child+*right+*help" codename: left_id: 350 right_id: 82 current_revision_id: 6405 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content:

Cards formed by "mating" {{_left|name}} with another card. eg: "{{_left|name}}+mate".

cards_345: id: 777 name: "*mates+*right+*help" key: "*mate+*right+*help" codename: left_id: 349 right_id: 82 current_revision_id: 6390 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content:

If there is a card named "X+{{_left|name}}", then X is a mate of {{_left|name}}.

cards_346: id: 778 name: "*referred to by+*right+*help" key: "*referred_to_by+*right+*help" codename: left_id: 449 right_id: 82 current_revision_id: 6392 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards that refer to {{_left|name}}.

" cards_347: id: 779 name: "*linked to by+*right+*help" key: "*linked_to_by+*right+*help" codename: left_id: 345 right_id: 82 current_revision_id: 6382 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards that link to {{_left|name}}.

" cards_348: id: 780 name: "*included by+*right+*help" key: "*included_by+*right+*help" codename: left_id: 348 right_id: 82 current_revision_id: 6379 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards that include {{_left|name}}.

" cards_349: id: 781 name: "*refers to+*right+*help" key: "*refer_to+*right+*help" codename: left_id: 446 right_id: 82 current_revision_id: 6391 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards that {{_left|name}} refers to.

" cards_350: id: 782 name: "*links to+*right+*help" key: "*link_to+*right+*help" codename: left_id: 346 right_id: 82 current_revision_id: 6380 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards that {{_left|name}} links to.

" cards_351: id: 783 name: "*includes+*right+*help" key: "*include+*right+*help" codename: left_id: 347 right_id: 82 current_revision_id: 6378 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards that {{_left|name}} includes.

" cards_352: id: 784 name: "*editors+*right+*help" key: "*editor+*right+*help" codename: left_id: 352 right_id: 82 current_revision_id: 6377 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Users who have edited {{_left|name}}.

" cards_353: id: 785 name: "*created+*right+*help" key: "*created+*right+*help" codename: left_id: 432 right_id: 82 current_revision_id: 6372 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards created by {{_left|name}}.

" cards_354: id: 786 name: "*edited+*right+*help" key: "*edited+*right+*help" codename: left_id: 351 right_id: 82 current_revision_id: 6376 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Cards edited by {{_left|name}}.

" cards_355: id: 787 name: "*layout+*right+*input" key: "*layout+*right+*input" codename: left_id: 284 right_id: 241 current_revision_id: 6477 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[select]]" cards_356: id: 789 name: "*credit" key: "*credit" codename: credit left_id: right_id: current_revision_id: 6426 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "
{{+image|content}}
\r\n
Wagn v{{*version|core}}
" cards_357: id: 790 name: "*credit+image" key: "*credit+image" codename: credit_image left_id: 789 right_id: 19 current_revision_id: 6419 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":credit_image/standard.png" cards_358: id: 795 name: Wagneer Menu key: wagneer_menu codename: left_id: right_id: current_revision_id: 6568 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 797 references_expired: trash: false type_id: 3 db_content: "

[[http://wagn.org/Features| features]]: [[http://wagn.org/cards|cards]], [[http://wagn.org/types|types]], [[http://wagn.org/inclusions|inclusions]], [[http://wagn.org/views|views]], [[http://wagn.org/rules|rules]], [[http://wagn.org/layouts|layouts]], [[http://wagn.org/formatting|formatting]], [[http://wagn.org/accounts|accounts]], [[http://wagn.org/permissions|permissions]]

\r\n

[[http://wagn.org/Syntax Reference|syntax]]: [[http://wagn.org/link_syntax|links]], [[http://wagn.org/inclusion_syntax|inclusions]], [[http://wagn.org/WQL_syntax|queries]]

" cards_359: id: 796 name: Wagneer Menu+*self key: wagneer_menu+*self codename: left_id: 795 right_id: 264 current_revision_id: 6515 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 797 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_360: id: 797 name: Wagneer Menu+*self+*read key: wagneer_menu+*self+*read codename: left_id: 796 right_id: 479 current_revision_id: 6516 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 797 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_361: id: 798 name: "*favicon+*self" key: "*favicon+*self" codename: left_id: 103 right_id: 264 current_revision_id: 6518 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_362: id: 799 name: "*favicon+*self+*help" key: "*favicon+*self+*help" codename: left_id: 798 right_id: 82 current_revision_id: 6519 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

A favicon (or shortcut icon) is a small image used by browsers to help identify your website. [[http://www.wagn.org/wagn/favicon|How to customize your favicon]]

" cards_363: id: 800 name: original key: original codename: left_id: right_id: current_revision_id: 6528 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_364: id: 801 name: Home+original key: home+original codename: left_id: 80 right_id: 800 current_revision_id: 6555 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 50 db_content: "

Create

\r\nWagn. For the Organizing Artist\r\n\r\n\r\n

Collaborate

\r\nWagn. Go Together\r\n\r\n\r\n

Explore

\r\nWagn. How Pioneers Roll.\r\n\r\n\r\n" cards_365: id: 942 name: CSS key: css codename: css left_id: right_id: current_revision_id: 6715 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_366: id: 943 name: SCSS key: scss codename: scss left_id: right_id: current_revision_id: 6716 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_367: id: 944 name: Skin key: skin codename: skin left_id: right_id: current_revision_id: 6717 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_368: id: 945 name: CSS+*type key: css+*type codename: left_id: 942 right_id: 266 current_revision_id: 6718 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_369: id: 946 name: CSS+*type+*create key: css+*type+*create codename: left_id: 945 right_id: 478 current_revision_id: 6719 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_370: id: 947 name: CSS+*type+*update key: css+*type+*update codename: left_id: 945 right_id: 480 current_revision_id: 6720 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_371: id: 948 name: CSS+*type+*delete key: css+*type+*delete codename: left_id: 945 right_id: 481 current_revision_id: 6721 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_372: id: 949 name: SCSS+*type key: scss+*type codename: left_id: 943 right_id: 266 current_revision_id: 6722 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_373: id: 950 name: SCSS+*type+*create key: scss+*type+*create codename: left_id: 949 right_id: 478 current_revision_id: 6723 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_374: id: 951 name: SCSS+*type+*update key: scss+*type+*update codename: left_id: 949 right_id: 480 current_revision_id: 6724 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_375: id: 952 name: SCSS+*type+*delete key: scss+*type+*delete codename: left_id: 949 right_id: 481 current_revision_id: 6725 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_376: id: 953 name: "*style" key: "*style" codename: style left_id: right_id: current_revision_id: 6726 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_377: id: 954 name: "*style+*right" key: "*style+*right" codename: left_id: 953 right_id: 260 current_revision_id: 6727 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_378: id: 955 name: "*style+*right+*default" key: "*style+*right+*default" codename: left_id: 954 right_id: 318 current_revision_id: 6728 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_379: id: 956 name: "*style+*right+*read" key: "*style+*right+*read" codename: left_id: 954 right_id: 479 current_revision_id: 6729 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_380: id: 957 name: "*style+*right+*options" key: "*style+*right+*option" codename: left_id: 954 right_id: 86 current_revision_id: 6730 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"type":"Skin","sort":"name"}' cards_381: id: 958 name: "*style+*right+*input" key: "*style+*right+*input" codename: left_id: 954 right_id: 241 current_revision_id: 6731 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[radio]]" cards_382: id: 959 name: "*style+*right+*help" key: "*style+*right+*help" codename: left_id: 954 right_id: 82 current_revision_id: 6732 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Skin (collection of stylesheets) for card's page. [[http://wagn.org/skins|more]] cards_383: id: 960 name: 'style: jquery-ui-smoothness' key: style_jquery_ui_smoothness codename: style_jquery_ui_smoothness left_id: right_id: current_revision_id: 6733 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_384: id: 961 name: 'style: cards' key: style_card codename: style_cards left_id: right_id: current_revision_id: 6734 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: '' cards_385: id: 963 name: 'style: right sidebar' key: style_right_sidebar codename: left_id: right_id: current_revision_id: 6761 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "/*\r\nThis stylesheet defines a simple layout with the sidebar at right.\r\n*/\r\narticle,\r\n#primary {\r\n margin: 0 1% 3em 1%;\r\n float: left;\r\n width: 67%;\r\n}\r\n\r\naside,\r\n#secondary {\r\n margin: 0 1% 3em 1%;\r\n float: right;\r\n width: 28%;\r\n}\r\n\r\nfooter {\r\n clear:both;\r\n text-align: center;\r\n padding: 1em;\r\n}\r\n\r\n@media print {\r\n article,\r\n #primary {\r\n width: 100%;\r\n float: none;\r\n \ margin: 0;\r\n }\r\n\r\n aside,\r\n #secondary,\r\n footer {\r\n display: none;\r\n }\r\n}\r\n" cards_386: id: 965 name: 'style: classic cards' key: style_classic_card codename: left_id: right_id: current_revision_id: 6770 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "/* \r\nThis stylesheet defines the core rules of the \"classic\" Wagn look.\r\n*/\r\n\r\nbody {\r\n font: 12px verdana, arial, helvetica, sans-serif;\r\n \ background: #ccc;\r\n color: #444;\r\n margin: 0px;\r\n min-width: 480px;\r\n}\r\n\r\n.card-frame {\r\n margin: 1px 0;\r\n -moz-border-radius: 8px;\r\n border-radius: 8px;\r\n \ border: 1px solid #aaa;\r\n background: #fff;\r\n margin: 0;\r\n padding: 0 !important;\r\n > .card-body {\r\n min-height: 20px;\r\n }\r\n > .card-header {\r\n margin: 0;\r\n color: #333333;\r\n background: #8AB;\r\n text-align: left;\r\n .toggler {\r\n top: 2px;\r\n }\r\n }\r\n > .instruction {\r\n color: #440;\r\n background: #ddc;\r\n } \r\n}\r\n\r\n#menu {\r\n \ background: #8AB;\r\n .navbar-default {\r\n border: none;\r\n background: #8AB;\r\n a {\r\n color: #000;\r\n }\r\n }\r\n}\r\n\r\n\r\n/*------------- closed view -------*/\r\n.closed-view {\r\n border: 0;\r\n border-bottom: 1px solid #ccc;\r\n -moz-border-radius: 0 !important;\r\n border-radius: 0 !important;\r\n \ .card-header {\r\n vertical-align: middle;\r\n -moz-border-radius: 0 6px 6px 0;\r\n border-radius: 0 6px 6px 0;\r\n margin-right: 4px;\r\n }\r\n}\r\n\r\n\r\n.errors-view > .card-body {\r\n border: 2px solid #b44;\r\n background: #ffb;\r\n}\r\n\r\n\r\n/*--------- links --------------*/\r\na {\r\n color: #279;\r\n}\r\na.wanted-card {\r\n color: #990000;\r\n}\r\na.email-link {\r\n color: #997799;\r\n}\r\n\r\n\r\n\r\n/*-- misc --*/\r\n\r\np {\r\n line-height: 1.5em;\r\n}\r\npre {\r\n background-color: #e5f0f5;\r\n padding: 10px;\r\n}\r\nli {\r\n margin-bottom: 2px;\r\n}\r\nhr {\r\n margin: 10px\r\n}\r\n\r\n\r\n.card-notice {\r\n color: #009;\r\n}\r\n.joint {\r\n color: #960;\r\n}\r\n\r\n" cards_387: id: 969 name: "*all+*style" key: "*all+*style" codename: left_id: 274 right_id: 953 current_revision_id: 6814 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 956 references_expired: trash: false type_id: 47 db_content: |- [[yeti skin]] [[style: select2]] [[style: select2 bootstrap]] cards_388: id: 971 name: Skin+*type key: skin+*type codename: left_id: 944 right_id: 266 current_revision_id: 6754 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_389: id: 972 name: Skin+*type+*create key: skin+*type+*create codename: left_id: 971 right_id: 478 current_revision_id: 6755 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_390: id: 973 name: Skin+*type+*update key: skin+*type+*update codename: left_id: 971 right_id: 480 current_revision_id: 6756 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_391: id: 974 name: Skin+*type+*delete key: skin+*type+*delete codename: left_id: 971 right_id: 481 current_revision_id: 6757 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_392: id: 975 name: Sign up+*type+*accountable key: sign_up+*type+*accountable codename: left_id: 323 right_id: 291 current_revision_id: 6788 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '1' cards_393: id: 988 name: "*password" key: "*password" codename: password left_id: right_id: current_revision_id: 6845 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_394: id: 989 name: "*token" key: "*token" codename: token left_id: right_id: current_revision_id: 6846 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_395: id: 990 name: "*salt" key: "*salt" codename: salt left_id: right_id: current_revision_id: 6847 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_396: id: 991 name: "*status" key: "*status" codename: status left_id: right_id: current_revision_id: 6848 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_397: id: 992 name: "*signin" key: "*signin" codename: signin left_id: right_id: current_revision_id: 6849 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 1006 references_expired: trash: false type_id: 3 db_content: '' cards_398: id: 993 name: "*admin" key: "*admin" codename: admin left_id: right_id: current_revision_id: 6850 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_399: id: 994 name: "*password+*right" key: "*password+*right" codename: left_id: 988 right_id: 260 current_revision_id: 6851 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_400: id: 995 name: "*password+*right+*read" key: "*password+*right+*read" codename: left_id: 994 right_id: 479 current_revision_id: 6852 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_401: id: 996 name: "*token+*right" key: "*token+*right" codename: left_id: 989 right_id: 260 current_revision_id: 6853 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_402: id: 997 name: "*token+*right+*read" key: "*token+*right+*read" codename: left_id: 996 right_id: 479 current_revision_id: 6854 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_403: id: 998 name: "*salt+*right" key: "*salt+*right" codename: left_id: 990 right_id: 260 current_revision_id: 6855 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_404: id: 999 name: "*salt+*right+*read" key: "*salt+*right+*read" codename: left_id: 998 right_id: 479 current_revision_id: 6856 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_405: id: 1000 name: "*status+*right" key: "*status+*right" codename: left_id: 991 right_id: 260 current_revision_id: 6857 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_406: id: 1001 name: "*status+*right+*read" key: "*status+*right+*read" codename: left_id: 1000 right_id: 479 current_revision_id: 6858 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_407: id: 1002 name: "*account+*right+*read" key: "*account+*right+*read" codename: left_id: 330 right_id: 479 current_revision_id: 6859 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_408: id: 1003 name: "*email+*right+*default" key: "*email+*right+*default" codename: left_id: 566 right_id: 318 current_revision_id: 6860 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_409: id: 1004 name: "*password+*right+*default" key: "*password+*right+*default" codename: left_id: 994 right_id: 318 current_revision_id: 6861 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_410: id: 1005 name: "*signin+*self" key: "*signin+*self" codename: left_id: 992 right_id: 264 current_revision_id: 6862 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1006 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_411: id: 1006 name: "*signin+*self+*read" key: "*signin+*self+*read" codename: left_id: 1005 right_id: 479 current_revision_id: 6863 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1006 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_412: id: 1007 name: "*signin+*self+*update" key: "*signin+*self+*update" codename: left_id: 1005 right_id: 480 current_revision_id: 6864 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1006 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_413: id: 1008 name: Sign up+*type+*captcha key: sign_up+*type+*captcha codename: left_id: 323 right_id: 256 current_revision_id: 7122 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '1' cards_414: id: 1009 name: User+*email key: user+*email codename: left_id: 4 right_id: 565 current_revision_id: 6867 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 568 references_expired: trash: false type_id: 3 db_content: '' cards_415: id: 1010 name: User+*email+*type plus right key: user+*email+*type_plu_right codename: left_id: 1009 right_id: 262 current_revision_id: 6868 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 568 references_expired: trash: false type_id: 259 db_content: '{"left":{"type":"_LL"}, "right":"_LR"}' cards_416: id: 1011 name: Wagn Bot+*account+*email key: wagn_bot+*account+*email codename: left_id: 766 right_id: 565 current_revision_id: 6869 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 568 references_expired: trash: false type_id: 52 db_content: no-reply@wagn.org cards_417: id: 1012 name: Wagn Bot+*account+*status key: wagn_bot+*account+*status codename: left_id: 766 right_id: 991 current_revision_id: 6870 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 1001 references_expired: trash: false type_id: 3 db_content: system cards_418: id: 1013 name: Anonymous+*account+*status key: anonymous+*account+*status codename: left_id: 767 right_id: 991 current_revision_id: 6871 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 1001 references_expired: trash: false type_id: 3 db_content: system cards_419: id: 1033 name: CoffeeScript key: coffee_script codename: coffee_script left_id: right_id: current_revision_id: 6896 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_420: id: 1034 name: JavaScript key: java_script codename: java_script left_id: right_id: current_revision_id: 6897 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_421: id: 1035 name: JavaScript+*type key: java_script+*type codename: left_id: 1034 right_id: 266 current_revision_id: 6898 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_422: id: 1036 name: JavaScript+*type+*create key: java_script+*type+*create codename: left_id: 1035 right_id: 478 current_revision_id: 6899 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_423: id: 1037 name: JavaScript+*type+*update key: java_script+*type+*update codename: left_id: 1035 right_id: 480 current_revision_id: 6900 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_424: id: 1038 name: JavaScript+*type+*delete key: java_script+*type+*delete codename: left_id: 1035 right_id: 481 current_revision_id: 6901 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_425: id: 1039 name: CoffeeScript+*type key: coffee_script+*type codename: left_id: 1033 right_id: 266 current_revision_id: 6902 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_426: id: 1040 name: CoffeeScript+*type+*create key: coffee_script+*type+*create codename: left_id: 1039 right_id: 478 current_revision_id: 6903 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_427: id: 1041 name: CoffeeScript+*type+*update key: coffee_script+*type+*update codename: left_id: 1039 right_id: 480 current_revision_id: 6904 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_428: id: 1042 name: CoffeeScript+*type+*delete key: coffee_script+*type+*delete codename: left_id: 1039 right_id: 481 current_revision_id: 6905 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_429: id: 1043 name: "*script" key: "*script" codename: script left_id: right_id: current_revision_id: 6906 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_430: id: 1044 name: "*script+*right" key: "*script+*right" codename: left_id: 1043 right_id: 260 current_revision_id: 6907 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_431: id: 1045 name: "*script+*right+*default" key: "*script+*right+*default" codename: left_id: 1044 right_id: 318 current_revision_id: 6908 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_432: id: 1046 name: "*script+*right+*read" key: "*script+*right+*read" codename: left_id: 1044 right_id: 479 current_revision_id: 6909 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_433: id: 1047 name: "*script+*right+*options" key: "*script+*right+*option" codename: left_id: 1044 right_id: 86 current_revision_id: 6910 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: ' {"type":["in", "JavaScript", "CoffeeScript"] }' cards_434: id: 1048 name: "*script+*right+*input" key: "*script+*right+*input" codename: left_id: 1044 right_id: 241 current_revision_id: 6911 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[list]]" cards_435: id: 1049 name: "*script+*right+*help" key: "*script+*right+*help" codename: left_id: 1044 right_id: 82 current_revision_id: 6912 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: " JavaScript (or CoffeeScript) for card's page. " cards_436: id: 1050 name: "*machine output" key: "*machine_output" codename: machine_output left_id: right_id: current_revision_id: 6913 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_437: id: 1051 name: "*machine output+*right" key: "*machine_output+*right" codename: left_id: 1050 right_id: 260 current_revision_id: 6914 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_438: id: 1052 name: "*machine output+*right+*default" key: "*machine_output+*right+*default" codename: left_id: 1051 right_id: 318 current_revision_id: 6915 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 18 db_content: '' cards_439: id: 1053 name: "*machine output+*right+*read" key: "*machine_output+*right+*read" codename: left_id: 1051 right_id: 479 current_revision_id: 6916 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[_left]]" cards_440: id: 1054 name: "*machine input" key: "*machine_input" codename: machine_input left_id: right_id: current_revision_id: 6917 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_441: id: 1055 name: "*machine input+*right" key: "*machine_input+*right" codename: left_id: 1054 right_id: 260 current_revision_id: 6918 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_442: id: 1056 name: "*machine input+*right+*default" key: "*machine_input+*right+*default" codename: left_id: 1055 right_id: 318 current_revision_id: 6919 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_443: id: 1057 name: 'script: jquery' key: script_jquery codename: script_jquery left_id: right_id: current_revision_id: 6920 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_444: id: 1058 name: 'script: tinymce' key: script_tinymce codename: script_tinymce left_id: right_id: current_revision_id: 6921 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_445: id: 1059 name: 'script: slot' key: script_slot codename: script_slot left_id: right_id: current_revision_id: 6922 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1033 db_content: '' cards_446: id: 1060 name: 'script: card menu' key: script_card_menu codename: script_card_menu left_id: right_id: current_revision_id: 6923 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1033 db_content: '' cards_447: id: 1061 name: 'script: jquery helper' key: script_jquery_helper codename: script_jquery_helper left_id: right_id: current_revision_id: 6924 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_448: id: 1062 name: 'script: html5shiv printshiv' key: script_html5shiv_printshiv codename: script_html5shiv_printshiv left_id: right_id: current_revision_id: 6925 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_449: id: 1063 name: "*all+*script" key: "*all+*script" codename: left_id: 274 right_id: 1043 current_revision_id: 6926 created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 1046 references_expired: trash: false type_id: 47 db_content: |- [[script: jquery]] [[script: slot]] [[script: card menu]] [[script: jquery helper]] [[script: editors]] [[script: mods]] [[script: select2]] [[script: load select2]] cards_450: id: 1199 name: "*on create" key: "*on_create" codename: on_create left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_451: id: 1200 name: "*on create+*right" key: "*on_create+*right" codename: left_id: 1199 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_452: id: 1201 name: "*on create+*right+*help" key: "*on_create+*right+*help" codename: left_id: 1200 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Configure events to be executed when card id created cards_453: id: 1202 name: "*on create+*right+*default" key: "*on_create+*right+*default" codename: left_id: 1200 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_454: id: 1203 name: "*on update" key: "*on_update" codename: on_update left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_455: id: 1204 name: "*on update+*right" key: "*on_update+*right" codename: left_id: 1203 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_456: id: 1205 name: "*on update+*right+*help" key: "*on_update+*right+*help" codename: left_id: 1204 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Configure events to be executed when card id updated cards_457: id: 1206 name: "*on update+*right+*default" key: "*on_update+*right+*default" codename: left_id: 1204 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_458: id: 1207 name: "*on delete" key: "*on_delete" codename: on_delete left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_459: id: 1208 name: "*on delete+*right" key: "*on_delete+*right" codename: left_id: 1207 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_460: id: 1209 name: "*on delete+*right+*help" key: "*on_delete+*right+*help" codename: left_id: 1208 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Configure events to be executed when card id deleted cards_461: id: 1210 name: "*on delete+*right+*default" key: "*on_delete+*right+*default" codename: left_id: 1208 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_462: id: 1211 name: "*to+*right+*options" key: "*to+*right+*option" codename: left_id: 374 right_id: 86 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: ' { "right_plus":{"codename":"account"} } ' cards_463: id: 1212 name: "*from+*right+*options" key: "*from+*right+*option" codename: left_id: 376 right_id: 86 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: ' { "right_plus":{"codename":"account"} } ' cards_464: id: 1213 name: "*cc+*right+*options" key: "*cc+*right+*option" codename: left_id: 379 right_id: 86 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: ' { "right_plus":{"codename":"account"} } ' cards_465: id: 1214 name: "*bcc+*right+*options" key: "*bcc+*right+*option" codename: left_id: 382 right_id: 86 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: ' { "right_plus":{"codename":"account"} } ' cards_466: id: 1215 name: Email template key: email_template codename: email_template left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_467: id: 1216 name: Email template+*type key: email_template+*type codename: left_id: 1215 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_468: id: 1217 name: Email template+*type+*structure key: email_template+*type+*structure codename: left_id: 1216 right_id: 317 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

{{+*from | labeled | link}} {{+*to | labeled | link}} {{+*cc | labeled | link}} {{+*bcc | labeled | link}} {{+*subject | titled}} {{+*html message | titled}} {{+*text message | titled}} {{+*attach | titled}}

" cards_469: id: 1218 name: "*html message" key: "*html_message" codename: html_message left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_470: id: 1219 name: "*text message" key: "*text_message" codename: text_message left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_471: id: 1220 name: "*text message+*right" key: "*text_message+*right" codename: left_id: 1219 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_472: id: 1221 name: "*text message+*right+*default" key: "*text_message+*right+*default" codename: left_id: 1220 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: '' cards_473: id: 1222 name: verification email key: verification_email codename: verification_email left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1215 db_content: |2 {{+*from | labeled | link}} {{+*to | labeled | link}} {{+*cc | labeled | link}} {{+*bcc | labeled | link}} {{+*subject | titled}} {{+*html message | titled}} {{+*text message | titled}} {+*attach | titled}} cards_474: id: 1223 name: verification email+*html message key: verification_email+*html_message codename: left_id: 1222 right_id: 1218 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "
\n\n

Thank you for signing up with {{*title|core}}!

\n\n

Please follow this link to verify this email address and activate your account.

\n\n \

Link will remain valid for {{_|verify_days}} days.

\n\n
\n" cards_475: id: 1224 name: verification email+*text message key: verification_email+*text_message codename: left_id: 1222 right_id: 1219 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: |+ Thank you for signing up with {{:title|core}}! Please follow the link below to verify this email address and activate your account. {{_|verify_url}} (Link will remain valid for {{_|verify_days}} days.) cards_476: id: 1225 name: verification email+*subject key: verification_email+*subject codename: left_id: 1222 right_id: 384 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: verification link for {{:title|core}} cards_477: id: 1226 name: password reset email key: password_reset_email codename: password_reset_email left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1215 db_content: |2 {{+*from | labeled | link}} {{+*to | labeled | link}} {{+*cc | labeled | link}} {{+*bcc | labeled | link}} {{+*subject | titled}} {{+*html message | titled}} {{+*text message | titled}} {+*attach | titled}} cards_478: id: 1227 name: password reset email+*html message key: password_reset_email+*html_message codename: left_id: 1226 right_id: 1218 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "
\n

Password reset for {{:title|core}}

\n \ \n

Someone – you, we hope – asked to reset your password.

\n \n

Please follow this link to update your account details.

\n \n

Link will remain valid for {{_|reset_password_days}} days.

\n
\n\n" cards_479: id: 1228 name: password reset email+*text message key: password_reset_email+*text_message codename: left_id: 1226 right_id: 1219 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: "** Password reset for {{:title|core}} **\n\nSomeone – you, we hope – asked to reset your password. Please follow this link...\n\n {{_|reset_password_url}}\n \ \n...to update your account details.\n\n\n(Link will remain valid for {{_|reset_password_days}} days.)\n\n" cards_480: id: 1229 name: password reset email+*subject key: password_reset_email+*subject codename: left_id: 1226 right_id: 384 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: reset password for {{:title|core}} cards_481: id: 1230 name: signup alert email key: signup_alert_email codename: signup_alert_email left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1215 db_content: |2 {{+*from | labeled | link}} {{+*to | labeled | link}} {{+*cc | labeled | link}} {{+*bcc | labeled | link}} {{+*subject | titled}} {{+*html message | titled}} {{+*text message | titled}} {+*attach | titled}} cards_482: id: 1231 name: signup alert email+*html message key: signup_alert_email+*html_message codename: left_id: 1230 right_id: 1218 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |

{{_|name}} ({{+*account+*email|core}}) has signed up on {{:title|core}}.

-- the machines running {{:title|core}}

cards_483: id: 1232 name: signup alert email+*text message key: signup_alert_email+*text_message codename: left_id: 1230 right_id: 1219 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: | {{_|name}} ({{+*account+*email|core}}) has signed up on {{:title|core}}. See {{_|name}}'s card: {{_|url}} -- the machines running {{:title|core}} cards_484: id: 1233 name: signup alert email+*subject key: signup_alert_email+*subject codename: left_id: 1230 right_id: 384 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: "{{_|name}} signed up for {{:title|core}}" cards_485: id: 1234 name: follower notification email key: follower_notification_email codename: follower_notification_email left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1215 db_content: |2 {{+*from | labeled | link}} {{+*to | labeled | link}} {{+*cc | labeled | link}} {{+*bcc | labeled | link}} {{+*subject | titled}} {{+*html message | titled}} {{+*text message | titled}} {+*attach | titled}} cards_486: id: 1235 name: follower notification email+*html message key: follower_notification_email+*html_message codename: left_id: 1234 right_id: 1218 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |

{{_|link}} was just {{_|last_action_verb}} by {{_user|link}}

{{_|list_of_changes}}

{{_|subedits}}

You received this email because you're following {{_|followed}}.

Unfollow to stop receiving these emails.

cards_487: id: 1236 name: follower notification email+*text message key: follower_notification_email+*text_message codename: left_id: 1234 right_id: 1219 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: | "{{_|name}}" was just {{_|last_action_verb}} by {{_user|name}}. {{_|list_of_changes}} {{_|subedits}} See the card: {{_|url}} You received this email because you're following "{{_|followed}}". Use this link to unfollow {{_|unfollow_url}} cards_488: id: 1237 name: follower notification email+*subject key: follower_notification_email+*subject codename: left_id: 1234 right_id: 384 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '{{_user|name}} {{_|last_action_verb}} "{{_|name}}"' cards_489: id: 1238 name: Sign up+*type+*on create key: sign_up+*type+*on_create codename: left_id: 323 right_id: 1199 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[signup alert email]]" cards_490: id: 1239 name: signup alert email+*from key: signup_alert_email+*from codename: left_id: 1230 right_id: 137 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[_user]]" cards_491: id: 1240 name: verification email+*from key: verification_email+*from codename: left_id: 1222 right_id: 137 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Wagn Bot]]" cards_492: id: 1241 name: password reset email+*from key: password_reset_email+*from codename: left_id: 1226 right_id: 137 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Wagn Bot]]" cards_493: id: 1242 name: "*following" key: "*following" codename: following left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_494: id: 1243 name: "*following+*right" key: "*following+*right" codename: left_id: 1242 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_495: id: 1244 name: "*following+*right+*default" key: "*following+*right+*default" codename: left_id: 1243 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_496: id: 1245 name: "*following+*right+*update" key: "*following+*right+*update" codename: left_id: 1243 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: _left cards_497: id: 1246 name: "*following+*right+*create" key: "*following+*right+*create" codename: left_id: 1243 right_id: 478 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: _left cards_498: id: 1247 name: Skin+description key: skin+description codename: left_id: 944 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

A [[skin]] determines a page's look and feel.  [[http://wagn.org/Skins|more]]

" cards_499: id: 1248 name: JavaScript+description key: java_script+description codename: left_id: 1034 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Create custom JavaScript for [[*script]] rules. [[http://wagn.org/JavaScript|more]]

" cards_500: id: 1249 name: Layout+description key: layout+description codename: left_id: 569 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Organize webpages. [[http://wagn.org/Layout|more]]

" cards_501: id: 1250 name: CoffeeScript+description key: coffee_script+description codename: left_id: 1033 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Generate JavaScript for [[*script]] rules. [[http://wagn.org/CoffeeScript|more]]

" cards_502: id: 1251 name: Email template+description key: email_template+description codename: left_id: 1215 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Design custom emails to be triggered by card actions.  [[http://wagn.org/actions|more]]

" cards_503: id: 1252 name: CSS+description key: css+description codename: left_id: 942 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Customize styles for [[Skins]]. [[http://wagn.org/CSS|more]]

" cards_504: id: 1253 name: SCSS+description key: scss+description codename: left_id: 943 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "

Customize styles for [[Skins]]. [[http://wagn.org/SCSS|more]]

" cards_505: id: 1254 name: follower notification email+*from key: follower_notification_email+*from codename: left_id: 1234 right_id: 137 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Wagn Bot]]" cards_506: id: 1257 name: 'script: ace' key: script_ace codename: script_ace left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_507: id: 1259 name: URI key: uri codename: uri left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: |-

{{+description}}

 

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

 

{{_self|name}} Cards

{{+*type+by name}}

cards_508: id: 1261 name: "*follow" key: "*follow" codename: follow left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_509: id: 1262 name: "*follow+*right" key: "*follow+*right" codename: left_id: 1261 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_510: id: 1263 name: "*follow+*right+*default" key: "*follow+*right+*default" codename: left_id: 1262 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_511: id: 1264 name: "*follow+*right+*input" key: "*follow+*right+*input" codename: left_id: 1262 right_id: 241 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[radio]]" cards_512: id: 1265 name: "*follow+*right+*help" key: "*follow+*right+*help" codename: left_id: 1262 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: Get notified about changes cards_513: id: 1266 name: "*followers" key: "*follower" codename: followers left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_514: id: 1267 name: "*follow fields" key: "*follow_field" codename: follow_fields left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_515: id: 1268 name: "*follow fields+*right" key: "*follow_field+*right" codename: left_id: 1267 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_516: id: 1269 name: "*follow fields+*right+*help" key: "*follow_field+*right+*help" codename: left_id: 1268 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_517: id: 1270 name: "*follow fields+*right+*default" key: "*follow_field+*right+*default" codename: left_id: 1268 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_518: id: 1271 name: "*all+*follow fields" key: "*all+*follow_field" codename: left_id: 274 right_id: 1267 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[*include]]" cards_519: id: 1272 name: "*always" key: "*alway" codename: always left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_520: id: 1273 name: "*never" key: "*never" codename: never left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_521: id: 1274 name: "*follow defaults" key: "*follow_default" codename: follow_defaults left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_522: id: 1275 name: "*all+*all" key: "*all+*all" codename: left_id: 274 right_id: 274 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_523: id: 1276 name: "*all+*all+*follow" key: "*all+*all+*follow" codename: left_id: 1275 right_id: 1261 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[*never]]" cards_524: id: 1277 name: classic bootstrap skin key: classic_bootstrap_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[bootstrap default skin]] [[style: classic cards]] cards_525: id: 1279 name: bootstrap default skin key: bootstrap_default_skin codename: bootstrap_default_skin left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_526: id: 1284 name: 'style: glyphicons' key: style_glyphicon codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: "a .glyphicon {\r\n color: #333;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Glyphicons Halflings';\r\n src: url([[/assets/fonts/glyphicons-halflings-regular.eot]]);\r\n \ src: url([[/assets/fonts/glyphicons-halflings-regular.eot?#iefix]]) format('embedded-opentype'), url([[/assets/fonts/glyphicons-halflings-regular.woff2]]) format('woff2'), url([[/assets/fonts/glyphicons-halflings-regular.woff]]) format('woff'), url([[/assets/fonts/glyphicons-halflings-regular.ttf]]) format('truetype'), url([[/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular]]) format('svg');\r\n}\r\n.glyphicon {\r\n position: relative;\r\n top: 1px;\r\n \ display: inline-block;\r\n font-family: 'Glyphicons Halflings';\r\n font-style: normal;\r\n font-weight: normal;\r\n line-height: 1;\r\n\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n.glyphicon-asterisk:before {\r\n content: \"\\2a\";\r\n}\r\n.glyphicon-plus:before {\r\n content: \"\\2b\";\r\n}\r\n.glyphicon-euro:before,\r\n.glyphicon-eur:before {\r\n content: \"\\20ac\";\r\n}\r\n.glyphicon-minus:before {\r\n content: \"\\2212\";\r\n}\r\n.glyphicon-cloud:before {\r\n content: \"\\2601\";\r\n}\r\n.glyphicon-envelope:before {\r\n content: \"\\2709\";\r\n}\r\n.glyphicon-pencil:before {\r\n content: \"\\270f\";\r\n}\r\n.glyphicon-glass:before {\r\n content: \"\\e001\";\r\n}\r\n.glyphicon-music:before {\r\n content: \"\\e002\";\r\n}\r\n.glyphicon-search:before {\r\n content: \"\\e003\";\r\n}\r\n.glyphicon-heart:before {\r\n content: \"\\e005\";\r\n}\r\n.glyphicon-star:before {\r\n content: \"\\e006\";\r\n}\r\n.glyphicon-star-empty:before {\r\n content: \"\\e007\";\r\n}\r\n.glyphicon-user:before {\r\n content: \"\\e008\";\r\n}\r\n.glyphicon-film:before {\r\n content: \"\\e009\";\r\n}\r\n.glyphicon-th-large:before {\r\n content: \"\\e010\";\r\n}\r\n.glyphicon-th:before {\r\n content: \"\\e011\";\r\n}\r\n.glyphicon-th-list:before {\r\n content: \"\\e012\";\r\n}\r\n.glyphicon-ok:before {\r\n content: \"\\e013\";\r\n}\r\n.glyphicon-remove:before {\r\n content: \"\\e014\";\r\n}\r\n.glyphicon-zoom-in:before {\r\n content: \"\\e015\";\r\n}\r\n.glyphicon-zoom-out:before {\r\n content: \"\\e016\";\r\n}\r\n.glyphicon-off:before {\r\n content: \"\\e017\";\r\n}\r\n.glyphicon-signal:before {\r\n content: \"\\e018\";\r\n}\r\n.glyphicon-cog:before {\r\n content: \"\\e019\";\r\n}\r\n.glyphicon-trash:before {\r\n content: \"\\e020\";\r\n}\r\n.glyphicon-home:before {\r\n content: \"\\e021\";\r\n}\r\n.glyphicon-file:before {\r\n content: \"\\e022\";\r\n}\r\n.glyphicon-time:before {\r\n content: \"\\e023\";\r\n}\r\n.glyphicon-road:before {\r\n content: \"\\e024\";\r\n}\r\n.glyphicon-download-alt:before {\r\n content: \"\\e025\";\r\n}\r\n.glyphicon-download:before {\r\n content: \"\\e026\";\r\n}\r\n.glyphicon-upload:before {\r\n content: \"\\e027\";\r\n}\r\n.glyphicon-inbox:before {\r\n content: \"\\e028\";\r\n}\r\n.glyphicon-play-circle:before {\r\n content: \"\\e029\";\r\n}\r\n.glyphicon-repeat:before {\r\n content: \"\\e030\";\r\n}\r\n.glyphicon-refresh:before {\r\n content: \"\\e031\";\r\n}\r\n.glyphicon-list-alt:before {\r\n content: \"\\e032\";\r\n}\r\n.glyphicon-lock:before {\r\n content: \"\\e033\";\r\n}\r\n.glyphicon-flag:before {\r\n content: \"\\e034\";\r\n}\r\n.glyphicon-headphones:before {\r\n content: \"\\e035\";\r\n}\r\n.glyphicon-volume-off:before {\r\n content: \"\\e036\";\r\n}\r\n.glyphicon-volume-down:before {\r\n content: \"\\e037\";\r\n}\r\n.glyphicon-volume-up:before {\r\n content: \"\\e038\";\r\n}\r\n.glyphicon-qrcode:before {\r\n content: \"\\e039\";\r\n}\r\n.glyphicon-barcode:before {\r\n content: \"\\e040\";\r\n}\r\n.glyphicon-tag:before {\r\n content: \"\\e041\";\r\n}\r\n.glyphicon-tags:before {\r\n content: \"\\e042\";\r\n}\r\n.glyphicon-book:before {\r\n content: \"\\e043\";\r\n}\r\n.glyphicon-bookmark:before {\r\n content: \"\\e044\";\r\n}\r\n.glyphicon-print:before {\r\n content: \"\\e045\";\r\n}\r\n.glyphicon-camera:before {\r\n content: \"\\e046\";\r\n}\r\n.glyphicon-font:before {\r\n content: \"\\e047\";\r\n}\r\n.glyphicon-bold:before {\r\n content: \"\\e048\";\r\n}\r\n.glyphicon-italic:before {\r\n content: \"\\e049\";\r\n}\r\n.glyphicon-text-height:before {\r\n content: \"\\e050\";\r\n}\r\n.glyphicon-text-width:before {\r\n content: \"\\e051\";\r\n}\r\n.glyphicon-align-left:before {\r\n content: \"\\e052\";\r\n}\r\n.glyphicon-align-center:before {\r\n content: \"\\e053\";\r\n}\r\n.glyphicon-align-right:before {\r\n content: \"\\e054\";\r\n}\r\n.glyphicon-align-justify:before {\r\n content: \"\\e055\";\r\n}\r\n.glyphicon-list:before {\r\n content: \"\\e056\";\r\n}\r\n.glyphicon-indent-left:before {\r\n content: \"\\e057\";\r\n}\r\n.glyphicon-indent-right:before {\r\n content: \"\\e058\";\r\n}\r\n.glyphicon-facetime-video:before {\r\n content: \"\\e059\";\r\n}\r\n.glyphicon-picture:before {\r\n content: \"\\e060\";\r\n}\r\n.glyphicon-map-marker:before {\r\n content: \"\\e062\";\r\n}\r\n.glyphicon-adjust:before {\r\n content: \"\\e063\";\r\n}\r\n.glyphicon-tint:before {\r\n content: \"\\e064\";\r\n}\r\n.glyphicon-edit:before {\r\n content: \"\\e065\";\r\n}\r\n.glyphicon-share:before {\r\n content: \"\\e066\";\r\n}\r\n.glyphicon-check:before {\r\n content: \"\\e067\";\r\n}\r\n.glyphicon-move:before {\r\n content: \"\\e068\";\r\n}\r\n.glyphicon-step-backward:before {\r\n content: \"\\e069\";\r\n}\r\n.glyphicon-fast-backward:before {\r\n content: \"\\e070\";\r\n}\r\n.glyphicon-backward:before {\r\n content: \"\\e071\";\r\n}\r\n.glyphicon-play:before {\r\n content: \"\\e072\";\r\n}\r\n.glyphicon-pause:before {\r\n content: \"\\e073\";\r\n}\r\n.glyphicon-stop:before {\r\n content: \"\\e074\";\r\n}\r\n.glyphicon-forward:before {\r\n content: \"\\e075\";\r\n}\r\n.glyphicon-fast-forward:before {\r\n content: \"\\e076\";\r\n}\r\n.glyphicon-step-forward:before {\r\n content: \"\\e077\";\r\n}\r\n.glyphicon-eject:before {\r\n content: \"\\e078\";\r\n}\r\n.glyphicon-chevron-left:before {\r\n content: \"\\e079\";\r\n}\r\n.glyphicon-chevron-right:before {\r\n content: \"\\e080\";\r\n}\r\n.glyphicon-plus-sign:before {\r\n content: \"\\e081\";\r\n}\r\n.glyphicon-minus-sign:before {\r\n content: \"\\e082\";\r\n}\r\n.glyphicon-remove-sign:before {\r\n content: \"\\e083\";\r\n}\r\n.glyphicon-ok-sign:before {\r\n content: \"\\e084\";\r\n}\r\n.glyphicon-question-sign:before {\r\n content: \"\\e085\";\r\n}\r\n.glyphicon-info-sign:before {\r\n content: \"\\e086\";\r\n}\r\n.glyphicon-screenshot:before {\r\n content: \"\\e087\";\r\n}\r\n.glyphicon-remove-circle:before {\r\n content: \"\\e088\";\r\n}\r\n.glyphicon-ok-circle:before {\r\n content: \"\\e089\";\r\n}\r\n.glyphicon-ban-circle:before {\r\n content: \"\\e090\";\r\n}\r\n.glyphicon-arrow-left:before {\r\n content: \"\\e091\";\r\n}\r\n.glyphicon-arrow-right:before {\r\n content: \"\\e092\";\r\n}\r\n.glyphicon-arrow-up:before {\r\n content: \"\\e093\";\r\n}\r\n.glyphicon-arrow-down:before {\r\n content: \"\\e094\";\r\n}\r\n.glyphicon-share-alt:before {\r\n content: \"\\e095\";\r\n}\r\n.glyphicon-resize-full:before {\r\n content: \"\\e096\";\r\n}\r\n.glyphicon-resize-small:before {\r\n content: \"\\e097\";\r\n}\r\n.glyphicon-exclamation-sign:before {\r\n content: \"\\e101\";\r\n}\r\n.glyphicon-gift:before {\r\n content: \"\\e102\";\r\n}\r\n.glyphicon-leaf:before {\r\n content: \"\\e103\";\r\n}\r\n.glyphicon-fire:before {\r\n content: \"\\e104\";\r\n}\r\n.glyphicon-eye-open:before {\r\n content: \"\\e105\";\r\n}\r\n.glyphicon-eye-close:before {\r\n content: \"\\e106\";\r\n}\r\n.glyphicon-warning-sign:before {\r\n content: \"\\e107\";\r\n}\r\n.glyphicon-plane:before {\r\n content: \"\\e108\";\r\n}\r\n.glyphicon-calendar:before {\r\n content: \"\\e109\";\r\n}\r\n.glyphicon-random:before {\r\n content: \"\\e110\";\r\n}\r\n.glyphicon-comment:before {\r\n content: \"\\e111\";\r\n}\r\n.glyphicon-magnet:before {\r\n content: \"\\e112\";\r\n}\r\n.glyphicon-chevron-up:before {\r\n content: \"\\e113\";\r\n}\r\n.glyphicon-chevron-down:before {\r\n content: \"\\e114\";\r\n}\r\n.glyphicon-retweet:before {\r\n content: \"\\e115\";\r\n}\r\n.glyphicon-shopping-cart:before {\r\n content: \"\\e116\";\r\n}\r\n.glyphicon-folder-close:before {\r\n content: \"\\e117\";\r\n}\r\n.glyphicon-folder-open:before {\r\n content: \"\\e118\";\r\n}\r\n.glyphicon-resize-vertical:before {\r\n content: \"\\e119\";\r\n}\r\n.glyphicon-resize-horizontal:before {\r\n \ content: \"\\e120\";\r\n}\r\n.glyphicon-hdd:before {\r\n content: \"\\e121\";\r\n}\r\n.glyphicon-bullhorn:before {\r\n content: \"\\e122\";\r\n}\r\n.glyphicon-bell:before {\r\n content: \"\\e123\";\r\n}\r\n.glyphicon-certificate:before {\r\n content: \"\\e124\";\r\n}\r\n.glyphicon-thumbs-up:before {\r\n content: \"\\e125\";\r\n}\r\n.glyphicon-thumbs-down:before {\r\n content: \"\\e126\";\r\n}\r\n.glyphicon-hand-right:before {\r\n content: \"\\e127\";\r\n}\r\n.glyphicon-hand-left:before {\r\n content: \"\\e128\";\r\n}\r\n.glyphicon-hand-up:before {\r\n content: \"\\e129\";\r\n}\r\n.glyphicon-hand-down:before {\r\n content: \"\\e130\";\r\n}\r\n.glyphicon-circle-arrow-right:before {\r\n \ content: \"\\e131\";\r\n}\r\n.glyphicon-circle-arrow-left:before {\r\n content: \"\\e132\";\r\n}\r\n.glyphicon-circle-arrow-up:before {\r\n content: \"\\e133\";\r\n}\r\n.glyphicon-circle-arrow-down:before {\r\n content: \"\\e134\";\r\n}\r\n.glyphicon-globe:before {\r\n content: \"\\e135\";\r\n}\r\n.glyphicon-wrench:before {\r\n content: \"\\e136\";\r\n}\r\n.glyphicon-tasks:before {\r\n content: \"\\e137\";\r\n}\r\n.glyphicon-filter:before {\r\n content: \"\\e138\";\r\n}\r\n.glyphicon-briefcase:before {\r\n content: \"\\e139\";\r\n}\r\n.glyphicon-fullscreen:before {\r\n content: \"\\e140\";\r\n}\r\n.glyphicon-dashboard:before {\r\n content: \"\\e141\";\r\n}\r\n.glyphicon-paperclip:before {\r\n content: \"\\e142\";\r\n}\r\n.glyphicon-heart-empty:before {\r\n content: \"\\e143\";\r\n}\r\n.glyphicon-link:before {\r\n content: \"\\e144\";\r\n}\r\n.glyphicon-phone:before {\r\n content: \"\\e145\";\r\n}\r\n.glyphicon-pushpin:before {\r\n content: \"\\e146\";\r\n}\r\n.glyphicon-usd:before {\r\n content: \"\\e148\";\r\n}\r\n.glyphicon-gbp:before {\r\n content: \"\\e149\";\r\n}\r\n.glyphicon-sort:before {\r\n content: \"\\e150\";\r\n}\r\n.glyphicon-sort-by-alphabet:before {\r\n content: \"\\e151\";\r\n}\r\n.glyphicon-sort-by-alphabet-alt:before {\r\n \ content: \"\\e152\";\r\n}\r\n.glyphicon-sort-by-order:before {\r\n content: \"\\e153\";\r\n}\r\n.glyphicon-sort-by-order-alt:before {\r\n content: \"\\e154\";\r\n}\r\n.glyphicon-sort-by-attributes:before {\r\n content: \"\\e155\";\r\n}\r\n.glyphicon-sort-by-attributes-alt:before {\r\n \ content: \"\\e156\";\r\n}\r\n.glyphicon-unchecked:before {\r\n content: \"\\e157\";\r\n}\r\n.glyphicon-expand:before {\r\n content: \"\\e158\";\r\n}\r\n.glyphicon-collapse-down:before {\r\n content: \"\\e159\";\r\n}\r\n.glyphicon-collapse-up:before {\r\n content: \"\\e160\";\r\n}\r\n.glyphicon-log-in:before {\r\n content: \"\\e161\";\r\n}\r\n.glyphicon-flash:before {\r\n content: \"\\e162\";\r\n}\r\n.glyphicon-log-out:before {\r\n content: \"\\e163\";\r\n}\r\n.glyphicon-new-window:before {\r\n content: \"\\e164\";\r\n}\r\n.glyphicon-record:before {\r\n content: \"\\e165\";\r\n}\r\n.glyphicon-save:before {\r\n content: \"\\e166\";\r\n}\r\n.glyphicon-open:before {\r\n content: \"\\e167\";\r\n}\r\n.glyphicon-saved:before {\r\n content: \"\\e168\";\r\n}\r\n.glyphicon-import:before {\r\n content: \"\\e169\";\r\n}\r\n.glyphicon-export:before {\r\n content: \"\\e170\";\r\n}\r\n.glyphicon-send:before {\r\n content: \"\\e171\";\r\n}\r\n.glyphicon-floppy-disk:before {\r\n content: \"\\e172\";\r\n}\r\n.glyphicon-floppy-saved:before {\r\n content: \"\\e173\";\r\n}\r\n.glyphicon-floppy-remove:before {\r\n content: \"\\e174\";\r\n}\r\n.glyphicon-floppy-save:before {\r\n content: \"\\e175\";\r\n}\r\n.glyphicon-floppy-open:before {\r\n content: \"\\e176\";\r\n}\r\n.glyphicon-credit-card:before {\r\n content: \"\\e177\";\r\n}\r\n.glyphicon-transfer:before {\r\n content: \"\\e178\";\r\n}\r\n.glyphicon-cutlery:before {\r\n content: \"\\e179\";\r\n}\r\n.glyphicon-header:before {\r\n content: \"\\e180\";\r\n}\r\n.glyphicon-compressed:before {\r\n content: \"\\e181\";\r\n}\r\n.glyphicon-earphone:before {\r\n content: \"\\e182\";\r\n}\r\n.glyphicon-phone-alt:before {\r\n content: \"\\e183\";\r\n}\r\n.glyphicon-tower:before {\r\n content: \"\\e184\";\r\n}\r\n.glyphicon-stats:before {\r\n content: \"\\e185\";\r\n}\r\n.glyphicon-sd-video:before {\r\n content: \"\\e186\";\r\n}\r\n.glyphicon-hd-video:before {\r\n content: \"\\e187\";\r\n}\r\n.glyphicon-subtitles:before {\r\n content: \"\\e188\";\r\n}\r\n.glyphicon-sound-stereo:before {\r\n content: \"\\e189\";\r\n}\r\n.glyphicon-sound-dolby:before {\r\n content: \"\\e190\";\r\n}\r\n.glyphicon-sound-5-1:before {\r\n content: \"\\e191\";\r\n}\r\n.glyphicon-sound-6-1:before {\r\n content: \"\\e192\";\r\n}\r\n.glyphicon-sound-7-1:before {\r\n content: \"\\e193\";\r\n}\r\n.glyphicon-copyright-mark:before {\r\n content: \"\\e194\";\r\n}\r\n.glyphicon-registration-mark:before {\r\n content: \"\\e195\";\r\n}\r\n.glyphicon-cloud-download:before {\r\n content: \"\\e197\";\r\n}\r\n.glyphicon-cloud-upload:before {\r\n content: \"\\e198\";\r\n}\r\n.glyphicon-tree-conifer:before {\r\n content: \"\\e199\";\r\n}\r\n.glyphicon-tree-deciduous:before {\r\n content: \"\\e200\";\r\n}\r\n.glyphicon-cd:before {\r\n content: \"\\e201\";\r\n}\r\n.glyphicon-save-file:before {\r\n content: \"\\e202\";\r\n}\r\n.glyphicon-open-file:before {\r\n content: \"\\e203\";\r\n}\r\n.glyphicon-level-up:before {\r\n content: \"\\e204\";\r\n}\r\n.glyphicon-copy:before {\r\n content: \"\\e205\";\r\n}\r\n.glyphicon-paste:before {\r\n content: \"\\e206\";\r\n}\r\n.glyphicon-alert:before {\r\n content: \"\\e209\";\r\n}\r\n.glyphicon-equalizer:before {\r\n content: \"\\e210\";\r\n}\r\n.glyphicon-king:before {\r\n content: \"\\e211\";\r\n}\r\n.glyphicon-queen:before {\r\n content: \"\\e212\";\r\n}\r\n.glyphicon-pawn:before {\r\n content: \"\\e213\";\r\n}\r\n.glyphicon-bishop:before {\r\n content: \"\\e214\";\r\n}\r\n.glyphicon-knight:before {\r\n content: \"\\e215\";\r\n}\r\n.glyphicon-baby-formula:before {\r\n content: \"\\e216\";\r\n}\r\n.glyphicon-tent:before {\r\n content: \"\\26fa\";\r\n}\r\n.glyphicon-blackboard:before {\r\n content: \"\\e218\";\r\n}\r\n.glyphicon-bed:before {\r\n content: \"\\e219\";\r\n}\r\n.glyphicon-apple:before {\r\n content: \"\\f8ff\";\r\n}\r\n.glyphicon-erase:before {\r\n content: \"\\e221\";\r\n}\r\n.glyphicon-hourglass:before {\r\n content: \"\\231b\";\r\n}\r\n.glyphicon-lamp:before {\r\n content: \"\\e223\";\r\n}\r\n.glyphicon-duplicate:before {\r\n content: \"\\e224\";\r\n}\r\n.glyphicon-piggy-bank:before {\r\n content: \"\\e225\";\r\n}\r\n.glyphicon-scissors:before {\r\n content: \"\\e226\";\r\n}\r\n.glyphicon-bitcoin:before {\r\n content: \"\\e227\";\r\n}\r\n.glyphicon-yen:before {\r\n content: \"\\00a5\";\r\n}\r\n.glyphicon-ruble:before {\r\n content: \"\\20bd\";\r\n}\r\n.glyphicon-scale:before {\r\n content: \"\\e230\";\r\n}\r\n.glyphicon-ice-lolly:before {\r\n content: \"\\e231\";\r\n}\r\n.glyphicon-ice-lolly-tasted:before {\r\n content: \"\\e232\";\r\n}\r\n.glyphicon-education:before {\r\n content: \"\\e233\";\r\n}\r\n.glyphicon-option-horizontal:before {\r\n content: \"\\e234\";\r\n}\r\n.glyphicon-option-vertical:before {\r\n content: \"\\e235\";\r\n}\r\n.glyphicon-menu-hamburger:before {\r\n content: \"\\e236\";\r\n}\r\n.glyphicon-modal-window:before {\r\n content: \"\\e237\";\r\n}\r\n.glyphicon-oil:before {\r\n content: \"\\e238\";\r\n}\r\n.glyphicon-grain:before {\r\n content: \"\\e239\";\r\n}\r\n.glyphicon-sunglasses:before {\r\n content: \"\\e240\";\r\n}\r\n.glyphicon-text-size:before {\r\n content: \"\\e241\";\r\n}\r\n.glyphicon-text-color:before {\r\n content: \"\\e242\";\r\n}\r\n.glyphicon-text-background:before {\r\n content: \"\\e243\";\r\n}\r\n.glyphicon-object-align-top:before {\r\n content: \"\\e244\";\r\n}\r\n.glyphicon-object-align-bottom:before {\r\n content: \"\\e245\";\r\n}\r\n.glyphicon-object-align-horizontal:before {\r\n content: \"\\e246\";\r\n}\r\n.glyphicon-object-align-left:before {\r\n \ content: \"\\e247\";\r\n}\r\n.glyphicon-object-align-vertical:before {\r\n content: \"\\e248\";\r\n}\r\n.glyphicon-object-align-right:before {\r\n content: \"\\e249\";\r\n}\r\n.glyphicon-triangle-right:before {\r\n content: \"\\e250\";\r\n}\r\n.glyphicon-triangle-left:before {\r\n content: \"\\e251\";\r\n}\r\n.glyphicon-triangle-bottom:before {\r\n content: \"\\e252\";\r\n}\r\n.glyphicon-triangle-top:before {\r\n content: \"\\e253\";\r\n}\r\n.glyphicon-console:before {\r\n content: \"\\e254\";\r\n}\r\n.glyphicon-superscript:before {\r\n content: \"\\e255\";\r\n}\r\n.glyphicon-subscript:before {\r\n content: \"\\e256\";\r\n}\r\n.glyphicon-menu-left:before {\r\n content: \"\\e257\";\r\n}\r\n.glyphicon-menu-right:before {\r\n content: \"\\e258\";\r\n}\r\n.glyphicon-menu-down:before {\r\n content: \"\\e259\";\r\n}\r\n.glyphicon-menu-up:before {\r\n content: \"\\e260\";\r\n}" cards_527: id: 1286 name: Default Layout key: default_layout codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 569 db_content: "\r\n\r\n {{*head|core}}\r\n \r\n
{{*header|core}}
\r\n
{{_main|open}}
\r\n \ \r\n \r\n \ \r\n" cards_528: id: 1287 name: "*header" key: "*header" codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 1293 references_expired: trash: false type_id: 50 db_content: | cards_529: id: 1288 name: "*footer" key: "*footer" codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 50 db_content: '' cards_530: id: 1290 name: "*main menu" key: "*main_menu" codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 50 db_content: |- cards_531: id: 1291 name: "*style+*right+*option label" key: "*style+*right+*option_label" codename: left_id: 954 right_id: 252 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: Image cards_532: id: 1292 name: "*header+*self" key: "*header+*self" codename: left_id: 1287 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1293 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_533: id: 1293 name: "*header+*self+*read" key: "*header+*self+*read" codename: left_id: 1292 right_id: 479 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1293 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_534: id: 1295 name: 'theme: bootstrap_default' key: theme_bootstrap_default codename: theme_bootstrap_default left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_535: id: 1299 name: 'style: bootstrap cards' key: style_bootstrap_card codename: bootstrap_cards left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: '' cards_536: id: 1301 name: 'style: bootstrap compatible' key: style_bootstrap_compatible codename: style_bootstrap_compatible left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: '' cards_537: id: 1303 name: 'script: bootstrap' key: script_bootstrap codename: bootstrap_js left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_538: id: 1304 name: "*default html view" key: "*default_html_view" codename: default_html_view left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_539: id: 1305 name: "*default html view+*right" key: "*default_html_view+*right" codename: left_id: 1304 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_540: id: 1306 name: "*default html view+*right+*default" key: "*default_html_view+*right+*default" codename: left_id: 1305 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_541: id: 1307 name: "*all+*default html view" key: "*all+*default_html_view" codename: left_id: 274 right_id: 1304 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: titled cards_542: id: 1312 name: Pointer+*type key: pointer+*type codename: left_id: 47 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_543: id: 1315 name: Phrase+*type key: phrase+*type codename: left_id: 52 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_544: id: 1318 name: PlainText+*type key: plain_text+*type codename: left_id: 22 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_545: id: 1321 name: Search+*type key: search+*type codename: left_id: 30 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_546: id: 1324 name: Image+*type key: image+*type codename: left_id: 19 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_547: id: 1333 name: Date+*type key: date+*type codename: left_id: 17 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_548: id: 1336 name: File+*type key: file+*type codename: left_id: 18 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_549: id: 1339 name: Number+*type key: number+*type codename: left_id: 20 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_550: id: 1344 name: Toggle+*type key: toggle+*type codename: left_id: 51 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_551: id: 1347 name: themeless bootstrap skin key: themeless_bootstrap_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[style: jquery-ui-smoothness]] [[style: cards]] [[style: right sidebar]] [[style: bootstrap cards]] cards_552: id: 1349 name: 'theme: cerulean' key: theme_cerulean codename: theme_cerulean left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_553: id: 1351 name: cerulean skin key: cerulean_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_554: id: 1353 name: 'theme: cosmo' key: theme_cosmo codename: theme_cosmo left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_555: id: 1355 name: cosmo skin key: cosmo_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_556: id: 1357 name: 'theme: cyborg' key: theme_cyborg codename: theme_cyborg left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_557: id: 1359 name: cyborg skin key: cyborg_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_558: id: 1361 name: 'theme: darkly' key: theme_darkly codename: theme_darkly left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_559: id: 1363 name: darkly skin key: darkly_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_560: id: 1365 name: 'theme: flatly' key: theme_flatly codename: theme_flatly left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_561: id: 1367 name: flatly skin key: flatly_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_562: id: 1369 name: 'theme: journal' key: theme_journal codename: theme_journal left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_563: id: 1371 name: journal skin key: journal_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_564: id: 1373 name: 'theme: lumen' key: theme_luman codename: theme_lumen left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_565: id: 1375 name: lumen skin key: luman_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_566: id: 1377 name: 'theme: paper' key: theme_paper codename: theme_paper left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_567: id: 1379 name: paper skin key: paper_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_568: id: 1381 name: 'theme: readable' key: theme_readable codename: theme_readable left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_569: id: 1383 name: readable skin key: readable_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_570: id: 1385 name: 'theme: sandstone' key: theme_sandstone codename: theme_sandstone left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_571: id: 1387 name: sandstone skin key: sandstone_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_572: id: 1389 name: 'theme: simplex' key: theme_simplex codename: theme_simplex left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_573: id: 1391 name: simplex skin key: simplex_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_574: id: 1393 name: 'theme: slate' key: theme_slate codename: theme_slate left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_575: id: 1395 name: slate skin key: slate_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_576: id: 1397 name: 'theme: spacelab' key: theme_spacelab codename: theme_spacelab left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_577: id: 1399 name: spacelab skin key: spacelab_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_578: id: 1401 name: 'theme: superhero' key: theme_superhero codename: theme_superhero left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_579: id: 1403 name: superhero skin key: superhero_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_580: id: 1405 name: 'theme: united' key: theme_united codename: theme_united left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_581: id: 1407 name: united skin key: united_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_582: id: 1409 name: 'theme: yeti' key: theme_yeti codename: theme_yeti left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_583: id: 1411 name: yeti skin key: yeti_skin codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_584: id: 1413 name: yeti skin+Image key: yeti_skin+image codename: yeti_skin_image left_id: 1411 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":yeti_skin_image/bootstrap.png" cards_585: id: 1414 name: united skin+Image key: united_skin+image codename: united_skin_image left_id: 1407 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":united_skin_image/bootstrap.png" cards_586: id: 1415 name: superhero skin+Image key: superhero_skin+image codename: superhero_skin_image left_id: 1403 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":superhero_skin_image/bootstrap.png" cards_587: id: 1416 name: spacelab skin+Image key: spacelab_skin+image codename: spacelab_skin_image left_id: 1399 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":spacelab_skin_image/bootstrap.png" cards_588: id: 1417 name: slate skin+Image key: slate_skin+image codename: slate_skin_image left_id: 1395 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":slate_skin_image/bootstrap.png" cards_589: id: 1418 name: lumen skin+Image key: luman_skin+image codename: lumen_skin_image left_id: 1375 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":lumen_skin_image/bootstrap.png" cards_590: id: 1419 name: paper skin+Image key: paper_skin+image codename: paper_skin_image left_id: 1379 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":paper_skin_image/bootstrap.png" cards_591: id: 1420 name: readable skin+Image key: readable_skin+image codename: readable_skin_image left_id: 1383 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":readable_skin_image/bootstrap.png" cards_592: id: 1421 name: sandstone skin+Image key: sandstone_skin+image codename: sandstone_skin_image left_id: 1387 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":sandstone_skin_image/bootstrap.png" cards_593: id: 1422 name: simplex skin+Image key: simplex_skin+image codename: simplex_skin_image left_id: 1391 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":simplex_skin_image/bootstrap.png" cards_594: id: 1423 name: journal skin+Image key: journal_skin+image codename: journal_skin_image left_id: 1371 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":journal_skin_image/bootstrap.png" cards_595: id: 1424 name: flatly skin+Image key: flatly_skin+image codename: flatly_skin_image left_id: 1367 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":flatly_skin_image/bootstrap.png" cards_596: id: 1425 name: darkly skin+Image key: darkly_skin+image codename: darkly_skin_image left_id: 1363 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":darkly_skin_image/bootstrap.png" cards_597: id: 1426 name: cyborg skin+Image key: cyborg_skin+image codename: cyborg_skin_image left_id: 1359 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":cyborg_skin_image/bootstrap.png" cards_598: id: 1427 name: cerulean skin+Image key: cerulean_skin+image codename: cerulean_skin_image left_id: 1351 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":cerulean_skin_image/bootstrap.png" cards_599: id: 1428 name: cosmo skin+Image key: cosmo_skin+image codename: cosmo_skin_image left_id: 1355 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":cosmo_skin_image/bootstrap.png" cards_600: id: 1432 name: bootswatch shared key: bootswatch_shared codename: bootswatch_shared left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: '' cards_601: id: 1434 name: bootswatch theme key: bootswatch_theme codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_602: id: 1435 name: bootswatch theme+*right key: bootswatch_theme+*right codename: left_id: 1434 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_603: id: 1436 name: bootswatch theme+*right+*structure key: bootswatch_theme+*right+*structure codename: left_id: 1435 right_id: 317 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "{{_left+variables}}{{bootswatch shared}}{{_left+style}}" cards_604: id: 1438 name: variables key: variable codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_605: id: 1439 name: bootstrap default skin+variables key: bootstrap_default_skin+variable codename: left_id: 1279 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; cards_606: id: 1441 name: cerulean skin+variables key: cerulean_skin+variable codename: left_id: 1351 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Cerulean 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $blue: #033C73; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #C71C22; $orange: #fd7e14; $yellow: #DD5600 !default; $green: #73A839 !default; $teal: #20c997 !default; $cyan: #2FA4E7; $primary: $cyan; $secondary: $gray-200; $success: $green !default; $info: $blue; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default; // Body $body-color: $gray-600; // Fonts $headings-color: $cyan; // Dropdowns $dropdown-link-color: $body-color; $dropdown-link-hover-color: $white; $dropdown-link-hover-bg: $primary; // Navbar $navbar-dark-color: rgba($white,.8); $navbar-dark-hover-color: $white; cards_607: id: 1443 name: style key: style codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_608: id: 1444 name: cerulean skin+style key: cerulean_skin+style codename: left_id: 1351 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Cerulean 4.0.0 // Bootswatch @mixin btn-shadow($color){ @include gradient-y-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%)); } $text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !default; // // Navbar ====================================================================== .bg-primary { @include btn-shadow($primary); } .bg-dark { @include btn-shadow($blue); } .bg-light { @include gradient-y-three-colors(lighten($gray-200, 8%), $gray-200, 60%, darken($gray-200, 2%)); } .navbar-brand, .nav-link { text-shadow: $text-shadow } // // Buttons ===================================================================== .btn { text-shadow: $text-shadow } .btn-primary { @include btn-shadow($primary); } .btn-secondary { @include btn-shadow($secondary); color: $gray-700; } .btn-success { @include btn-shadow($success); } .btn-info { @include btn-shadow($info); } .btn-warning { @include btn-shadow($warning); } .btn-danger { @include btn-shadow($danger); } // Typography ================================================================== // Tables ====================================================================== // Forms ======================================================================= // Navs ======================================================================== // Indicators ================================================================== // Progress bars =============================================================== // Containers ================================================================== cards_609: id: 1446 name: cosmo skin+variables key: cosmo_skin+variable codename: left_id: 1355 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Cosmo 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #373a3c; $gray-900: #212529 !default; $black: #000 !default; $blue: #2780E3; $indigo: #6610f2 !default; $purple: #613d7c; $pink: #e83e8c !default; $red: #FF0039; $orange: #f0ad4e; $yellow: #FF7518; $green: #3FB618; $teal: #20c997 !default; $cyan: #9954BB; $primary: $blue !default; $secondary: $gray-800; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default; // Body $body-color: $gray-800; // Components $border-radius: 0; $border-radius-lg: 0; $border-radius-sm: 0; // Fonts $font-family-sans-serif: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif; $font-size-base: 0.9375rem; $headings-font-weight: 300; // Navbar $navbar-dark-hover-color: rgba($white,1); $navbar-light-hover-color: rgba($black,.9); // Progress bars $progress-height: 8px; cards_610: id: 1448 name: cosmo skin+style key: cosmo_skin+style codename: left_id: 1355 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Cosmo 4.0.0 // Bootswatch // Variables =================================================================== $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" !default; @import url($web-font-path); // Navbar ====================================================================== // Buttons ===================================================================== // Typography ================================================================== body { -webkit-font-smoothing: antialiased; } // Tables ====================================================================== // Forms ======================================================================= // Navs ======================================================================== // Indicators ================================================================== .alert { border: none; } // Progress bars =============================================================== .progress { @include box-shadow(none); .progress-bar { font-size: 8px; line-height: 8px; } } // Containers ================================================================== cards_611: id: 1450 name: cyborg skin+variables key: cyborg_skin+variable codename: left_id: 1359 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n \ } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n \ $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n \ }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n \ }\n\n @return $string;\n}\n\n// Color contrast\n@mixin color-yiq($color) {\n \ $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= 150) {\n color: #111;\n } @else {\n color: #fff;\n }\n}\n\n// Retreive color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function grayscale($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n \ $color-base: if($level > 0, #000, #fff);\n\n @if $level < 0 {\n // Lighter values need a quick double negative for the Sass math to work\n @return mix($color-base, $color, $level * -1 * $theme-color-interval);\n } @else {\n @return mix($color-base, $color, $level * $theme-color-interval);\n }\n}\n\n// Variables\n//\n// Copy settings from this file into the provided `_custom.scss` to override\n// the Bootstrap defaults without modifying key, versioned files.\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Table of Contents\n//\n// Color system\n// Options\n// Spacing\n// Body\n// Links\n// Grid breakpoints\n// Grid containers\n// Grid columns\n// Fonts\n// Components\n// Tables\n// Buttons\n// Forms\n// Dropdowns\n// Z-index master list\n// Navs\n// Navbar\n// Pagination\n// Jumbotron\n// Form states and alerts\n// Cards\n// Tooltips\n// Popovers\n// Badges\n// Modals\n// Alerts\n// Progress bars\n// List group\n// Image thumbnails\n// Figures\n// Breadcrumbs\n// Carousel\n// Close\n// Code\n\n\n//\n// Color system\n//\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #868e96 !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: \ #000 !default;\n\n$grays: (\n 100: $gray-100,\n 200: $gray-200,\n 300: $gray-300,\n \ 400: $gray-400,\n 500: $gray-500,\n 600: $gray-600,\n 700: $gray-700,\n 800: $gray-800,\n 900: $gray-900\n) !default;\n\n$blue: #007bff !default;\n$indigo: \ #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: \ #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: \ #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: (\n blue: $blue,\n indigo: $indigo,\n purple: $purple,\n pink: $pink,\n red: $red,\n orange: $orange,\n yellow: $yellow,\n green: $green,\n teal: $teal,\n \ cyan: $cyan,\n white: $white,\n gray: $gray-600,\n gray-dark: $gray-800\n) !default;\n\n$theme-colors: (\n primary: $blue,\n secondary: $gray-600,\n success: $green,\n info: $cyan,\n warning: $yellow,\n danger: $red,\n light: $gray-100,\n \ dark: $gray-800\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-rounded: \ true !default;\n$enable-shadows: false !default;\n$enable-gradients: \ false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: \ false !default;\n$enable-grid-classes: true !default;\n$enable-print-styles: \ true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n \ 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n) !default;\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n) !default;\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n \ xl: 1140px\n) !default;\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n\n$border-radius: \ .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: \ .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: \ theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: \ all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !default;\n$font-family-monospace: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: 1.25rem !default;\n$font-size-sm: .875rem !default;\n\n$font-weight-normal: normal !default;\n$font-weight-bold: bold !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: 2.5rem !default;\n$h2-font-size: 2rem !default;\n$h3-font-size: 1.75rem !default;\n$h4-font-size: 1.5rem !default;\n$h5-font-size: 1.25rem !default;\n$h6-font-size: 1rem !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: \ 500 !default;\n$headings-line-height: 1.1 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: \ 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: \ 1.25rem !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black,.1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: \ inset 0 -.1rem 0 rgba($black,.25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: 5px !default;\n\n$mark-bg: #fcf8e3 !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black,.05) !default;\n$table-hover-bg: \ rgba($black,.075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: \ $gray-200 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: \ $gray-700 !default;\n\n$table-inverse-bg: $gray-900 !default;\n$table-inverse-accent-bg: rgba($white, .05) !default;\n$table-inverse-hover-bg: \ rgba($white, .075) !default;\n$table-inverse-border-color: lighten($gray-900, 7.5%) !default;\n$table-inverse-color: $body-bg !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n\n$input-btn-padding-y: \ .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: \ 1.25 !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: \ .5rem !default;\n$input-btn-line-height-sm: 1.5 !default;\n\n$input-btn-padding-y-lg: \ .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: \ 1.5 !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: \ inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;\n$btn-focus-box-shadow: \ 0 0 0 3px rgba(theme-color(\"primary\"), .25) !default;\n$btn-active-box-shadow: \ inset 0 3px 5px rgba($black,.125) !default;\n\n$btn-link-disabled-color: \ $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: \ $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: \ all .15s ease-in-out !default;\n\n\n// Forms\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: \ $gray-700 !default;\n$input-border-color: rgba($black,.15) !default;\n$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: \ $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: \ lighten(theme-color(\"primary\"), 25%) !default;\n$input-focus-box-shadow: \ $input-box-shadow, $btn-focus-box-shadow !default;\n$input-focus-color: \ $input-color !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-btn-border-width * 2 !default;\n\n$input-height-inner: \ ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: \ calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: \ ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;\n\n$form-text-margin-top: \ .25rem !default;\n\n$form-check-margin-bottom: .5rem !default;\n$form-check-input-gutter: \ 1.25rem !default;\n$form-check-input-margin-y: .25rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n\n$form-group-margin-bottom: \ 1rem !default;\n\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-y: .25rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: \ 1rem !default;\n$custom-control-indicator-bg: #ddd !default;\n$custom-control-indicator-bg-size: \ 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-description-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: \ $white !default;\n$custom-control-indicator-checked-bg: theme-color(\"primary\") !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color(\"primary\") !default;\n\n$custom-control-indicator-active-color: \ $white !default;\n$custom-control-indicator-active-bg: lighten(theme-color(\"primary\"), 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: theme-color(\"primary\") !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: \ .75rem !default;\n$custom-select-height: $input-height \ !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: \ $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: \ $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: \ 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: #333 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: \ $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: lighten(theme-color(\"primary\"), 25%) !default;\n$custom-select-focus-box-shadow: \ inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-file-height: 2.5rem !default;\n$custom-file-width: \ 14rem !default;\n$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color(\"primary\") !default;\n\n$custom-file-padding-y: 1rem !default;\n$custom-file-padding-x: .5rem !default;\n$custom-file-line-height: \ 1.5 !default;\n$custom-file-color: $gray-700 !default;\n$custom-file-bg: \ $white !default;\n$custom-file-border-width: $border-width !default;\n$custom-file-border-color: \ $input-border-color !default;\n$custom-file-border-radius: $border-radius !default;\n$custom-file-box-shadow: \ inset 0 .2rem .4rem rgba($black,.05) !default;\n$custom-file-button-color: \ $custom-file-color !default;\n$custom-file-button-bg: $gray-200 !default;\n$custom-file-text: (\n placeholder: (\n en: \"Choose file...\"\n ),\n button-label: (\n en: \"Browse\"\n )\n) !default;\n\n\n// Form validation\n$form-feedback-valid-color: \ theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: \ 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: \ .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: \ rgba($black,.15) !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: \ 0 .5rem 1rem rgba($black,.175) !default;\n\n$dropdown-link-color: \ $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: \ $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: \ .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: \ $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: \ 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: \ 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: \ 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: \ 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: \ $gray-600 !default;\n\n$nav-tabs-border-color: #ddd !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: \ $border-radius !default;\n$nav-tabs-link-hover-border-color: \ $gray-200 !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: \ #ddd !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: \ $spacer !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-padding-y: \ ($navbar-brand-height - $nav-link-height) / 2 !default;\n\n$navbar-toggler-padding-y: \ .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: \ $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white,.5) !default;\n$navbar-dark-hover-color: \ rgba($white,.75) !default;\n$navbar-dark-active-color: rgba($white,1) !default;\n$navbar-dark-disabled-color: rgba($white,.25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: \ rgba($white,.1) !default;\n\n$navbar-light-color: rgba($black,.5) !default;\n$navbar-light-hover-color: rgba($black,.7) !default;\n$navbar-light-active-color: \ rgba($black,.9) !default;\n$navbar-light-disabled-color: rgba($black,.3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black,.1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: \ .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: \ .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: \ 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: \ $border-width !default;\n$pagination-border-color: #ddd !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: \ $gray-200 !default;\n$pagination-hover-border-color: #ddd !default;\n\n$pagination-active-color: $white !default;\n$pagination-active-bg: \ theme-color(\"primary\") !default;\n$pagination-active-border-color: \ theme-color(\"primary\") !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: \ #ddd !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: \ .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: \ 1px !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: \ rgba($black,.125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-deck-margin: ($grid-gutter-width / 2) !default;\n\n$card-columns-count: \ 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: \ $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: 3px !default;\n$tooltip-padding-x: 8px !default;\n$tooltip-margin: 0 !default;\n\n\n$tooltip-arrow-width: 5px !default;\n$tooltip-arrow-height: \ 5px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-inner-padding: 1px !default;\n$popover-bg: \ $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: \ rgba($black,.2) !default;\n$popover-box-shadow: 0 5px 10px rgba($black,.2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: \ 8px !default;\n$popover-header-padding-x: 14px !default;\n\n$popover-body-color: \ $body-color !default;\n$popover-body-padding-y: 9px !default;\n$popover-body-padding-x: \ 14px !default;\n\n$popover-arrow-width: 10px !default;\n$popover-arrow-height: \ 5px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-color: $white !default;\n$badge-font-size: \ 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: \ .25em !default;\n$badge-padding-x: .4em !default;\n\n$badge-pill-padding-x: \ .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: \ 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: \ 15px !default;\n\n$modal-dialog-margin: 10px !default;\n$modal-dialog-margin-y-sm-up: 30px !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: \ $white !default;\n$modal-content-border-color: rgba($black,.2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: \ 0 3px 9px rgba($black,.5) !default;\n$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: \ .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: \ $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: \ 15px !default;\n\n$modal-lg: 800px !default;\n$modal-md: \ 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: \ transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: \ 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: \ $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: .75rem !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: \ $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: \ theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: \ rgba($black,.125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: \ .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: \ $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: \ $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: \ $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: \ $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: \ $border-width !default;\n$thumbnail-border-color: #ddd !default;\n$thumbnail-border-radius: \ $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;\n$thumbnail-transition: all .2s ease-in-out !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: \ 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-bg: \ $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \ \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: \ .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: \ 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: \ $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: \ $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 90% !default;\n$code-padding-y: \ .2rem !default;\n$code-padding-x: .4rem !default;\n$code-color: \ #bd4147 !default;\n$code-bg: $gray-100 !default;\n\n$kbd-color: \ $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: \ $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n// Cyborg 4.0.0\n// Bootswatch\n\n//\n// Color system\n//\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ADAFAE;\n$gray-500: #888;\n$gray-600: #555;\n$gray-700: #282828;\n$gray-800: #222;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$blue: #2A9FD6;\n$indigo: \ #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: \ #CC0000;\n$orange: #fd7e14 !default;\n$yellow: #FF8800;\n$green: #77B300;\n$teal: \ #20c997 !default;\n$cyan: #9933CC;\n\n$primary: $blue !default;\n$secondary: \ $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: \ $gray-100 !default;\n$dark: $gray-800 !default;\n\n\n// Body\n\n$body-bg: \ #060606;\n$body-color: $gray-500;\n\n// Fonts\n\n$font-family-sans-serif: \"Roboto\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n\n$font-size-base: .875rem;\n\n$h1-font-size: 4rem;\n$h2-font-size: 3rem;\n$h3-font-size: 2.5rem;\n$h4-font-size: 2rem;\n$h5-font-size: 1.5rem;\n\n$headings-color: \ $white;\n\n// Tables\n\n$table-accent-bg: rgba($white,.05);\n$table-hover-bg: \ rgba($white,.075);\n\n$table-border-color: $gray-700;\n\n$table-head-color: \ $white;\n\n$table-inverse-color: $white;\n\n// Buttons\n\n$input-btn-padding-x: \ 1rem;\n\n// Forms\n\n$input-disabled-bg: $gray-400;\n\n$input-border-color:\t\t\t transparent;\n\n$input-group-addon-bg: $gray-700;\n\n// Dropdowns\n\n$dropdown-bg: \ $gray-700;\n$dropdown-divider-bg: $gray-800;\n\n$dropdown-link-color: \ $white;\n$dropdown-link-hover-color: $white;\n$dropdown-link-hover-bg: \ $primary;\n\n// Navs\n\n$nav-tabs-border-color: $table-border-color;\n$nav-tabs-link-hover-border-color: \ $nav-tabs-border-color;\n$nav-tabs-link-active-color: $white;\n$nav-tabs-link-active-bg: \ $nav-tabs-border-color;\n$nav-tabs-link-active-border-color: \ $nav-tabs-border-color;\n\n// Navbar\n\n$navbar-dark-hover-color: $white;\n\n// Pagination\n\n$pagination-color: $white;\n$pagination-bg: \ $gray-700;\n$pagination-border-color: transparent;\n\n$pagination-hover-color: \ $white;\n$pagination-hover-bg: $primary;\n$pagination-hover-border-color: \ $pagination-border-color;\n\n$pagination-disabled-bg: $pagination-bg;\n$pagination-disabled-border-color: \ $pagination-border-color;\n\n\n// Jumbotron\n\n$jumbotron-bg: $gray-700;\n\n// Cards\n\n$card-border-color: $gray-700;\n$card-cap-bg: $gray-800;\n$card-bg: \ $gray-700;\n\n// Tooltips\n\n$tooltip-bg: $gray-700;\n$tooltip-opacity: \ 1;\n\n// Popovers\n\n$popover-bg: $gray-700;\n\n// Modals\n\n$modal-content-bg: $gray-800;\n\n$modal-header-border-color: \ $gray-700;\n\n// Progress bars\n\n$progress-bg: $gray-700;\n\n// List group\n\n$list-group-bg: $gray-800;\n$list-group-border-color: \ $gray-700;\n\n$list-group-hover-bg: $primary;\n\n$list-group-disabled-bg: \ $gray-700;\n\n$list-group-action-active-bg: $primary;\n\n// Breadcrumbs\n\n$breadcrumb-bg: \ $gray-700;\n\n// Close\n\n$close-color: $white;\n$close-text-shadow: \ none;\n" cards_612: id: 1452 name: cyborg skin+style key: cyborg_skin+style codename: left_id: 1359 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Cyborg 4.0.0 // Bootswatch // Variables =================================================================== $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,700" !default; @import url($web-font-path); // Navbar ====================================================================== .bg-primary { border: 1px solid $gray-700; } .bg-light { border: 1px solid $gray-700; } .navbar { &.fixed-top { border-width: 0 0 1px 0; } &.fixed-bottom { border-width: 1px 0 0 0; } &.bg-light { background-color: $body-bg !important; } } // Buttons ===================================================================== .btn { &-warning, &-warning:hover { color: $white; } } // Typography ================================================================== // Tables ====================================================================== table { color: #fff; } .table { .thead-dark th { color: $white; } &-success { &, > th, > td { background-color: $success; } } &-info { &, > th, > td { background-color: $info; } } &-danger { &, > th, > td { background-color: $danger; } } &-warning { &, > th, > td { background-color: $warning; } } &-hover { .table-success:hover { &, > th, > td { background-color: darken($success, 5%); } } .table-info:hover { &, > th, > td { background-color: darken($info, 5%); } } .table-danger:hover { &, > th, > td { background-color: darken($danger, 5%); } } .table-warning:hover { &, > th, > td { background-color: darken($warning, 5%); } } } } // Forms ======================================================================= legend, .input-group-addon { color: #fff; } // Navs ======================================================================== .nav-tabs, .nav-pills { .nav-link { color: #fff; &:hover { background-color: $gray-700; } &.disabled, &.disabled:hover { background-color: transparent; color: $nav-link-disabled-color; } &.active { background-color: $primary; } } } .breadcrumb { a { color: #fff; } } .pagination { a:hover { text-decoration: none; } } // Indicators ================================================================== .alert { border: none; color: $white; a, .alert-link { color: #fff; text-decoration: underline; } &-primary { background-color: $primary; } &-success { background-color: $success; } &-danger { background-color: $danger; } &-warning { background-color: $warning; } &-info { background-color: $info; } &-dark { background-color: $dark; } } .badge { &-warning { color: $white; } } .close { opacity: 0.6; &:hover { opacity: 1; } } // Progress bars =============================================================== // Containers ================================================================== .list-group-item { &:hover { background-color: $gray-700; color: #fff; } &-action { color: $gray-500; .list-group-item-heading { color: $gray-500; } } &:hover .list-group-item-heading { color: #fff; } } .card { &-header { background-color: $gray-800; } &-header, &-title { color: #fff; } } .popover { &-title { border-bottom: none; } } cards_613: id: 1454 name: darkly skin+variables key: darkly_skin+variable codename: left_id: 1363 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n \ } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n \ $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n \ }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n \ }\n\n @return $string;\n}\n\n// Color contrast\n@mixin color-yiq($color) {\n \ $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= 150) {\n color: #111;\n } @else {\n color: #fff;\n }\n}\n\n// Retreive color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function grayscale($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n \ $color-base: if($level > 0, #000, #fff);\n\n @if $level < 0 {\n // Lighter values need a quick double negative for the Sass math to work\n @return mix($color-base, $color, $level * -1 * $theme-color-interval);\n } @else {\n @return mix($color-base, $color, $level * $theme-color-interval);\n }\n}\n\n// Variables\n//\n// Copy settings from this file into the provided `_custom.scss` to override\n// the Bootstrap defaults without modifying key, versioned files.\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Table of Contents\n//\n// Color system\n// Options\n// Spacing\n// Body\n// Links\n// Grid breakpoints\n// Grid containers\n// Grid columns\n// Fonts\n// Components\n// Tables\n// Buttons\n// Forms\n// Dropdowns\n// Z-index master list\n// Navs\n// Navbar\n// Pagination\n// Jumbotron\n// Form states and alerts\n// Cards\n// Tooltips\n// Popovers\n// Badges\n// Modals\n// Alerts\n// Progress bars\n// List group\n// Image thumbnails\n// Figures\n// Breadcrumbs\n// Carousel\n// Close\n// Code\n\n\n//\n// Color system\n//\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #868e96 !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: \ #000 !default;\n\n$grays: (\n 100: $gray-100,\n 200: $gray-200,\n 300: $gray-300,\n \ 400: $gray-400,\n 500: $gray-500,\n 600: $gray-600,\n 700: $gray-700,\n 800: $gray-800,\n 900: $gray-900\n) !default;\n\n$blue: #007bff !default;\n$indigo: \ #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: \ #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: \ #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: (\n blue: $blue,\n indigo: $indigo,\n purple: $purple,\n pink: $pink,\n red: $red,\n orange: $orange,\n yellow: $yellow,\n green: $green,\n teal: $teal,\n \ cyan: $cyan,\n white: $white,\n gray: $gray-600,\n gray-dark: $gray-800\n) !default;\n\n$theme-colors: (\n primary: $blue,\n secondary: $gray-600,\n success: $green,\n info: $cyan,\n warning: $yellow,\n danger: $red,\n light: $gray-100,\n \ dark: $gray-800\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-rounded: \ true !default;\n$enable-shadows: false !default;\n$enable-gradients: \ false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: \ false !default;\n$enable-grid-classes: true !default;\n$enable-print-styles: \ true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n \ 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n) !default;\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n) !default;\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n \ xl: 1140px\n) !default;\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n\n$border-radius: \ .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: \ .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: \ theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: \ all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !default;\n$font-family-monospace: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: 1.25rem !default;\n$font-size-sm: .875rem !default;\n\n$font-weight-normal: normal !default;\n$font-weight-bold: bold !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: 2.5rem !default;\n$h2-font-size: 2rem !default;\n$h3-font-size: 1.75rem !default;\n$h4-font-size: 1.5rem !default;\n$h5-font-size: 1.25rem !default;\n$h6-font-size: 1rem !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: \ 500 !default;\n$headings-line-height: 1.1 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: \ 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: \ 1.25rem !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black,.1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: \ inset 0 -.1rem 0 rgba($black,.25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: 5px !default;\n\n$mark-bg: #fcf8e3 !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black,.05) !default;\n$table-hover-bg: \ rgba($black,.075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: \ $gray-200 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: \ $gray-700 !default;\n\n$table-inverse-bg: $gray-900 !default;\n$table-inverse-accent-bg: rgba($white, .05) !default;\n$table-inverse-hover-bg: \ rgba($white, .075) !default;\n$table-inverse-border-color: lighten($gray-900, 7.5%) !default;\n$table-inverse-color: $body-bg !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n\n$input-btn-padding-y: \ .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: \ 1.25 !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: \ .5rem !default;\n$input-btn-line-height-sm: 1.5 !default;\n\n$input-btn-padding-y-lg: \ .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: \ 1.5 !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: \ inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;\n$btn-focus-box-shadow: \ 0 0 0 3px rgba(theme-color(\"primary\"), .25) !default;\n$btn-active-box-shadow: \ inset 0 3px 5px rgba($black,.125) !default;\n\n$btn-link-disabled-color: \ $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: \ $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: \ all .15s ease-in-out !default;\n\n\n// Forms\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: \ $gray-700 !default;\n$input-border-color: rgba($black,.15) !default;\n$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: \ $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: \ lighten(theme-color(\"primary\"), 25%) !default;\n$input-focus-box-shadow: \ $input-box-shadow, $btn-focus-box-shadow !default;\n$input-focus-color: \ $input-color !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-btn-border-width * 2 !default;\n\n$input-height-inner: \ ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: \ calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: \ ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;\n\n$form-text-margin-top: \ .25rem !default;\n\n$form-check-margin-bottom: .5rem !default;\n$form-check-input-gutter: \ 1.25rem !default;\n$form-check-input-margin-y: .25rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n\n$form-group-margin-bottom: \ 1rem !default;\n\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-y: .25rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: \ 1rem !default;\n$custom-control-indicator-bg: #ddd !default;\n$custom-control-indicator-bg-size: \ 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-description-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: \ $white !default;\n$custom-control-indicator-checked-bg: theme-color(\"primary\") !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color(\"primary\") !default;\n\n$custom-control-indicator-active-color: \ $white !default;\n$custom-control-indicator-active-bg: lighten(theme-color(\"primary\"), 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: theme-color(\"primary\") !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: \ .75rem !default;\n$custom-select-height: $input-height \ !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: \ $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: \ $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: \ 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: #333 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: \ $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: lighten(theme-color(\"primary\"), 25%) !default;\n$custom-select-focus-box-shadow: \ inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-file-height: 2.5rem !default;\n$custom-file-width: \ 14rem !default;\n$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color(\"primary\") !default;\n\n$custom-file-padding-y: 1rem !default;\n$custom-file-padding-x: .5rem !default;\n$custom-file-line-height: \ 1.5 !default;\n$custom-file-color: $gray-700 !default;\n$custom-file-bg: \ $white !default;\n$custom-file-border-width: $border-width !default;\n$custom-file-border-color: \ $input-border-color !default;\n$custom-file-border-radius: $border-radius !default;\n$custom-file-box-shadow: \ inset 0 .2rem .4rem rgba($black,.05) !default;\n$custom-file-button-color: \ $custom-file-color !default;\n$custom-file-button-bg: $gray-200 !default;\n$custom-file-text: (\n placeholder: (\n en: \"Choose file...\"\n ),\n button-label: (\n en: \"Browse\"\n )\n) !default;\n\n\n// Form validation\n$form-feedback-valid-color: \ theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: \ 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: \ .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: \ rgba($black,.15) !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: \ 0 .5rem 1rem rgba($black,.175) !default;\n\n$dropdown-link-color: \ $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: \ $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: \ .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: \ $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: \ 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: \ 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: \ 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: \ 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: \ $gray-600 !default;\n\n$nav-tabs-border-color: #ddd !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: \ $border-radius !default;\n$nav-tabs-link-hover-border-color: \ $gray-200 !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: \ #ddd !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: \ $spacer !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-padding-y: \ ($navbar-brand-height - $nav-link-height) / 2 !default;\n\n$navbar-toggler-padding-y: \ .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: \ $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white,.5) !default;\n$navbar-dark-hover-color: \ rgba($white,.75) !default;\n$navbar-dark-active-color: rgba($white,1) !default;\n$navbar-dark-disabled-color: rgba($white,.25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: \ rgba($white,.1) !default;\n\n$navbar-light-color: rgba($black,.5) !default;\n$navbar-light-hover-color: rgba($black,.7) !default;\n$navbar-light-active-color: \ rgba($black,.9) !default;\n$navbar-light-disabled-color: rgba($black,.3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black,.1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: \ .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: \ .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: \ 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: \ $border-width !default;\n$pagination-border-color: #ddd !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: \ $gray-200 !default;\n$pagination-hover-border-color: #ddd !default;\n\n$pagination-active-color: $white !default;\n$pagination-active-bg: \ theme-color(\"primary\") !default;\n$pagination-active-border-color: \ theme-color(\"primary\") !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: \ #ddd !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: \ .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: \ 1px !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: \ rgba($black,.125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-deck-margin: ($grid-gutter-width / 2) !default;\n\n$card-columns-count: \ 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: \ $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: 3px !default;\n$tooltip-padding-x: 8px !default;\n$tooltip-margin: 0 !default;\n\n\n$tooltip-arrow-width: 5px !default;\n$tooltip-arrow-height: \ 5px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-inner-padding: 1px !default;\n$popover-bg: \ $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: \ rgba($black,.2) !default;\n$popover-box-shadow: 0 5px 10px rgba($black,.2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: \ 8px !default;\n$popover-header-padding-x: 14px !default;\n\n$popover-body-color: \ $body-color !default;\n$popover-body-padding-y: 9px !default;\n$popover-body-padding-x: \ 14px !default;\n\n$popover-arrow-width: 10px !default;\n$popover-arrow-height: \ 5px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-color: $white !default;\n$badge-font-size: \ 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: \ .25em !default;\n$badge-padding-x: .4em !default;\n\n$badge-pill-padding-x: \ .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: \ 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: \ 15px !default;\n\n$modal-dialog-margin: 10px !default;\n$modal-dialog-margin-y-sm-up: 30px !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: \ $white !default;\n$modal-content-border-color: rgba($black,.2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: \ 0 3px 9px rgba($black,.5) !default;\n$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: \ .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: \ $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: \ 15px !default;\n\n$modal-lg: 800px !default;\n$modal-md: \ 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: \ transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: \ 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: \ $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: .75rem !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: \ $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: \ theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: \ rgba($black,.125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: \ .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: \ $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: \ $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: \ $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: \ $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: \ $border-width !default;\n$thumbnail-border-color: #ddd !default;\n$thumbnail-border-radius: \ $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;\n$thumbnail-transition: all .2s ease-in-out !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: \ 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-bg: \ $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \ \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: \ .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: \ 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: \ $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: \ $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 90% !default;\n$code-padding-y: \ .2rem !default;\n$code-padding-x: .4rem !default;\n$code-color: \ #bd4147 !default;\n$code-bg: $gray-100 !default;\n\n$kbd-color: \ $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: \ $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n// Darkly 4.0.0\n// Bootswatch\n\n//\n// Color system\n//\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #ebebeb;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #999;\n$gray-700: #444;\n$gray-800: #303030;\n$gray-900: #222;\n$black: #000 !default;\n\n$blue: \ #375a7f;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: \ #e83e8c !default;\n$red: #E74C3C;\n$orange: #fd7e14 !default;\n$yellow: \ #F39C12;\n$green: #00bc8c;\n$teal: #20c997 !default;\n$cyan: #3498DB;\n\n$primary: \ $blue !default;\n$secondary: $gray-700;\n$success: $green !default;\n$info: \ $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-800;\n$dark: $gray-800 !default;\n\n// Body\n\n$body-bg: $gray-900;\n$body-color: $white;\n\n// Links\n\n$link-color: $success;\n\n// Fonts\n\n$font-family-sans-serif: \ \"Lato\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n$font-size-base: 0.9375rem;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: \ $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: \ $font-size-base !default;\n\n// Tables\n\n$table-accent-bg: $gray-800;\n\n$table-border-color: \ $gray-700;\n\n// Forms\n\n$input-border-color:\t\t\t\t\ttransparent;\n\n$input-group-addon-bg: \ $gray-700;\n\n// Dropdowns\n\n$dropdown-bg: $gray-900;\n$dropdown-border-color: \ $gray-700;\n$dropdown-divider-bg: $gray-700;\n\n$dropdown-link-color: \ $white;\n$dropdown-link-hover-color: $white;\n$dropdown-link-hover-bg: \ $primary;\n\n// Navs\n\n$nav-link-padding-x: 2rem;\n$nav-link-disabled-color: \ $gray-200;\n\n$nav-tabs-border-color: $gray-700;\n$nav-tabs-link-hover-border-color: \ $nav-tabs-border-color;\n$nav-tabs-link-active-border-color: $nav-tabs-border-color;\n\n// Navbar\n\n$navbar-padding-y: 1rem;\n\n$navbar-dark-color: $white;\n$navbar-dark-hover-color: \ $success;\n\n// Pagination\n\n$pagination-color: $white;\n$pagination-bg: \ $success;\n$pagination-border-width: 0;\n$pagination-border-color: \ transparent;\n\n$pagination-hover-color: $white;\n$pagination-hover-bg: \ lighten($success, 10%);\n$pagination-hover-border-color: transparent;\n\n$pagination-active-bg: \ $pagination-hover-bg;\n$pagination-active-border-color: transparent;\n\n$pagination-disabled-color: \ $white;\n$pagination-disabled-bg: darken($success, 15%);\n$pagination-disabled-border-color: \ transparentt;\n\n\n// Jumbotron\n\n$jumbotron-bg: $gray-800;\n\n// Cards\n\n$card-cap-bg: $gray-700;\n$card-bg: $gray-800;\n\n// Popovers\n\n$popover-bg: $gray-800;\n\n$popover-header-bg: \ $gray-700;\n\n// Modals\n\n$modal-content-bg: $gray-800;\n$modal-content-border-color: \ $gray-700;\n\n$modal-header-border-color: $gray-700;\n\n// Progress bars\n\n$progress-height: 10px;\n$progress-font-size: 10px;\n$progress-bg: \ $gray-700;\n\n// List group\n\n$list-group-bg: $gray-800;\n$list-group-border-color: \ $gray-700;\n\n$list-group-hover-bg: $gray-700;\n\n// Breadcrumbs\n\n$breadcrumb-bg: $gray-700;\n\n// Close\n\n$close-color: \ $white;\n$close-text-shadow: none;\n" cards_614: id: 1456 name: darkly skin+style key: darkly_skin+style codename: left_id: 1363 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "// Darkly 4.0.0\n// Bootswatch\n\n\n// Variables ===================================================================\n\n$web-font-path: \"https://fonts.googleapis.com/css?family=Lato:400,700,400italic\" !default;\n@import url($web-font-path);\n\n// Navbar ======================================================================\n\n.bg-dark {\n background-color: $success !important;\n}\n\n// Buttons =====================================================================\n\n// Typography ==================================================================\n\n.blockquote {\n &-footer {\n color: $gray-600;\n }\n}\n\n// Tables ======================================================================\n\n.table {\n &-success,\n &-info,\n &-warning,\n &-danger {\n color: #fff;\n }\n}\n\n.table {\n\n .thead-dark th {\n color: $white;\n }\n\n &-success {\n &, > th, > td {\n background-color: $success;\n }\n }\n\n &-info {\n &, > th, > td {\n background-color: $info;\n }\n }\n\n &-danger {\n &, > th, > td {\n background-color: $danger;\n }\n }\n\n &-warning {\n \ &, > th, > td {\n background-color: $warning;\n }\n }\n\n &-hover {\n\n .table-success:hover {\n &, > th, > td {\n background-color: darken($success, 5%);\n }\n }\n\n .table-info:hover {\n &, > th, > td {\n background-color: darken($info, 5%);\n }\n }\n\n .table-danger:hover {\n &, > th, > td {\n background-color: darken($danger, 5%);\n }\n \ }\n\n .table-warning:hover {\n &, > th, > td {\n background-color: darken($warning, 5%);\n }\n }\n\n }\n}\n\n// Forms =======================================================================\n\n.input-group-addon {\n color: #fff;\n}\n\n// Navs ========================================================================\n\n.nav-tabs,\n.nav-pills {\n\n .nav-link,\n .nav-link.active,\n .nav-link.active:focus,\n .nav-link.active:hover, \n .nav-item.open .nav-link,\n .nav-item.open .nav-link:focus,\n .nav-item.open .nav-link:hover {\n color: #fff;\n }\n}\n\n.breadcrumb a {\n color: #fff;\n}\n\n.pagination {\n a:hover {\n text-decoration: none;\n }\n}\n\n// Indicators ==================================================================\n\n.close {\n opacity: 0.4;\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n}\n\n.alert {\n border: none;\n color: $white;\n\n a,\n .alert-link {\n color: #fff;\n \ text-decoration: underline;\n }\n\n &-primary {\n background-color: $primary;\n \ }\n\n &-success {\n background-color: $success;\n }\n\n &-danger {\n background-color: $danger;\n }\n\n &-warning {\n background-color: $warning;\n }\n\n &-info {\n background-color: $info;\n }\n\n &-dark {\n background-color: $dark;\n \ }\n}\n\n// Progress bars ===============================================================\n\n// Containers ==================================================================\n\n\n.list-group-item-action {\n color: #fff;\n\n &:hover,\n &:focus {\n background-color: $gray-700;\n \ color: #fff;\n }\n\n .list-group-item-heading {\n color: #fff;\n }\n}\n" cards_615: id: 1458 name: flatly skin+variables key: flatly_skin+variable codename: left_id: 1367 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Flatly 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #ecf0f1; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #b4bcc2; $gray-600: #95a5a6; $gray-700: #7b8a8b; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $blue: #2C3E50; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #E74C3C; $orange: #fd7e14 !default; $yellow: #F39C12; $green: #18BC9C; $teal: #20c997 !default; $cyan: #3498DB; $primary: $blue !default; $secondary: $gray-600; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-200; $dark: $gray-700; // Links $link-color: $success; // Fonts $font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $font-size-base: 0.9375rem; $h1-font-size: 3rem; $h2-font-size: 2.5rem; $h3-font-size: 2rem; // Tables $table-accent-bg: $gray-200; // Dropdowns $dropdown-link-color: $gray-700; $dropdown-link-hover-color: $white; $dropdown-link-hover-bg: $primary; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 2rem; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: $gray-200; // Navbar $navbar-padding-y: 1rem; $navbar-dark-color: $white; $navbar-dark-hover-color: $success; // Pagination $pagination-color: $white; $pagination-bg: $success; $pagination-border-width: 0; $pagination-border-color: transparent; $pagination-hover-color: $white; $pagination-hover-bg: darken($success, 15%); $pagination-hover-border-color: transparent; $pagination-active-bg: $pagination-hover-bg; $pagination-active-border-color: transparent; $pagination-disabled-color: $gray-200; $pagination-disabled-bg: lighten($success, 15%); $pagination-disabled-border-color: transparent; // Progress bars $progress-height: 10px; $progress-font-size: 10px; // List group $list-group-hover-bg: $gray-200; $list-group-disabled-bg: $gray-200; // Close $close-color: $white; $close-text-shadow: none; cards_616: id: 1460 name: flatly skin+style key: flatly_skin+style codename: left_id: 1367 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "// Flatly 4.0.0\n// Bootswatch\n\n\n// Variables ===================================================================\n\n$web-font-path: \"https://fonts.googleapis.com/css?family=Lato:400,700,400italic\" !default;\n@import url($web-font-path);\n\n// Navbar =======================================================================\n\n.bg-dark {\n background-color: $success !important;\n\n &.navbar-inverse .navbar-nav .nav-link:focus,\n &.navbar-inverse .navbar-nav .nav-link:hover {\n color: $primary !important;\n }\n}\n\n.navbar {\n\n &-brand {\n margin-right: 2rem;\n \ }\n\n &-nav .nav-item + .nav-item {\n margin-left: 2rem;\n }\n\n &-nav .nav-link {\n padding-top: 0.5rem;\n }\n}\n\n// Buttons =====================================================================\n\n.btn {\n &-secondary,\n &-secondary:hover,\n &-warning,\n &-warning:hover {\n color: #fff;\n }\n}\n\n// Typography ==================================================================\n\n// Tables ======================================================================\n\n.table {\n\n .thead-dark th {\n background-color: $primary;\n }\n\n &-success,\n \ &-info,\n &-warning,\n &-danger {\n color: #fff;\n }\n\n &-success {\n \ &, > th, > td {\n background-color: $success;\n }\n }\n\n &-info {\n &, > th, > td {\n background-color: $info;\n }\n }\n\n &-danger {\n &, > th, > td {\n background-color: $danger;\n }\n }\n\n &-warning {\n &, > th, > td {\n background-color: $warning;\n }\n }\n\n &-hover {\n\n .table-success:hover {\n &, > th, > td {\n background-color: darken($success, 5%);\n }\n }\n\n .table-info:hover {\n &, > th, > td {\n background-color: darken($info, 5%);\n }\n }\n\n .table-danger:hover {\n &, > th, > td {\n background-color: darken($danger, 5%);\n }\n \ }\n\n .table-warning:hover {\n &, > th, > td {\n background-color: darken($warning, 5%);\n }\n }\n\n }\n}\n\n// Forms =======================================================================\n\n// Navs ========================================================================\n\n.nav-tabs {\n .nav-link.active,\n .nav-link.active:focus,\n .nav-link.active:hover, \n \ .nav-item.open .nav-link,\n .nav-item.open .nav-link:focus,\n .nav-item.open .nav-link:hover {\n color: $primary;\n }\n}\n\n.pagination {\n a:hover {\n \ text-decoration: none;\n }\n}\n\n// Indicators ==================================================================\n\n.close {\n text-decoration: none;\n opacity: 0.4;\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n}\n\n.badge {\n &-secondary,\n &-warning {\n color: #fff;\n }\n}\n\n\n.alert {\n border: none;\n color: $white;\n\n a,\n .alert-link {\n color: #fff;\n \ text-decoration: underline;\n }\n\n &-primary {\n background-color: $primary;\n \ }\n\n &-success {\n background-color: $success;\n }\n\n &-danger {\n background-color: $danger;\n }\n\n &-warning {\n background-color: $warning;\n }\n\n &-info {\n background-color: $info;\n }\n\n &-dark {\n background-color: $dark;\n \ }\n}\n\n// Progress bars ===============================================================\n\n// Containers ==================================================================\n" cards_617: id: 1462 name: journal skin+variables key: journal_skin+variable codename: left_id: 1371 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Journal 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #eee; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #aaa !default; $gray-600: #777 !default; $gray-700: #495057 !default; $gray-800: #333; $gray-900: #222; $black: #000 !default; $blue: #EB6864; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #F57A00; $orange: #fd7e14 !default; $yellow: #F5E625; $green: #22B24C; $teal: #20c997 !default; $cyan: #369; $primary: $blue !default; $secondary: $gray-500; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-900; // Fonts $headings-font-family: "News Cycle", "Arial Narrow Bold", sans-serif; $headings-font-weight: 700; $headings-line-height: 1.1; // Buttons $input-btn-padding-x: 1rem; // Navbar $navbar-light-color: rgba($black,.7); $navbar-light-hover-color: $black; $navbar-light-active-color: $black; // Pagination $pagination-hover-color: $white; $pagination-hover-bg: $primary; $pagination-hover-border-color: $primary; cards_618: id: 1464 name: journal skin+style key: journal_skin+style codename: left_id: 1371 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Journal 4.0.0 // Bootswatch // Variables =================================================================== $web-font-path: "https://fonts.googleapis.com/css?family=News+Cycle:400,700" !default; @import url($web-font-path); // Navbar ====================================================================== .bg-dark { background-color: #000 !important; } .bg-light { background-color: $white !important; color: $black; border: 1px solid $gray-200; &.navbar-fixed-top { border-width: 0 0 1px 0; } &.navbar-fixed-bottom { border-width: 1px 0 0 0; } } .navbar { font-size: 18px; font-family: $headings-font-family; font-weight: $headings-font-weight; } .navbar-brand { padding-top: 0.5rem; font-size: inherit; font-weight: $headings-font-weight; text-transform: uppercase; } // Buttons ===================================================================== .btn { font-family: $headings-font-family; font-weight: $headings-font-weight; &-secondary, &-warning { color: $white; } } // Typography ================================================================== // Tables ====================================================================== // Forms ======================================================================= // Navs ======================================================================== .pagination { a:hover { text-decoration: none; } } // Indicators ================================================================== // Progress bars =============================================================== // Containers ================================================================== cards_619: id: 1466 name: lumen skin+variables key: luman_skin+variable codename: left_id: 1375 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Lumen 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f6f6f6; $gray-200: #f0f0f0; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #999 !default; $gray-700: #555; $gray-800: #333; $gray-900: #222; $black: #000 !default; $blue: #158CBA; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #FF4136; $orange: #fd7e14 !default; $yellow: #FF851B; $green: #28B62C; $teal: #20c997 !default; $cyan: #75CAEB; $primary: $blue !default; $secondary: $gray-200; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-900; // Fonts $font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $font-size-base: 0.875rem; // Dropdowns $dropdown-link-color: rgba(0,0,0,.5); // Navs $nav-tabs-border-color: $gray-200; $nav-tabs-link-hover-border-color: $nav-tabs-border-color; $nav-tabs-link-active-border-color: $nav-tabs-border-color; // Pagination $pagination-color: $gray-700; $pagination-bg: $gray-200; $pagination-hover-color: $pagination-color; $pagination-hover-bg: $pagination-bg; $pagination-active-border-color: darken($primary, 5%); $pagination-disabled-color: $gray-600; $pagination-disabled-bg: $pagination-bg; // Jumbotron $jumbotron-bg: #fafafa; // Modals $modal-content-border-color: rgba($black,.1); cards_620: id: 1468 name: lumen skin+style key: luman_skin+style codename: left_id: 1375 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: "// Lumen 4.0.0\n// Bootswatch\n\n\n// Variables ===================================================================\n\n$web-font-path: \"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic\" !default;\n@import url($web-font-path);\n\n@mixin shadow($width: 4px){\n border-style: solid;\n border-width: 0 1px $width 1px;\n}\n\n// Navbar ======================================================================\n\n.navbar {\n @include shadow();\n}\n\n.bg-primary {\n border-color: darken($primary, 5%);\n}\n\n.bg-dark {\n background-color: $gray-200 !important;\n border-color: darken($gray-200, 5%);\n}\n\n.bg-light {\n background-color: #fff !important;\n \ border-color: darken(#fff, 5%);\n}\n\n// Buttons =====================================================================\n\n.btn {\n @include shadow();\n font-size: 12px;\n font-weight: bold;\n text-transform: uppercase;\n\n &:not(.disabled):hover {\n margin-top: 1px;\n border-bottom-width: 3px;\n }\n\n &:not(.disabled):active {\n margin-top: 2px;\n border-bottom-width: 2px;\n @include box-shadow(none);\n }\n}\n\n[class*=\"btn-outline\"] {\n border-top-width: 1px;\n}\n\n.btn {\n &-primary {\n border-color: darken($primary, 5%);\n }\n\n \ &-secondary {\n border-color: darken($secondary, 5%);\n }\n\n &-success {\n border-color: darken($success, 5%);\n }\n\n &-info {\n border-color: darken($info, 5%);\n color: $white;\n }\n\n &-danger {\n border-color: darken($danger, 5%);\n }\n\n &-warning {\n border-color: darken($warning, 5%);\n color: $white;\n }\n\n &-light {\n border-color: darken($light, 5%);\n }\n\n &-dark {\n border-color: darken($dark, 5%);\n }\n}\n\n.btn-group-vertical {\n .btn + .btn {\n &:hover {\n margin-top: -1px;\n border-top-width: 1px;\n }\n\n &:active {\n margin-top: -1px;\n border-top-width: 2px;\n }\n }\n}\n\n// Typography ==================================================================\n\n.blockquote-footer {\n color: $gray-600;\n}\n\n// Tables ======================================================================\n\n.table {\n\n &-success,\n &-info,\n &-warning,\n &-danger {\n color: #fff;\n }\n\n \ .thead-dark th {\n background-color: $primary;\n border-color: $primary;\n \ }\n\n &-success {\n &, > th, > td {\n background-color: $success;\n \ }\n }\n\n &-info {\n &, > th, > td {\n background-color: $info;\n \ }\n }\n\n &-danger {\n &, > th, > td {\n background-color: $danger;\n \ }\n }\n\n &-warning {\n &, > th, > td {\n background-color: $warning;\n \ }\n }\n\n &-hover {\n\n .table-success:hover {\n &, > th, > td {\n \ background-color: darken($success, 5%);\n }\n }\n\n .table-info:hover {\n &, > th, > td {\n background-color: darken($info, 5%);\n }\n \ }\n\n .table-danger:hover {\n &, > th, > td {\n background-color: darken($danger, 5%);\n }\n }\n\n .table-warning:hover {\n &, > th, > td {\n background-color: darken($warning, 5%);\n }\n }\n\n \ }\n}\n\n// Forms =======================================================================\n\n.form-control {\n box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);\n}\n\n// Navs ========================================================================\n\n.nav {\n .open > a,\n .open > a:hover,\n .open > a:focus {\n border-color: transparent;\n \ }\n}\n\n.nav-tabs {\n\n .nav-link {\n color: $body-color;\n\n &,\n &.disabled,\n \ &.disabled:hover,\n &.disabled:focus {\n margin-top: 6px;\n border-color: $nav-tabs-border-color;\n transition: all 0.2s ease-in-out;\n }\n\n &:not(.disabled):hover,\n \ &:not(.disabled):focus {\n padding-bottom: calc(0.5em + 6px);\n margin-top: 0;\n }\n }\n\n &.nav-justified > li {\n vertical-align: bottom;\n }\n}\n\n.dropdown-menu {\n margin-top: 0;\n @include shadow();\n border-top-width: 1px;\n @include box-shadow(none);\n}\n\n.breadcrumb {\n border-color: darken($breadcrumb-bg, 5%);\n @include shadow();\n}\n\n.pagination {\n\n > li > a,\n > li > span {\n \ position: relative;\n top: 0;\n @include shadow();\n color: $pagination-color;\n \ font-size: 12px;\n font-weight: bold;\n text-transform: uppercase;\n\n \ &:hover,\n &:focus {\n top: 1px;\n border-bottom-width: 3px;\n \ text-decoration: none;\n }\n\n &:active {\n top: 2px;\n border-bottom-width: 2px;\n }\n }\n\n > .disabled > a,\n > .disabled > span {\n\n &:hover {\n top: 0;\n @include shadow();\n }\n\n &:active {\n top: 0;\n @include shadow();\n }\n }\n}\n\n.pager {\n\n > li > a,\n > li > span,\n > .disabled > a,\n > .disabled > span {\n\n &,\n &:hover,\n \ &:active {\n border-left-width: 2px;\n border-right-width: 2px;\n \ }\n }\n}\n\n// Indicators ==================================================================\n\n.close {\n color: #fff;\n text-decoration: none;\n opacity: 0.4;\n\n &:hover,\n &:focus {\n color: #fff;\n opacity: 1;\n }\n}\n\n.alert {\n color: $white;\n @include shadow();\n\n &-success {\n background-color: $success;\n border-color: darken($success, 5%);\n }\n\n &-info {\n background-color: $info;\n border-color: darken($info, 5%);\n }\n\n &-danger {\n background-color: $danger;\n border-color: darken($danger, 5%);\n }\n\n &-warning {\n background-color: $warning;\n \ border-color: darken($warning, 5%);\n }\n\n .alert-link {\n font-weight: normal;\n color: #fff;\n text-decoration: underline;\n }\n}\n\n.badge {\n \ &-warning,\n &-info {\n color: $white;\n }\n}\n\n// Progress bars ===============================================================\n\n// Containers ==================================================================\n\na.list-group-item {\n\n &-success {\n &.active {\n background-color: $success;\n }\n\n \ &.active:hover,\n &.active:focus {\n background-color: darken($success, 5%);\n }\n }\n\n &-warning {\n &.active {\n background-color: $warning;\n \ }\n \n &.active:hover,\n &.active:focus {\n background-color: darken($warning, 5%);\n }\n }\n\n &-danger {\n &.active {\n background-color: $danger;\n }\n \n &.active:hover,\n &.active:focus {\n background-color: darken($danger, 5%);\n }\n }\n}\n\n.card {\n\n &.bg-dark {\n background-color: $gray-700 !important;\n }\n}\n\n.jumbotron {\n border: 1px solid $gray-200;\n \ box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);\n}\n" cards_621: id: 1470 name: paper skin+variables key: paper_skin+variable codename: left_id: 1379 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Paper 3.3.4 // Variables // -------------------------------------------------- //== Colors // //## Gray and brand colors for use across Bootstrap. $gray-base: #000; $gray-darker: lighten($gray-base, 13.5%); // #222 $gray-dark: #212121; $gray: #666; $gray-light: #bbb; $gray-lighter: lighten($gray-base, 93.5%); // #eee $brand-primary: #2196F3; $brand-success: #4CAF50; $brand-info: #9C27B0; $brand-warning: #ff9800; $brand-danger: #e51c23; //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. $body-bg: #fff; //** Global text color on ``. $text-color: $gray; //** Global textual link color. $link-color: $brand-primary; //** Link hover color set via `darken()` function. $link-hover-color: darken($link-color, 15%); //** Link hover decoration. $link-hover-decoration: underline; //== Typography // //## Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; $font-family-serif: Georgia, "Times New Roman", Times, serif; //** Default monospace fonts for ``, ``, and `
`.
    $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
    $font-family-base:        $font-family-sans-serif;

    $font-size-base:          13px;
    $font-size-large:         ceil(($font-size-base * 1.25)); // ~18px
    $font-size-small:         ceil(($font-size-base * 0.85)); // ~12px

    $font-size-h1:            56px;
    $font-size-h2:            45px;
    $font-size-h3:            34px;
    $font-size-h4:            24px;
    $font-size-h5:            20px;
    $font-size-h6:            14px;

    //** Unit-less `line-height` for use in components like buttons.
    $line-height-base:        1.846; // 20/14
    //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
    $line-height-computed:    floor(($font-size-base * $line-height-base)); // ~20px

    //** By default, this inherits from the ``.
    $headings-font-family:    inherit;
    $headings-font-weight:    400;
    $headings-line-height:    1.1;
    $headings-color:          #444;


    //== Iconography
    //
    //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

    //** Load fonts from this directory.
    $icon-font-path:          "../fonts/";
    //** File name for all font files.
    $icon-font-name:          "glyphicons-halflings-regular";
    //** Element ID within SVG icon file.
    $icon-font-svg-id:        "glyphicons_halflingsregular";


    //== Components
    //
    //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

    $padding-base-vertical:     6px;
    $padding-base-horizontal:   16px;

    $padding-large-vertical:    10px;
    $padding-large-horizontal:  16px;

    $padding-small-vertical:    5px;
    $padding-small-horizontal:  10px;

    $padding-xs-vertical:       1px;
    $padding-xs-horizontal:     5px;

    $line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome
    $line-height-small:         1.5;

    $border-radius-base:        3px;
    $border-radius-large:       3px;
    $border-radius-small:       3px;

    //** Global color for active items (e.g., navs or dropdowns).
    $component-active-color:    #fff;
    //** Global background color for active items (e.g., navs or dropdowns).
    $component-active-bg:       $brand-primary;

    //** Width of the `border` for generating carets that indicator dropdowns.
    $caret-width-base:          4px;
    //** Carets increase slightly in size for larger components.
    $caret-width-large:         5px;


    //== Tables
    //
    //## Customizes the `.table` component with basic values, each used across all table variations.

    //** Padding for ``s and ``s.
    $table-cell-padding:            8px;
    //** Padding for cells in `.table-condensed`.
    $table-condensed-cell-padding:  5px;

    //** Default background color used for all tables.
    $table-bg:                      transparent;
    //** Background color used for `.table-striped`.
    $table-bg-accent:               #f9f9f9;
    //** Background color used for `.table-hover`.
    $table-bg-hover:                #f5f5f5;
    $table-bg-active:               $table-bg-hover;

    //** Border color for table and cell borders.
    $table-border-color:            #ddd;


    //== Buttons
    //
    //## For each of Bootstrap's buttons, define text, background and border color.

    $btn-font-weight:                normal;

    $btn-default-color:              $text-color;
    $btn-default-bg:                 #fff;
    $btn-default-border:             #eee;

    $btn-primary-color:              #fff;
    $btn-primary-bg:                 $brand-primary;
    $btn-primary-border:             transparent;

    $btn-success-color:              #fff;
    $btn-success-bg:                 $brand-success;
    $btn-success-border:             transparent;

    $btn-info-color:                 #fff;
    $btn-info-bg:                    $brand-info;
    $btn-info-border:                transparent;

    $btn-warning-color:              #fff;
    $btn-warning-bg:                 $brand-warning;
    $btn-warning-border:             transparent;

    $btn-danger-color:               #fff;
    $btn-danger-bg:                  $brand-danger;
    $btn-danger-border:              transparent;

    $btn-link-disabled-color:        $gray-light;


    //== Forms
    //
    //##

    //** `` background color
    $input-bg:                       transparent;
    //** `` background color
    $input-bg-disabled:              transparent;

    //** Text color for ``s
    $input-color:                    $gray;
    //** `` border color
    $input-border:                   transparent;

    // TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
    //** Default `.form-control` border radius
    // This has no effect on ``s in CSS.
    $input-border-radius:            $border-radius-base;
    //** Large `.form-control` border radius
    $input-border-radius-large:      $border-radius-large;
    //** Small `.form-control` border radius
    $input-border-radius-small:      $border-radius-small;

    //** Border color for inputs on focus
    $input-border-focus:             #66afe9;

    //** Placeholder text color
    $input-color-placeholder:        $gray-light;

    //** Default `.form-control` height
    $input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2);
    //** Large `.form-control` height
    $input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2);
    //** Small `.form-control` height
    $input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2);

    //** `.form-group` margin
    $form-group-margin-bottom:       15px;

    $legend-color:                   $gray-dark;
    $legend-border-color:            #e5e5e5;

    //** Background color for textual input addons
    $input-group-addon-bg:           transparent;
    //** Border color for textual input addons
    $input-group-addon-border-color: $input-border;

    //** Disabled cursor for form controls and buttons.
    $cursor-disabled:                not-allowed;


    //== Dropdowns
    //
    //## Dropdown menu container and contents.

    //** Background for the dropdown menu.
    $dropdown-bg:                    #fff;
    //** Dropdown menu `border-color`.
    $dropdown-border:                rgba(0,0,0,.15);
    //** Dropdown menu `border-color` **for IE8**.
    $dropdown-fallback-border:       #ccc;
    //** Divider color for between dropdown items.
    $dropdown-divider-bg:            #e5e5e5;

    //** Dropdown link text color.
    $dropdown-link-color:            $text-color;
    //** Hover color for dropdown links.
    $dropdown-link-hover-color:      darken($gray-dark, 5%);
    //** Hover background for dropdown links.
    $dropdown-link-hover-bg:         $gray-lighter;

    //** Active dropdown menu item text color.
    $dropdown-link-active-color:     $component-active-color;
    //** Active dropdown menu item background color.
    $dropdown-link-active-bg:        $component-active-bg;

    //** Disabled dropdown menu item background color.
    $dropdown-link-disabled-color:   $gray-light;

    //** Text color for headers within dropdown menus.
    $dropdown-header-color:          $gray-light;

    //** Deprecated `$dropdown-caret-color` as of v3.1.0
    $dropdown-caret-color:           $gray-light;


    //-- Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.
    //
    // Note: These variables are not generated into the Customizer.

    $zindex-navbar:            1000;
    $zindex-dropdown:          1000;
    $zindex-popover:           1060;
    $zindex-tooltip:           1070;
    $zindex-navbar-fixed:      1030;
    $zindex-modal-background:  1040;
    $zindex-modal:             1050;


    //== Media queries breakpoints
    //
    //## Define the breakpoints at which your layout will change, adapting to different screen sizes.

    // Extra small screen / phone
    //** Deprecated `$screen-xs` as of v3.0.1
    $screen-xs:                  480px;
    //** Deprecated `$screen-xs-min` as of v3.2.0
    $screen-xs-min:              $screen-xs;
    //** Deprecated `$screen-phone` as of v3.0.1
    $screen-phone:               $screen-xs-min;

    // Small screen / tablet
    //** Deprecated `$screen-sm` as of v3.0.1
    $screen-sm:                  768px;
    $screen-sm-min:              $screen-sm;
    //** Deprecated `$screen-tablet` as of v3.0.1
    $screen-tablet:              $screen-sm-min;

    // Medium screen / desktop
    //** Deprecated `$screen-md` as of v3.0.1
    $screen-md:                  992px;
    $screen-md-min:              $screen-md;
    //** Deprecated `$screen-desktop` as of v3.0.1
    $screen-desktop:             $screen-md-min;

    // Large screen / wide desktop
    //** Deprecated `$screen-lg` as of v3.0.1
    $screen-lg:                  1200px;
    $screen-lg-min:              $screen-lg;
    //** Deprecated `$screen-lg-desktop` as of v3.0.1
    $screen-lg-desktop:          $screen-lg-min;

    // So media queries don't overlap when required, provide a maximum
    $screen-xs-max:              ($screen-sm-min - 1);
    $screen-sm-max:              ($screen-md-min - 1);
    $screen-md-max:              ($screen-lg-min - 1);


    //== Grid system
    //
    //## Define your custom responsive grid.

    //** Number of columns in the grid.
    $grid-columns:              12;
    //** Padding between columns. Gets divided in half for the left and right.
    $grid-gutter-width:         30px;
    // Navbar collapse
    //** Point at which the navbar becomes uncollapsed.
    $grid-float-breakpoint:     $screen-sm-min;
    //** Point at which the navbar begins collapsing.
    $grid-float-breakpoint-max: ($grid-float-breakpoint - 1);


    //== Container sizes
    //
    //## Define the maximum width of `.container` for different screen sizes.

    // Small screen / tablet
    $container-tablet:             (720px + $grid-gutter-width);
    //** For `$screen-sm-min` and up.
    $container-sm:                 $container-tablet;

    // Medium screen / desktop
    $container-desktop:            (940px + $grid-gutter-width);
    //** For `$screen-md-min` and up.
    $container-md:                 $container-desktop;

    // Large screen / wide desktop
    $container-large-desktop:      (1140px + $grid-gutter-width);
    //** For `$screen-lg-min` and up.
    $container-lg:                 $container-large-desktop;


    //== Navbar
    //
    //##

    // Basics of a navbar
    $navbar-height:                    64px;
    $navbar-margin-bottom:             $line-height-computed;
    $navbar-border-radius:             $border-radius-base;
    $navbar-padding-horizontal:        floor(($grid-gutter-width / 2));
    $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2);
    $navbar-collapse-max-height:       340px;

    $navbar-default-color:             $gray-light;
    $navbar-default-bg:                #fff;
    $navbar-default-border:            transparent;

    // Navbar links
    $navbar-default-link-color:                $gray;
    $navbar-default-link-hover-color:          $gray-dark;
    $navbar-default-link-hover-bg:             transparent;
    $navbar-default-link-active-color:         $gray-dark;
    $navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%);
    $navbar-default-link-disabled-color:       #ccc;
    $navbar-default-link-disabled-bg:          transparent;

    // Navbar brand label
    $navbar-default-brand-color:               $navbar-default-link-color;
    $navbar-default-brand-hover-color:         $navbar-default-link-hover-color;
    $navbar-default-brand-hover-bg:            transparent;

    // Navbar toggle
    $navbar-default-toggle-hover-bg:           transparent;
    $navbar-default-toggle-icon-bar-bg:        rgba(0,0,0,0.5);
    $navbar-default-toggle-border-color:       transparent;


    // Inverted navbar
    // Reset inverted navbar basics
    $navbar-inverse-color:                      $gray-light;
    $navbar-inverse-bg:                         $brand-primary;
    $navbar-inverse-border:                     transparent;

    // Inverted navbar links
    $navbar-inverse-link-color:                 lighten($brand-primary, 30%);
    $navbar-inverse-link-hover-color:           #fff;
    $navbar-inverse-link-hover-bg:              transparent;
    $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color;
    $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%);
    $navbar-inverse-link-disabled-color:        #444;
    $navbar-inverse-link-disabled-bg:           transparent;

    // Inverted navbar brand label
    $navbar-inverse-brand-color:                $navbar-inverse-link-color;
    $navbar-inverse-brand-hover-color:          #fff;
    $navbar-inverse-brand-hover-bg:             transparent;

    // Inverted navbar toggle\
    $navbar-inverse-toggle-hover-bg:            transparent;
    $navbar-inverse-toggle-icon-bar-bg:         rgba(0,0,0,0.5);
    $navbar-inverse-toggle-border-color:        transparent;


    //== Navs
    //
    //##

    //=== Shared nav styles
    $nav-link-padding:                          10px 15px;
    $nav-link-hover-bg:                         $gray-lighter;

    $nav-disabled-link-color:                   $gray-light;
    $nav-disabled-link-hover-color:             $gray-light;

    //== Tabs
    $nav-tabs-border-color:                     transparent;

    $nav-tabs-link-hover-border-color:          $gray-lighter;

    $nav-tabs-active-link-hover-bg:             transparent;
    $nav-tabs-active-link-hover-color:          $gray;
    $nav-tabs-active-link-hover-border-color:   transparent;

    $nav-tabs-justified-link-border-color:            $nav-tabs-border-color;
    $nav-tabs-justified-active-link-border-color:     $body-bg;

    //== Pills
    $nav-pills-border-radius:                   $border-radius-base;
    $nav-pills-active-link-hover-bg:            $component-active-bg;
    $nav-pills-active-link-hover-color:         $component-active-color;


    //== Pagination
    //
    //##

    $pagination-color:                     $link-color;
    $pagination-bg:                        #fff;
    $pagination-border:                    #ddd;

    $pagination-hover-color:               $link-hover-color;
    $pagination-hover-bg:                  $gray-lighter;
    $pagination-hover-border:              #ddd;

    $pagination-active-color:              #fff;
    $pagination-active-bg:                 $brand-primary;
    $pagination-active-border:             $brand-primary;

    $pagination-disabled-color:            $gray-light;
    $pagination-disabled-bg:               #fff;
    $pagination-disabled-border:           #ddd;


    //== Pager
    //
    //##

    $pager-bg:                             $pagination-bg;
    $pager-border:                         $pagination-border;
    $pager-border-radius:                  15px;

    $pager-hover-bg:                       $pagination-hover-bg;

    $pager-active-bg:                      $pagination-active-bg;
    $pager-active-color:                   $pagination-active-color;

    $pager-disabled-color:                 $pagination-disabled-color;


    //== Jumbotron
    //
    //##

    $jumbotron-padding:              30px;
    $jumbotron-color:                inherit;
    $jumbotron-bg:                   #f9f9f9;
    $jumbotron-heading-color:        $headings-color;
    $jumbotron-font-size:            ceil(($font-size-base * 1.5));


    //== Form states and alerts
    //
    //## Define colors for form feedback states and, by default, alerts.

    $state-success-text:             $brand-success;
    $state-success-bg:               #dff0d8;
    $state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%);

    $state-info-text:                $brand-info;
    $state-info-bg:                  #e1bee7;
    $state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%);

    $state-warning-text:             $brand-warning;
    $state-warning-bg:               #ffe0b2;
    $state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%);

    $state-danger-text:              $brand-danger;
    $state-danger-bg:                #f9bdbb;
    $state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%);


    //== Tooltips
    //
    //##

    //** Tooltip max width
    $tooltip-max-width:           200px;
    //** Tooltip text color
    $tooltip-color:               #fff;
    //** Tooltip background color
    $tooltip-bg:                  #727272;
    $tooltip-opacity:             .9;

    //** Tooltip arrow width
    $tooltip-arrow-width:         5px;
    //** Tooltip arrow color
    $tooltip-arrow-color:         $tooltip-bg;


    //== Popovers
    //
    //##

    //** Popover body background color
    $popover-bg:                          #fff;
    //** Popover maximum width
    $popover-max-width:                   276px;
    //** Popover border color
    $popover-border-color:                transparent;
    //** Popover fallback border color
    $popover-fallback-border-color:       transparent;

    //** Popover title background color
    $popover-title-bg:                    darken($popover-bg, 3%);

    //** Popover arrow width
    $popover-arrow-width:                 10px;
    //** Popover arrow color
    $popover-arrow-color:                 $popover-bg;

    //** Popover outer arrow width
    $popover-arrow-outer-width:           ($popover-arrow-width + 1);
    //** Popover outer arrow color
    $popover-arrow-outer-color:           fadein($popover-border-color, 7.5%);
    //** Popover outer arrow fallback color
    $popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%);


    //== Labels
    //
    //##

    //** Default label background color
    $label-default-bg:            $gray-light;
    //** Primary label background color
    $label-primary-bg:            $brand-primary;
    //** Success label background color
    $label-success-bg:            $brand-success;
    //** Info label background color
    $label-info-bg:               $brand-info;
    //** Warning label background color
    $label-warning-bg:            $brand-warning;
    //** Danger label background color
    $label-danger-bg:             $brand-danger;

    //** Default label text color
    $label-color:                 #fff;
    //** Default text color of a linked label
    $label-link-hover-color:      #fff;


    //== Modals
    //
    //##

    //** Padding applied to the modal body
    $modal-inner-padding:         15px;

    //** Padding applied to the modal title
    $modal-title-padding:         15px;
    //** Modal title line-height
    $modal-title-line-height:     $line-height-base;

    //** Background color of modal content area
    $modal-content-bg:                             #fff;
    //** Modal content border color
    $modal-content-border-color:                   transparent;
    //** Modal content border color **for IE8**
    $modal-content-fallback-border-color:          #999;

    //** Modal backdrop background color
    $modal-backdrop-bg:           #000;
    //** Modal backdrop opacity
    $modal-backdrop-opacity:      .5;
    //** Modal header border color
    $modal-header-border-color:   transparent;
    //** Modal footer border color
    $modal-footer-border-color:   $modal-header-border-color;

    $modal-lg:                    900px;
    $modal-md:                    600px;
    $modal-sm:                    300px;


    //== Alerts
    //
    //## Define alert colors, border radius, and padding.

    $alert-padding:               15px;
    $alert-border-radius:         $border-radius-base;
    $alert-link-font-weight:      bold;

    $alert-success-bg:            $state-success-bg;
    $alert-success-text:          $state-success-text;
    $alert-success-border:        $state-success-border;

    $alert-info-bg:               $state-info-bg;
    $alert-info-text:             $state-info-text;
    $alert-info-border:           $state-info-border;

    $alert-warning-bg:            $state-warning-bg;
    $alert-warning-text:          $state-warning-text;
    $alert-warning-border:        $state-warning-border;

    $alert-danger-bg:             $state-danger-bg;
    $alert-danger-text:           $state-danger-text;
    $alert-danger-border:         $state-danger-border;


    //== Progress bars
    //
    //##

    //** Background color of the whole progress component
    $progress-bg:                 #f5f5f5;
    //** Progress bar text color
    $progress-bar-color:          #fff;
    //** Variable for setting rounded corners on progress bar.
    $progress-border-radius:      $border-radius-base;

    //** Default progress bar color
    $progress-bar-bg:             $brand-primary;
    //** Success progress bar color
    $progress-bar-success-bg:     $brand-success;
    //** Warning progress bar color
    $progress-bar-warning-bg:     $brand-warning;
    //** Danger progress bar color
    $progress-bar-danger-bg:      $brand-danger;
    //** Info progress bar color
    $progress-bar-info-bg:        $brand-info;


    //== List group
    //
    //##

    //** Background color on `.list-group-item`
    $list-group-bg:                 #fff;
    //** `.list-group-item` border color
    $list-group-border:             #ddd;
    //** List group border radius
    $list-group-border-radius:      $border-radius-base;

    //** Background color of single list items on hover
    $list-group-hover-bg:           #f5f5f5;
    //** Text color of active list items
    $list-group-active-color:       $component-active-color;
    //** Background color of active list items
    $list-group-active-bg:          $component-active-bg;
    //** Border color of active list elements
    $list-group-active-border:      $list-group-active-bg;
    //** Text color for content within active list items
    $list-group-active-text-color:  lighten($list-group-active-bg, 40%);

    //** Text color of disabled list items
    $list-group-disabled-color:      $gray-light;
    //** Background color of disabled list items
    $list-group-disabled-bg:         $gray-lighter;
    //** Text color for content within disabled list items
    $list-group-disabled-text-color: $list-group-disabled-color;

    $list-group-link-color:         #555;
    $list-group-link-hover-color:   $list-group-link-color;
    $list-group-link-heading-color: #333;


    //== Panels
    //
    //##

    $panel-bg:                    #fff;
    $panel-body-padding:          15px;
    $panel-heading-padding:       10px 15px;
    $panel-footer-padding:        $panel-heading-padding;
    $panel-border-radius:         $border-radius-base;

    //** Border color for elements within panels
    $panel-inner-border:          #ddd;
    $panel-footer-bg:             #f5f5f5;

    $panel-default-text:          $gray-dark;
    $panel-default-border:        #ddd;
    $panel-default-heading-bg:    #f5f5f5;

    $panel-primary-text:          #fff;
    $panel-primary-border:        $brand-primary;
    $panel-primary-heading-bg:    $brand-primary;

    $panel-success-text:          $state-success-text;
    $panel-success-border:        $state-success-border;
    $panel-success-heading-bg:    $state-success-bg;

    $panel-info-text:             $state-info-text;
    $panel-info-border:           $state-info-border;
    $panel-info-heading-bg:       $state-info-bg;

    $panel-warning-text:          $state-warning-text;
    $panel-warning-border:        $state-warning-border;
    $panel-warning-heading-bg:    $state-warning-bg;

    $panel-danger-text:           $state-danger-text;
    $panel-danger-border:         $state-danger-border;
    $panel-danger-heading-bg:     $state-danger-bg;


    //== Thumbnails
    //
    //##

    //** Padding around the thumbnail image
    $thumbnail-padding:           4px;
    //** Thumbnail background color
    $thumbnail-bg:                $body-bg;
    //** Thumbnail border color
    $thumbnail-border:            #ddd;
    //** Thumbnail border radius
    $thumbnail-border-radius:     $border-radius-base;

    //** Custom text color for thumbnail captions
    $thumbnail-caption-color:     $text-color;
    //** Padding around the thumbnail caption
    $thumbnail-caption-padding:   9px;


    //== Wells
    //
    //##

    $well-bg:                     #f9f9f9;
    $well-border:                 transparent;


    //== Badges
    //
    //##

    $badge-color:                 #fff;
    //** Linked badge text color on hover
    $badge-link-hover-color:      #fff;
    $badge-bg:                    $gray-light;

    //** Badge text color in active nav link
    $badge-active-color:          $link-color;
    //** Badge background color in active nav link
    $badge-active-bg:             #fff;

    $badge-font-weight:           normal;
    $badge-line-height:           1;
    $badge-border-radius:         10px;


    //== Breadcrumbs
    //
    //##

    $breadcrumb-padding-vertical:   8px;
    $breadcrumb-padding-horizontal: 15px;
    //** Breadcrumb background color
    $breadcrumb-bg:                 #f5f5f5;
    //** Breadcrumb text color
    $breadcrumb-color:              #ccc;
    //** Text color of current page in the breadcrumb
    $breadcrumb-active-color:       $gray-light;
    //** Textual separator for between breadcrumb elements
    $breadcrumb-separator:          "/";


    //== Carousel
    //
    //##

    $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

    $carousel-control-color:                      #fff;
    $carousel-control-width:                      15%;
    $carousel-control-opacity:                    .5;
    $carousel-control-font-size:                  20px;

    $carousel-indicator-active-bg:                #fff;
    $carousel-indicator-border-color:             #fff;

    $carousel-caption-color:                      #fff;


    //== Close
    //
    //##

    $close-font-weight:           normal;
    $close-color:                 #000;
    $close-text-shadow:           none;


    //== Code
    //
    //##

    $code-color:                  #c7254e;
    $code-bg:                     #f9f2f4;

    $kbd-color:                   #fff;
    $kbd-bg:                      #333;

    $pre-bg:                      #f5f5f5;
    $pre-color:                   $gray-dark;
    $pre-border-color:            #ccc;
    $pre-scrollable-max-height:   340px;


    //== Type
    //
    //##

    //** Horizontal offset for forms and lists.
    $component-offset-horizontal: 180px;
    //** Text muted color
    $text-muted:                  $gray-light;
    //** Abbreviations and acronyms border color
    $abbr-border-color:           $gray-light;
    //** Headings small color
    $headings-small-color:        $gray-light;
    //** Blockquote small color
    $blockquote-small-color:      $gray-light;
    //** Blockquote font size
    $blockquote-font-size:        ($font-size-base * 1.25);
    //** Blockquote border color
    $blockquote-border-color:     $gray-lighter;
    //** Page header border color
    $page-header-border-color:    $gray-lighter;
    //** Width of horizontal description list titles
    $dl-horizontal-offset:        $component-offset-horizontal;
    //** Horizontal line color.
    $hr-border:                   $gray-lighter;
cards_622:
  id: 1472
  name: paper skin+style
  key: paper_skin+style
  codename: 
  left_id: 1379
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: "// Paper 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
    url(\"//fonts.googleapis.com/css?family=Roboto:300,400,500,700\");\n\n// Navbar
    =====================================================================\n\n.navbar
    {\n  border: none;\n  @include box-shadow(0 1px 2px rgba(0,0,0,.3));\n\n  &-brand
    {\n    font-size: 24px;\n  }\n\n  &-inverse {\n    .form-control {\n      color:
    #fff;\n      @include placeholder($navbar-inverse-link-color);\n\n      &[type=text]
    {\n        @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);\n\n
    \       &:focus {\n          @include box-shadow(inset 0 -2px 0 #fff);\n        }\n
    \     }\n    }\n  }\n\n  &-nav > li > .dropdown-menu {\n    margin-top: 2px;\n
    \ }\n}\n\n// Buttons ====================================================================\n\n@mixin
    btn($class,$bg){\n  .btn-#{$class} {\n    background-size: 200%;\n    background-position:
    50%;\n\n    &:hover,\n    &:active:hover,\n    &:focus {\n      background-color:
    darken($bg, 6%);\n    }\n\n    &:active {\n      background-color: darken($bg,
    6%);\n      @include gradient-radial(darken($bg, 6%) 10%, $bg 11%);\n      background-size:
    1000%;\n      @include box-shadow(2px 2px 2px rgba(0,0,0,.3));\n    }\n  }\n}\n\n@include
    btn(default,$btn-default-bg);\n@include btn(primary,$btn-primary-bg);\n@include
    btn(success,$btn-success-bg);\n@include btn(info,$btn-info-bg);\n@include btn(warning,$btn-warning-bg);\n@include
    btn(danger,$btn-danger-bg);\n\n.btn {\n  text-transform: uppercase;\n  border-right:
    none;\n  border-bottom: none;\n  @include box-shadow(1px 1px 2px rgba(0,0,0,.3));\n
    \ @include transition(all 0.2s);\n\n  &-link {\n    @include box-shadow(none);\n\n
    \   &:hover,\n    &:focus {\n      color: $brand-primary;\n      text-decoration:
    none;\n    }\n  }\n\n  &-default.disabled {\n    border: 1px solid $btn-default-border;\n
    \ }\n}\n\n.btn-group {\n  .btn + .btn,\n  .btn + .btn-group,\n  .btn-group + .btn,\n
    \ .btn-group + .btn-group {\n    margin-left: 0;\n  }\n\n  &-vertical {\n    >
    .btn + .btn,\n    > .btn + .btn-group,\n    > .btn-group + .btn,\n    > .btn-group
    + .btn-group {\n      margin-top: 0;\n    }\n  }\n}\n\n// Typography =================================================================\n\nbody
    {\n  -webkit-font-smoothing: antialiased;\n  letter-spacing: .1px;\n  text-rendering:
    optimizeLegibility;\n}\n\np {\n  margin: 0 0 1em;\n}\n\ninput,\nbutton {\n  -webkit-font-smoothing:
    antialiased;\n  letter-spacing: .1px;\n  text-rendering: optimizeLegibility;\n}\n\na
    {\n  @include transition(all 0.2s);\n}\n\n// Tables =====================================================================\n\n//
    Forms ======================================================================\n\nlabel
    {\n  font-weight: normal;\n}\n\ntextarea,\ntextarea.form-control,\ninput.form-control,\ninput[type=text],\ninput[type=password],\ninput[type=email],\ninput[type=number],\n[type=text].form-control,\n[type=password].form-control,\n[type=email].form-control,\n[type=tel].form-control,\n[contenteditable].form-control
    {\n  padding: 0;\n  border: none;\n  border-radius: 0;\n  -webkit-appearance:
    none;\n  @include box-shadow(inset 0 -1px 0 #ddd);\n  font-size: 16px;\n\n  &:focus
    {\n    @include box-shadow(inset 0 -2px 0 $brand-primary);\n  }\n\n  &[disabled],\n
    \ &[readonly] {\n    @include box-shadow(none);\n    border-bottom: 1px dotted
    #ddd;\n  }\n\n  &.input {\n    &-sm {\n      font-size: $font-size-small;\n    }\n\n
    \   &-lg {\n      font-size: $font-size-large;\n    }\n  }\n}\n\nselect,\nselect.form-control
    {\n  border: 0;\n  border-radius: 0;\n  -webkit-appearance: none;\n  -moz-appearance:
    none;\n  appearance: none;\n  padding-left: 0;\n  padding-right: 0\\9; // remove
    padding for < ie9 since default arrow can't be removed\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);\n
    \ background-size: 13px;\n  background-repeat: no-repeat;\n  background-position:
    right center;\n  @include box-shadow(inset 0 -1px 0 #ddd);\n  font-size: 16px;\n
    \ line-height: 1.5;\n\n  &::-ms-expand {\n    display: none;\n  }\n\n  &.input
    {\n    &-sm {\n      font-size: $font-size-small;\n    }\n\n    &-lg {\n      font-size:
    $font-size-large;\n    }\n  }\n\n  &:focus {\n    @include box-shadow(inset 0
    -2px 0 $brand-primary);\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);\n
    \ }\n\n  &[multiple] {\n    background: none;\n  }\n}\n\n.radio,\n.radio-inline,\n.checkbox,\n.checkbox-inline
    {\n  label {\n    padding-left: 25px;\n  }\n\n  input[type=\"radio\"],\n  input[type=\"checkbox\"]
    {\n    margin-left: -25px;\n  }\n}\n\ninput[type=\"radio\"],\n.radio input[type=\"radio\"],\n.radio-inline
    input[type=\"radio\"] {\n  position: relative;\n  margin-top: 5px;\n  margin-right:
    4px;\n  vertical-align: -4px;\n  border: none;\n  background-color: transparent;\n
    \ -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n\n  &:focus
    {\n    outline: none;\n  }\n\n  &:before,\n  &:after {\n    content: \"\";\n    display:
    block;\n    width: 18px;\n    height: 18px;\n    margin-top: -3px;\n    border-radius:
    50%;\n    @include transition(240ms);\n  }\n\n  &:before {\n    position: absolute;\n
    \   left: 0;\n    top: 0;\n    background-color: $brand-primary;\n    @include
    scale(0);\n  }\n\n  &:after {\n    border: 2px solid $gray;\n  }\n\n  &:checked:before
    {\n    @include scale(0.5);\n  }\n\n  &:disabled:checked:before {\n    background-color:
    $gray-light;\n  }\n\n  &:checked:after {\n    border-color: $brand-primary;\n
    \ }\n\n  &:disabled:after,\n  &:disabled:checked:after {\n    border-color: $gray-light;\n
    \ }\n}\n\ninput[type=\"checkbox\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline
    input[type=\"checkbox\"] {\n  position: relative;\n  vertical-align: -4px;\n  border:
    none;\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n\n
    \ &:focus {\n    outline: none;\n  }\n\n  &:after {\n    content: \"\";\n    display:
    block;\n    width: 18px;\n    height: 18px;\n    margin-top: -2px;\n    margin-right:
    5px;\n    border: 2px solid $gray;\n    border-radius: 2px;\n    @include transition(240ms);\n
    \ }\n\n  &:checked:before {\n    content: \"\";\n    position: absolute;\n    top:
    0;\n    left: 6px;\n    display: table;\n    width: 6px;\n    height: 12px;\n
    \   border: 2px solid #fff;\n    border-top-width: 0;\n    border-left-width:
    0;\n    @include rotate(45deg);\n  }\n\n  &:checked:after {\n    background-color:
    $brand-primary;\n    border-color: $brand-primary;\n  }\n\n  &:disabled:after
    {\n    border-color: $gray-light;\n  }\n\n  &:disabled:checked:after {\n    background-color:
    $gray-light;\n    border-color: transparent;\n  }\n}\n\n.has-warning {\n  input:not([type=checkbox]),\n
    \ .form-control,\n  input:not([type=checkbox]):focus,\n  .form-control:focus {\n
    \   @include box-shadow(inset 0 -2px 0 $brand-warning);\n  }\n}\n\n.has-error
    {\n  input:not([type=checkbox]),\n  .form-control,\n  input:not([type=checkbox]):focus,\n
    \ .form-control:focus {\n    @include box-shadow(inset 0 -2px 0 $brand-danger);\n
    \ }\n}\n\n.has-success {\n  input:not([type=checkbox]),\n  .form-control,\n  input:not([type=checkbox]):focus,\n
    \ .form-control:focus {\n    @include box-shadow(inset 0 -2px 0 $brand-success);\n
    \ }\n}\n\n// Navs =======================================================================\n\n.nav-tabs
    {\n  > li > a,\n  > li > a:focus {\n    margin-right: 0;\n    background-color:
    transparent;\n    border: none;\n    color: $navbar-default-link-color;\n    @include
    box-shadow(inset 0 -1px 0 #ddd);\n    @include transition(all 0.2s);\n\n    &:hover
    {\n      background-color: transparent;\n      @include box-shadow(inset 0 -2px
    0 $brand-primary);\n      color: $brand-primary;\n    }\n  }\n\n  & > li.active
    > a,\n  & > li.active > a:focus {\n    border: none;\n    @include box-shadow(inset
    0 -2px 0 $brand-primary);\n    color: $brand-primary;\n\n    &:hover {\n      border:
    none;\n      color: $brand-primary;\n    }\n  }\n\n  & > li.disabled > a {\n    @include
    box-shadow(inset 0 -1px 0 #ddd);\n  }\n\n  &.nav-justified {\n\n    & > li > a,\n
    \   & > li > a:hover,\n    & > .active > a,\n    & > .active > a:hover {\n      border:
    none;\n    }\n  }\n\n  .dropdown-menu {\n    margin-top: 0;\n  }\n}\n\n.dropdown-menu
    {\n  border: none;\n  @include box-shadow(0 1px 4px rgba(0,0,0,.3));\n}\n\n//
    Indicators =================================================================\n\n.alert
    {\n  border: none;\n  color: #fff;\n\n  &-success {\n    background-color: $brand-success;\n
    \ }\n\n  &-info {\n    background-color: $brand-info;\n  }\n\n  &-warning {\n
    \   background-color: $brand-warning;\n  }\n\n  &-danger {\n    background-color:
    $brand-danger;\n  }\n\n  a:not(.close),\n  .alert-link {\n    color: #fff;\n    font-weight:
    bold;\n  }\n\n  .close {\n    color: #fff;\n  }\n}\n\n.badge {\n  padding: 3px
    6px 5px;\n}\n\n.progress {\n  position: relative;\n  z-index: 1;\n  height: 6px;\n
    \ border-radius: 0;\n\n  @include box-shadow(none);\n\n  &-bar {\n    @include
    box-shadow(none);\n\n    &:last-child {\n      border-radius: 0 3px 3px 0;\n    }\n\n
    \   &:last-child {\n      &:before {\n        display: block;\n        content:
    \"\";\n        position: absolute;\n        width: 100%;\n        height: 100%;\n
    \       left: 0;\n        right: 0;\n        z-index: -1;\n        background-color:
    lighten($progress-bar-bg, 35%);\n      }\n    }\n    \n    &-success:last-child.progress-bar:before
    {\n      background-color: lighten($brand-success, 35%);\n    }\n    \n    &-info:last-child.progress-bar:before
    {\n      background-color: lighten($brand-info, 45%);\n    }\n    &-warning:last-child.progress-bar:before
    {\n      background-color: lighten($brand-warning, 35%);\n    }\n    \n    &-danger:last-child.progress-bar:before
    {\n      background-color: lighten($brand-danger, 25%);\n    }\n  }\n}\n\n// Progress
    bars ==============================================================\n\n// Containers
    =================================================================\n\n.close {\n
    \ font-size: 34px;\n  font-weight: 300;\n  line-height: 24px;\n  opacity: 0.6;\n\n
    \ &:hover {\n    opacity: 1;\n  }\n}\n\n.list-group {\n\n  &-item {\n    padding:
    15px;\n  }\n\n  &-item-text {\n    color: $gray-light;\n  }\n}\n\n.well {\n  border-radius:
    0;\n  @include box-shadow(none);\n}\n\n.panel {\n  border: none;\n  border-radius:
    2px;\n  @include box-shadow(0 1px 4px rgba(0,0,0,.3));\n\n  &-heading {\n    border-bottom:
    none;\n  }\n\n  &-footer {\n    border-top: none;\n  }\n\n  &-success {\n    .panel-heading
    {\n      background-color: $brand-success;\n    }\n\n    .panel-title {\n      color:
    #fff;\n    }\n  }\n\n  &-info {\n    .panel-heading {\n      background-color:
    $brand-info;\n    }\n\n    .panel-title {\n      color: #fff;\n    }\n  }\n\n
    \ &-warning {\n    .panel-heading {\n      background-color: $brand-warning;\n
    \   }\n\n    .panel-title {\n      color: #fff;\n    }\n  }\n\n  &-danger {\n
    \   .panel-heading {\n      background-color: $brand-danger;\n    }\n\n    .panel-title
    {\n      color: #fff;\n    }\n  }\n}\n\n.popover {\n  border: none;\n  @include
    box-shadow(0 1px 4px rgba(0,0,0,.3));\n}\n\n.carousel {\n  &-caption {\n    h1,
    h2, h3, h4, h5, h6 {\n      color: inherit;\n    }\n  }\n}\n\n"
cards_623:
  id: 1474
  name: readable skin+variables
  key: readable_skin+variable
  codename: 
  left_id: 1383
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Readable 3.3.4
    // Variables
    // --------------------------------------------------


    //== Colors
    //
    //## Gray and brand colors for use across Bootstrap.

    $gray-base:              #000;
    $gray-darker:            lighten($gray-base, 13.5%); // #222
    $gray-dark:              lighten($gray-base, 20%);   // #333
    $gray:                   lighten($gray-base, 33.5%); // #555
    $gray-light:             lighten($gray-base, 70%);   // #999
    $gray-lighter:           lighten($gray-base, 93.5%); // #eee

    $brand-primary:         #4582EC;
    $brand-success:         #3FAD46;
    $brand-info:            #5bc0de;
    $brand-warning:         #f0ad4e;
    $brand-danger:          #d9534f;


    //== Scaffolding
    //
    //## Settings for some of the most global styles.

    //** Background color for ``.
    $body-bg:               #fff;
    //** Global text color on ``.
    $text-color:            $gray-dark;

    //** Global textual link color.
    $link-color:            $brand-primary;
    //** Link hover color set via `darken()` function.
    $link-hover-color:      darken($link-color, 20%);
    //** Link hover decoration.
    $link-hover-decoration: underline;


    //== Typography
    //
    //## Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif:  "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    $font-family-serif:       Georgia, "Times New Roman", Times, serif;
    //** Default monospace fonts for ``, ``, and `
`.
    $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
    $font-family-base:        $font-family-serif;

    $font-size-base:          16px;
    $font-size-large:         ceil(($font-size-base * 1.25)); // ~18px
    $font-size-small:         ceil(($font-size-base * 0.85)); // ~12px

    $font-size-h1:            floor(($font-size-base * 2.6)); // ~36px
    $font-size-h2:            floor(($font-size-base * 2.15)); // ~30px
    $font-size-h3:            ceil(($font-size-base * 1.7)); // ~24px
    $font-size-h4:            ceil(($font-size-base * 1.25)); // ~18px
    $font-size-h5:            $font-size-base;
    $font-size-h6:            ceil(($font-size-base * 0.85)); // ~12px

    //** Unit-less `line-height` for use in components like buttons.
    $line-height-base:        1.428571429; // 20/14
    //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
    $line-height-computed:    floor(($font-size-base * $line-height-base)); // ~20px

    //** By default, this inherits from the ``.
    $headings-font-family:    $font-family-sans-serif;
    $headings-font-weight:    bold;
    $headings-line-height:    1.1;
    $headings-color:          inherit;


    //== Iconography
    //
    //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

    //** Load fonts from this directory.
    $icon-font-path:          "../fonts/";
    //** File name for all font files.
    $icon-font-name:          "glyphicons-halflings-regular";
    //** Element ID within SVG icon file.
    $icon-font-svg-id:        "glyphicons_halflingsregular";


    //== Components
    //
    //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

    $padding-base-vertical:     8px;
    $padding-base-horizontal:   12px;

    $padding-large-vertical:    14px;
    $padding-large-horizontal:  16px;

    $padding-small-vertical:    5px;
    $padding-small-horizontal:  10px;

    $padding-xs-vertical:       1px;
    $padding-xs-horizontal:     5px;

    $line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome
    $line-height-small:         1.5;

    $border-radius-base:        4px;
    $border-radius-large:       6px;
    $border-radius-small:       3px;

    //** Global color for active items (e.g., navs or dropdowns).
    $component-active-color:    #fff;
    //** Global background color for active items (e.g., navs or dropdowns).
    $component-active-bg:       $brand-primary;

    //** Width of the `border` for generating carets that indicator dropdowns.
    $caret-width-base:          4px;
    //** Carets increase slightly in size for larger components.
    $caret-width-large:         5px;


    //== Tables
    //
    //## Customizes the `.table` component with basic values, each used across all table variations.

    //** Padding for ``s and ``s.
    $table-cell-padding:            8px;
    //** Padding for cells in `.table-condensed`.
    $table-condensed-cell-padding:  5px;

    //** Default background color used for all tables.
    $table-bg:                      transparent;
    //** Background color used for `.table-striped`.
    $table-bg-accent:               #f9f9f9;
    //** Background color used for `.table-hover`.
    $table-bg-hover:                #f5f5f5;
    $table-bg-active:               $table-bg-hover;

    //** Border color for table and cell borders.
    $table-border-color:            #ddd;


    //== Buttons
    //
    //## For each of Bootstrap's buttons, define text, background and border color.

    $btn-font-weight:                normal;

    $btn-default-color:              $text-color;
    $btn-default-bg:                 #fff;
    $btn-default-border:             #ddd;

    $btn-primary-color:              #fff;
    $btn-primary-bg:                 $brand-primary;
    $btn-primary-border:             $btn-primary-bg;

    $btn-success-color:              #fff;
    $btn-success-bg:                 $brand-success;
    $btn-success-border:             $btn-success-bg;

    $btn-info-color:                 #fff;
    $btn-info-bg:                    $brand-info;
    $btn-info-border:                $btn-info-bg;

    $btn-warning-color:              #fff;
    $btn-warning-bg:                 $brand-warning;
    $btn-warning-border:             $btn-warning-bg;

    $btn-danger-color:               #fff;
    $btn-danger-bg:                  $brand-danger;
    $btn-danger-border:              $btn-danger-bg;

    $btn-link-disabled-color:        $gray-light;


    //== Forms
    //
    //##

    //** `` background color
    $input-bg:                       #fff;
    //** `` background color
    $input-bg-disabled:              $gray-lighter;

    //** Text color for ``s
    $input-color:                    $text-color;
    //** `` border color
    $input-border:                   #ddd;

    // TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
    //** Default `.form-control` border radius
    // This has no effect on ``s in CSS.
    $input-border-radius:            $border-radius-base;
    //** Large `.form-control` border radius
    $input-border-radius-large:      $border-radius-large;
    //** Small `.form-control` border radius
    $input-border-radius-small:      $border-radius-small;

    //** Border color for inputs on focus
    $input-border-focus:             #66afe9;

    //** Placeholder text color
    $input-color-placeholder:        $gray-light;

    //** Default `.form-control` height
    $input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2);
    //** Large `.form-control` height
    $input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2);
    //** Small `.form-control` height
    $input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2);

    //** `.form-group` margin
    $form-group-margin-bottom:       15px;

    $legend-color:                   $text-color;
    $legend-border-color:            #e5e5e5;

    //** Background color for textual input addons
    $input-group-addon-bg:           $gray-lighter;
    //** Border color for textual input addons
    $input-group-addon-border-color: $input-border;

    //** Disabled cursor for form controls and buttons.
    $cursor-disabled:                not-allowed;


    //== Dropdowns
    //
    //## Dropdown menu container and contents.

    //** Background for the dropdown menu.
    $dropdown-bg:                    #fff;
    //** Dropdown menu `border-color`.
    $dropdown-border:                rgba(0,0,0,.15);
    //** Dropdown menu `border-color` **for IE8**.
    $dropdown-fallback-border:       #ccc;
    //** Divider color for between dropdown items.
    $dropdown-divider-bg:            #e5e5e5;

    //** Dropdown link text color.
    $dropdown-link-color:            $gray-dark;
    //** Hover color for dropdown links.
    $dropdown-link-hover-color:      #fff;
    //** Hover background for dropdown links.
    $dropdown-link-hover-bg:         $component-active-bg;

    //** Active dropdown menu item text color.
    $dropdown-link-active-color:     #fff;
    //** Active dropdown menu item background color.
    $dropdown-link-active-bg:        $component-active-bg;

    //** Disabled dropdown menu item background color.
    $dropdown-link-disabled-color:   $gray-light;

    //** Text color for headers within dropdown menus.
    $dropdown-header-color:          $gray-light;

    //** Deprecated `$dropdown-caret-color` as of v3.1.0
    $dropdown-caret-color:           #000;


    //-- Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.
    //
    // Note: These variables are not generated into the Customizer.

    $zindex-navbar:            1000;
    $zindex-dropdown:          1000;
    $zindex-popover:           1060;
    $zindex-tooltip:           1070;
    $zindex-navbar-fixed:      1030;
    $zindex-modal-background:  1040;
    $zindex-modal:             1050;


    //== Media queries breakpoints
    //
    //## Define the breakpoints at which your layout will change, adapting to different screen sizes.

    // Extra small screen / phone
    //** Deprecated `$screen-xs` as of v3.0.1
    $screen-xs:                  480px;
    //** Deprecated `$screen-xs-min` as of v3.2.0
    $screen-xs-min:              $screen-xs;
    //** Deprecated `$screen-phone` as of v3.0.1
    $screen-phone:               $screen-xs-min;

    // Small screen / tablet
    //** Deprecated `$screen-sm` as of v3.0.1
    $screen-sm:                  768px;
    $screen-sm-min:              $screen-sm;
    //** Deprecated `$screen-tablet` as of v3.0.1
    $screen-tablet:              $screen-sm-min;

    // Medium screen / desktop
    //** Deprecated `$screen-md` as of v3.0.1
    $screen-md:                  992px;
    $screen-md-min:              $screen-md;
    //** Deprecated `$screen-desktop` as of v3.0.1
    $screen-desktop:             $screen-md-min;

    // Large screen / wide desktop
    //** Deprecated `$screen-lg` as of v3.0.1
    $screen-lg:                  1200px;
    $screen-lg-min:              $screen-lg;
    //** Deprecated `$screen-lg-desktop` as of v3.0.1
    $screen-lg-desktop:          $screen-lg-min;

    // So media queries don't overlap when required, provide a maximum
    $screen-xs-max:              ($screen-sm-min - 1);
    $screen-sm-max:              ($screen-md-min - 1);
    $screen-md-max:              ($screen-lg-min - 1);


    //== Grid system
    //
    //## Define your custom responsive grid.

    //** Number of columns in the grid.
    $grid-columns:              12;
    //** Padding between columns. Gets divided in half for the left and right.
    $grid-gutter-width:         30px;
    // Navbar collapse
    //** Point at which the navbar becomes uncollapsed.
    $grid-float-breakpoint:     $screen-sm-min;
    //** Point at which the navbar begins collapsing.
    $grid-float-breakpoint-max: ($grid-float-breakpoint - 1);


    //== Container sizes
    //
    //## Define the maximum width of `.container` for different screen sizes.

    // Small screen / tablet
    $container-tablet:             (720px + $grid-gutter-width);
    //** For `$screen-sm-min` and up.
    $container-sm:                 $container-tablet;

    // Medium screen / desktop
    $container-desktop:            (940px + $grid-gutter-width);
    //** For `$screen-md-min` and up.
    $container-md:                 $container-desktop;

    // Large screen / wide desktop
    $container-large-desktop:      (1140px + $grid-gutter-width);
    //** For `$screen-lg-min` and up.
    $container-lg:                 $container-large-desktop;


    //== Navbar
    //
    //##

    // Basics of a navbar
    $navbar-height:                    65px;
    $navbar-margin-bottom:             $line-height-computed;
    $navbar-border-radius:             $border-radius-base;
    $navbar-padding-horizontal:        floor(($grid-gutter-width / 2));
    $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2);
    $navbar-collapse-max-height:       340px;

    $navbar-default-color:             $text-color;
    $navbar-default-bg:                $body-bg;
    $navbar-default-border:            #ddd;

    // Navbar links
    $navbar-default-link-color:                $link-color;
    $navbar-default-link-hover-color:          $link-color;
    $navbar-default-link-hover-bg:             transparent;
    $navbar-default-link-active-color:         $navbar-default-link-color;
    $navbar-default-link-active-bg:            transparent;
    $navbar-default-link-disabled-color:       #333;
    $navbar-default-link-disabled-bg:          transparent;

    // Navbar brand label
    $navbar-default-brand-color:               $navbar-default-link-color;
    $navbar-default-brand-hover-color:         $navbar-default-link-hover-color;
    $navbar-default-brand-hover-bg:            transparent;

    // Navbar toggle
    $navbar-default-toggle-hover-bg:           #ddd;
    $navbar-default-toggle-icon-bar-bg:        #ccc;
    $navbar-default-toggle-border-color:       #ddd;


    // Inverted navbar
    // Reset inverted navbar basics
    $navbar-inverse-color:                      $text-color;
    $navbar-inverse-bg:                         $body-bg;
    $navbar-inverse-border:                     #ddd;

    // Inverted navbar links
    $navbar-inverse-link-color:                 $text-color;
    $navbar-inverse-link-hover-color:           $text-color;
    $navbar-inverse-link-hover-bg:              transparent;
    $navbar-inverse-link-active-color:          $text-color;
    $navbar-inverse-link-active-bg:             transparent;
    $navbar-inverse-link-disabled-color:        #ccc;
    $navbar-inverse-link-disabled-bg:           transparent;

    // Inverted navbar brand label
    $navbar-inverse-brand-color:                $navbar-inverse-link-color;
    $navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color;
    $navbar-inverse-brand-hover-bg:             transparent;

    // Inverted navbar toggle
    $navbar-inverse-toggle-hover-bg:            #ddd;
    $navbar-inverse-toggle-icon-bar-bg:         #ccc;
    $navbar-inverse-toggle-border-color:        #ddd;


    //== Navs
    //
    //##

    //=== Shared nav styles
    $nav-link-padding:                          10px 15px;
    $nav-link-hover-bg:                         $gray-lighter;

    $nav-disabled-link-color:                   $gray-light;
    $nav-disabled-link-hover-color:             $gray-light;

    //== Tabs
    $nav-tabs-border-color:                     #ddd;

    $nav-tabs-link-hover-border-color:          $gray-lighter;

    $nav-tabs-active-link-hover-bg:             $body-bg;
    $nav-tabs-active-link-hover-color:          $gray;
    $nav-tabs-active-link-hover-border-color:   #ddd;

    $nav-tabs-justified-link-border-color:            #ddd;
    $nav-tabs-justified-active-link-border-color:     $body-bg;

    //== Pills
    $nav-pills-border-radius:                   $border-radius-base;
    $nav-pills-active-link-hover-bg:            $component-active-bg;
    $nav-pills-active-link-hover-color:         $component-active-color;


    //== Pagination
    //
    //##

    $pagination-color:                     $text-color;
    $pagination-bg:                        #fff;
    $pagination-border:                    #ddd;

    $pagination-hover-color:               #fff;
    $pagination-hover-bg:                  $brand-primary;
    $pagination-hover-border:              $brand-primary;

    $pagination-active-color:              #fff;
    $pagination-active-bg:                 $brand-primary;
    $pagination-active-border:             $brand-primary;

    $pagination-disabled-color:            $gray-light;
    $pagination-disabled-bg:               #fff;
    $pagination-disabled-border:           #ddd;


    //== Pager
    //
    //##

    $pager-bg:                             $pagination-bg;
    $pager-border:                         $pagination-border;
    $pager-border-radius:                  15px;

    $pager-hover-bg:                       $pagination-hover-bg;

    $pager-active-bg:                      $pagination-active-bg;
    $pager-active-color:                   $pagination-active-color;

    $pager-disabled-color:                 $gray-light;


    //== Jumbotron
    //
    //##

    $jumbotron-padding:              30px;
    $jumbotron-color:                inherit;
    $jumbotron-bg:                   darken($body-bg, 3%);
    $jumbotron-heading-color:        inherit;
    $jumbotron-font-size:            ceil(($font-size-base * 1.5));


    //== Form states and alerts
    //
    //## Define colors for form feedback states and, by default, alerts.

    $state-success-text:             $brand-success;
    $state-success-bg:               #dff0d8;
    $state-success-border:           $brand-success;

    $state-info-text:                $brand-info;
    $state-info-bg:                  #d9edf7;
    $state-info-border:              $brand-info;

    $state-warning-text:             $brand-warning;
    $state-warning-bg:               #fcf8e3;
    $state-warning-border:           $brand-warning;

    $state-danger-text:              $brand-danger;
    $state-danger-bg:                #f2dede;
    $state-danger-border:            $brand-danger;


    //== Tooltips
    //
    //##

    //** Tooltip max width
    $tooltip-max-width:           200px;
    //** Tooltip text color
    $tooltip-color:               #fff;
    //** Tooltip background color
    $tooltip-bg:                  #000;
    $tooltip-opacity:             .9;

    //** Tooltip arrow width
    $tooltip-arrow-width:         5px;
    //** Tooltip arrow color
    $tooltip-arrow-color:         $tooltip-bg;


    //== Popovers
    //
    //##

    //** Popover body background color
    $popover-bg:                          #fff;
    //** Popover maximum width
    $popover-max-width:                   276px;
    //** Popover border color
    $popover-border-color:                rgba(0,0,0,.2);
    //** Popover fallback border color
    $popover-fallback-border-color:       #ccc;

    //** Popover title background color
    $popover-title-bg:                    darken($popover-bg, 3%);

    //** Popover arrow width
    $popover-arrow-width:                 10px;
    //** Popover arrow color
    $popover-arrow-color:                 $popover-bg;

    //** Popover outer arrow width
    $popover-arrow-outer-width:           ($popover-arrow-width + 1);
    //** Popover outer arrow color
    $popover-arrow-outer-color:           fadein($popover-border-color, 5%);
    //** Popover outer arrow fallback color
    $popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%);


    //== Labels
    //
    //##

    //** Default label background color
    $label-default-bg:            $btn-default-bg;
    //** Primary label background color
    $label-primary-bg:            $brand-primary;
    //** Success label background color
    $label-success-bg:            $brand-success;
    //** Info label background color
    $label-info-bg:               $brand-info;
    //** Warning label background color
    $label-warning-bg:            $brand-warning;
    //** Danger label background color
    $label-danger-bg:             $brand-danger;

    //** Default label text color
    $label-color:                 #fff;
    //** Default text color of a linked label
    $label-link-hover-color:      #fff;


    //== Modals
    //
    //##

    //** Padding applied to the modal body
    $modal-inner-padding:         20px;

    //** Padding applied to the modal title
    $modal-title-padding:         15px;
    //** Modal title line-height
    $modal-title-line-height:     $line-height-base;

    //** Background color of modal content area
    $modal-content-bg:                             #fff;
    //** Modal content border color
    $modal-content-border-color:                   rgba(0,0,0,.2);
    //** Modal content border color **for IE8**
    $modal-content-fallback-border-color:          #999;

    //** Modal backdrop background color
    $modal-backdrop-bg:           #000;
    //** Modal backdrop opacity
    $modal-backdrop-opacity:      .5;
    //** Modal header border color
    $modal-header-border-color:   #e5e5e5;
    //** Modal footer border color
    $modal-footer-border-color:   $modal-header-border-color;

    $modal-lg:                    900px;
    $modal-md:                    600px;
    $modal-sm:                    300px;


    //== Alerts
    //
    //## Define alert colors, border radius, and padding.

    $alert-padding:               15px;
    $alert-border-radius:         $border-radius-base;
    $alert-link-font-weight:      bold;

    $alert-success-bg:            $state-success-border;
    $alert-success-text:          #fff;
    $alert-success-border:        $state-success-border;

    $alert-info-bg:               $state-info-border;
    $alert-info-text:             #fff;
    $alert-info-border:           $state-info-border;

    $alert-warning-bg:            $state-warning-border;
    $alert-warning-text:          #fff;
    $alert-warning-border:        $state-warning-border;

    $alert-danger-bg:             $state-danger-border;
    $alert-danger-text:           #fff;
    $alert-danger-border:         $state-danger-border;


    //== Progress bars
    //
    //##

    //** Background color of the whole progress component
    $progress-bg:                 #f5f5f5;
    //** Progress bar text color
    $progress-bar-color:          #fff;
    //** Variable for setting rounded corners on progress bar.
    $progress-border-radius:      $border-radius-base;

    //** Default progress bar color
    $progress-bar-bg:             $brand-primary;
    //** Success progress bar color
    $progress-bar-success-bg:     $brand-success;
    //** Warning progress bar color
    $progress-bar-warning-bg:     $brand-warning;
    //** Danger progress bar color
    $progress-bar-danger-bg:      $brand-danger;
    //** Info progress bar color
    $progress-bar-info-bg:        $brand-info;


    //== List group
    //
    //##

    //** Background color on `.list-group-item`
    $list-group-bg:                 #fff;
    //** `.list-group-item` border color
    $list-group-border:             #ddd;
    //** List group border radius
    $list-group-border-radius:      $border-radius-base;

    //** Background color of single list items on hover
    $list-group-hover-bg:           #f5f5f5;
    //** Text color of active list items
    $list-group-active-color:       $component-active-color;
    //** Background color of active list items
    $list-group-active-bg:          $component-active-bg;
    //** Border color of active list elements
    $list-group-active-border:      $list-group-active-bg;
    //** Text color for content within active list items
    $list-group-active-text-color:  lighten($list-group-active-bg, 40%);

    //** Text color of disabled list items
    $list-group-disabled-color:      $gray-light;
    //** Background color of disabled list items
    $list-group-disabled-bg:         $gray-lighter;
    //** Text color for content within disabled list items
    $list-group-disabled-text-color: $list-group-disabled-color;

    $list-group-link-color:         #555;
    $list-group-link-hover-color:   $list-group-link-color;
    $list-group-link-heading-color: #333;


    //== Panels
    //
    //##

    $panel-bg:                    #fff;
    $panel-body-padding:          15px;
    $panel-heading-padding:       10px 15px;
    $panel-footer-padding:        $panel-heading-padding;
    $panel-border-radius:         $border-radius-base;

    //** Border color for elements within panels
    $panel-inner-border:          #ddd;
    $panel-footer-bg:             #fff;

    $panel-default-text:          $gray-dark;
    $panel-default-border:        #ddd;
    $panel-default-heading-bg:    #f5f5f5;

    $panel-primary-text:          #fff;
    $panel-primary-border:        $brand-primary;
    $panel-primary-heading-bg:    $brand-primary;

    $panel-success-text:          #fff;
    $panel-success-border:        $state-success-border;
    $panel-success-heading-bg:    $state-success-border;

    $panel-info-text:             #fff;
    $panel-info-border:           $state-info-border;
    $panel-info-heading-bg:       $state-info-border;

    $panel-warning-text:          #fff;
    $panel-warning-border:        $state-warning-border;
    $panel-warning-heading-bg:    $state-warning-border;

    $panel-danger-text:           #fff;
    $panel-danger-border:         $state-danger-border;
    $panel-danger-heading-bg:     $state-danger-border;


    //== Thumbnails
    //
    //##

    //** Padding around the thumbnail image
    $thumbnail-padding:           4px;
    //** Thumbnail background color
    $thumbnail-bg:                $body-bg;
    //** Thumbnail border color
    $thumbnail-border:            #ddd;
    //** Thumbnail border radius
    $thumbnail-border-radius:     $border-radius-base;

    //** Custom text color for thumbnail captions
    $thumbnail-caption-color:     $text-color;
    //** Padding around the thumbnail caption
    $thumbnail-caption-padding:   9px;


    //== Wells
    //
    //##

    $well-bg:                     darken($body-bg, 3%);
    $well-border:                 darken($well-bg, 7%);


    //== Badges
    //
    //##

    $badge-color:                 #fff;
    //** Linked badge text color on hover
    $badge-link-hover-color:      #fff;
    $badge-bg:                    $brand-primary;

    //** Badge text color in active nav link
    $badge-active-color:          $link-color;
    //** Badge background color in active nav link
    $badge-active-bg:             #fff;

    $badge-font-weight:           bold;
    $badge-line-height:           1;
    $badge-border-radius:         10px;


    //== Breadcrumbs
    //
    //##

    $breadcrumb-padding-vertical:   8px;
    $breadcrumb-padding-horizontal: 15px;
    //** Breadcrumb background color
    $breadcrumb-bg:                 #f5f5f5;
    //** Breadcrumb text color
    $breadcrumb-color:              #ccc;
    //** Text color of current page in the breadcrumb
    $breadcrumb-active-color:       $gray-light;
    //** Textual separator for between breadcrumb elements
    $breadcrumb-separator:          "/";


    //== Carousel
    //
    //##

    $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

    $carousel-control-color:                      #fff;
    $carousel-control-width:                      15%;
    $carousel-control-opacity:                    .5;
    $carousel-control-font-size:                  20px;

    $carousel-indicator-active-bg:                #fff;
    $carousel-indicator-border-color:             #fff;

    $carousel-caption-color:                      #fff;


    //== Close
    //
    //##

    $close-font-weight:           bold;
    $close-color:                 #fff;
    $close-text-shadow:           0 1px 0 #fff;


    //== Code
    //
    //##

    $code-color:                  #c7254e;
    $code-bg:                     #f9f2f4;

    $kbd-color:                   #fff;
    $kbd-bg:                      #333;

    $pre-bg:                      #f5f5f5;
    $pre-color:                   $gray-dark;
    $pre-border-color:            #ccc;
    $pre-scrollable-max-height:   340px;


    //== Type
    //
    //##

    //** Horizontal offset for forms and lists.
    $component-offset-horizontal: 180px;
    //** Text muted color
    $text-muted:                  $gray-light;
    //** Abbreviations and acronyms border color
    $abbr-border-color:           $gray-light;
    //** Headings small color
    $headings-small-color:        $gray-light;
    //** Blockquote small color
    $blockquote-small-color:      $text-color;
    //** Blockquote font size
    $blockquote-font-size:        ($font-size-base * 1.25);
    //** Blockquote border color
    $blockquote-border-color:     $brand-primary;
    //** Page header border color
    $page-header-border-color:    #ddd;
    //** Width of horizontal description list titles
    $dl-horizontal-offset:        $component-offset-horizontal;
    //** Horizontal line color.
    $hr-border:                   $gray-lighter;
cards_624:
  id: 1476
  name: readable skin+style
  key: readable_skin+style
  codename: 
  left_id: 1383
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Readable 3.3.4
    // Bootswatch
    // -----------------------------------------------------

    @import url("//fonts.googleapis.com/css?family=Raleway:400,700");

    // Navbar =====================================================================

    .navbar {
      font-family: $headings-font-family;

      &-nav,
      &-form {
        margin-left: 0;
        margin-right: 0;
      }

      &-nav > li > a {
        $margin-vertical: (($navbar-height - 2*$padding-base-vertical - $line-height-computed - 2px) / 2);
        padding: $padding-base-vertical $padding-base-horizontal;
        margin: $margin-vertical 6px;
        border: 1px solid transparent;
        border-radius: $border-radius-base;

        &:hover {
          border: 1px solid #ddd;
        }
      }

      &-nav > .active > a,
      &-nav > .active > a:hover {
        border: 1px solid #ddd;
      }

      &-default .navbar-nav > .active > a:hover {
        color: $navbar-default-link-hover-color;
      }

      &-inverse .navbar-nav > .active > a:hover {
        color: $navbar-inverse-link-hover-color;
      }

      &-brand {
        padding-top: (($navbar-height - 2*$font-size-large) / 2);
        padding-bottom: (($navbar-height - 2*$font-size-large) / 2);
        line-height: 1.9;
      }
    }

    @media (max-width: $grid-float-breakpoint) {
      .navbar {
        .navbar-nav > li > a {
          margin: 0;
        }
      }
    }

    // Buttons ====================================================================

    .btn {
      font-family: $headings-font-family;
    }

    // Typography =================================================================

    // Tables =====================================================================

    // Forms ======================================================================

    legend {
      font-family: $headings-font-family;
    }

    .input-group-addon {
      font-family: $font-family-sans-serif;
    }

    // Navs =======================================================================

    .nav {
      .open > a,
      .open > a:hover,
      .open > a:focus {
        border: 1px solid #ddd;
      }
    }

    .pagination {

      font-family: $headings-font-family;

      &-lg > li > a,
      &-lg > li > span {
        padding: 14px 24px;
      }
    }

    .pager {

      font-family: $headings-font-family;

      a {
        color: $text-color;
      }

      a:hover {
        border-color: transparent;
        color: #fff;
      }

      .disabled a {
        border-color: $pager-border;
      }
    }

    // Indicators =================================================================

    .close {
      color: #fff;
      text-decoration: none;
      text-shadow: none;
      opacity: 0.4;

      &:hover,
      &:focus {
        color: #fff;
        opacity: 1;
      }
    }

    .alert {
      .alert-link {
        color: $alert-success-text;
        text-decoration: underline;
      }
    }

    .label {
      font-family: $headings-font-family;
      font-weight: normal;

      &-default {
        border: 1px solid #ddd;
        color: $text-color;
      }

    }

    .badge {
      padding: 1px 7px 5px;
      vertical-align: 2px;
      font-family: $headings-font-family;
      font-weight: normal;
    }

    // Progress bars ==============================================================

    // Containers =================================================================

    .panel {
      @include box-shadow(none);

      &-default {
        .close {
          color: $text-color;
        }
      }
    }

    .modal {
      .close {
        color: $text-color;
      }
    }
cards_625:
  id: 1478
  name: sandstone skin+variables
  key: sandstone_skin+variable
  codename: 
  left_id: 1387
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |+
    // Bootstrap functions
    //
    // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.

    // Ascending
    // Used to evaluate Sass maps like our grid breakpoints.
    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Starts at zero
    // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // Used on our SVG icon backgrounds for custom forms.
    //
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    // Color contrast
    @mixin color-yiq($color) {
      $r: red($color);
      $g: green($color);
      $b: blue($color);

      $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

      @if ($yiq >= 150) {
        color: #111;
      } @else {
        color: #fff;
      }
    }

    // Retreive color Sass maps
    @function color($key: "blue") {
      @return map-get($colors, $key);
    }

    @function theme-color($key: "primary") {
      @return map-get($theme-colors, $key);
    }

    @function grayscale($key: "100") {
      @return map-get($grays, $key);
    }

    // Request a theme color level
    @function theme-color-level($color-name: "primary", $level: 0) {
      $color: theme-color($color-name);
      $color-base: if($level > 0, #000, #fff);

      @if $level < 0 {
        // Lighter values need a quick double negative for the Sass math to work
        @return mix($color-base, $color, $level * -1 * $theme-color-interval);
      } @else {
        @return mix($color-base, $color, $level * $theme-color-interval);
      }
    }

    // Variables
    //
    // Copy settings from this file into the provided `_custom.scss` to override
    // the Bootstrap defaults without modifying key, versioned files.
    //
    // Variables should follow the `$component-state-property-size` formula for
    // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

    // Table of Contents
    //
    // Color system
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navs
    // Navbar
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code


    //
    // Color system
    //

    $white:  #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #adb5bd !default;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #343a40 !default;
    $gray-900: #212529 !default;
    $black:  #000 !default;

    $grays: (
      100: $gray-100,
      200: $gray-200,
      300: $gray-300,
      400: $gray-400,
      500: $gray-500,
      600: $gray-600,
      700: $gray-700,
      800: $gray-800,
      900: $gray-900
    ) !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #dc3545 !default;
    $orange:  #fd7e14 !default;
    $yellow:  #ffc107 !default;
    $green:   #28a745 !default;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $colors: (
      blue: $blue,
      indigo: $indigo,
      purple: $purple,
      pink: $pink,
      red: $red,
      orange: $orange,
      yellow: $yellow,
      green: $green,
      teal: $teal,
      cyan: $cyan,
      white: $white,
      gray: $gray-600,
      gray-dark: $gray-800
    ) !default;

    $theme-colors: (
      primary: $blue,
      secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
    ) !default;

    // Set a specific jump point for requesting color jumps
    $theme-color-interval: 8% !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer: 1rem !default;
    $spacers: (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ) !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $white !default;
    $body-color:    $gray-900 !default;

    // Links
    //
    // Style anchor elements.

    $link-color:            theme-color("primary") !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns: 12 !default;
    $grid-gutter-width: 30px !default;

    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         1.5 !default;
    $line-height-sm:         1.5 !default;

    $border-width: 1px !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    theme-color("primary") !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $h1-font-size: 2.5rem !default;
    $h2-font-size: 2rem !default;
    $h3-font-size: 1.75rem !default;
    $h4-font-size: 1.5rem !default;
    $h5-font-size: 1.25rem !default;
    $h6-font-size: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-600 !default;

    $blockquote-small-color:  $gray-600 !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;

    $mark-bg: #fcf8e3 !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-cell-padding-sm:         .3rem !default;

    $table-bg:                      transparent !default;
    $table-accent-bg:               rgba($black,.05) !default;
    $table-hover-bg:                rgba($black,.075) !default;
    $table-active-bg:               $table-hover-bg !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-200 !default;

    $table-head-bg:                 $gray-200 !default;
    $table-head-color:              $gray-700 !default;

    $table-inverse-bg:              $gray-900 !default;
    $table-inverse-accent-bg:       rgba($white, .05) !default;
    $table-inverse-hover-bg:        rgba($white, .075) !default;
    $table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
    $table-inverse-color:           $body-bg !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $input-btn-padding-y:       .5rem !default;
    $input-btn-padding-x:       .75rem !default;
    $input-btn-line-height:     1.25 !default;

    $input-btn-padding-y-sm:    .25rem !default;
    $input-btn-padding-x-sm:    .5rem !default;
    $input-btn-line-height-sm:  1.5 !default;

    $input-btn-padding-y-lg:    .5rem !default;
    $input-btn-padding-x-lg:    1rem !default;
    $input-btn-line-height-lg:  1.5 !default;

    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-link-disabled-color:        $gray-600 !default;

    $btn-block-spacing-y:            .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .15s ease-in-out !default;


    // Forms

    $input-bg:                       $white !default;
    $input-disabled-bg:              $gray-200 !default;

    $input-color:                    $gray-700 !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-focus-bg:                 $input-bg !default;
    $input-focus-border-color:       lighten(theme-color("primary"), 25%) !default;
    $input-focus-box-shadow:         $input-box-shadow, $btn-focus-box-shadow !default;
    $input-focus-color:              $input-color !default;

    $input-placeholder-color:        $gray-600 !default;

    $input-height-border:           $input-btn-border-width * 2 !default;

    $input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
    $input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

    $input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
    $input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

    $input-height-inner-lg:         ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
    $input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       1rem !default;

    $input-group-addon-bg:           $gray-200 !default;
    $input-group-addon-border-color: $input-border-color !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-y: .25rem !default;
    $custom-control-spacer-x: 1rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-indicator-disabled-bg:       $gray-200 !default;
    $custom-control-description-disabled-color:  $gray-600 !default;

    $custom-control-indicator-checked-color:      $white !default;
    $custom-control-indicator-checked-bg:         theme-color("primary") !default;
    $custom-control-indicator-checked-box-shadow: none !default;

    $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

    $custom-control-indicator-active-color:      $white !default;
    $custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
    $custom-control-indicator-active-box-shadow: none !default;

    $custom-checkbox-indicator-border-radius: $border-radius !default;
    $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
    $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
    $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indicator-indeterminate-box-shadow: none !default;

    $custom-radio-indicator-border-radius: 50% !default;
    $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-y:          .375rem !default;
    $custom-select-padding-x:          .75rem  !default;
    $custom-select-height:              $input-height  !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-btn-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-600 !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-200 !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-font-size-sm:  75% !default;
    $custom-select-height-sm: $input-height-sm !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

    $custom-file-padding-y:     1rem !default;
    $custom-file-padding-x:     .5rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray-700 !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-200 !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation
    $form-feedback-valid-color:   theme-color("success") !default;
    $form-feedback-invalid-color: theme-color("danger") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-spacer:                .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-200 !default;
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-900 !default;
    $dropdown-link-hover-color:      darken($gray-900, 5%) !default;
    $dropdown-link-hover-bg:         $gray-100 !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-600 !default;

    $dropdown-item-padding-y:        .25rem !default;
    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-600 !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown:           1000 !default;
    $zindex-sticky:             1020 !default;
    $zindex-fixed:              1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;

    // Navs

    $nav-link-padding-y:            .5rem !default;
    $nav-link-padding-x:            1rem !default;
    $nav-link-disabled-color:       $gray-600 !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-200 !default;
    $nav-tabs-link-active-color:                  $gray-700 !default;
    $nav-tabs-link-active-bg:                     $body-bg !default;
    $nav-tabs-link-active-border-color:           #ddd !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-link-active-color: $component-active-color !default;
    $nav-pills-link-active-bg:    $component-active-bg !default;

    // Navbar

    $navbar-padding-y:                  ($spacer / 2) !default;
    $navbar-padding-x:                  $spacer !default;

    $navbar-brand-font-size:            $font-size-lg !default;
    // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
    $nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
    $navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
    $navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-dark-color:                 rgba($white,.5) !default;
    $navbar-dark-hover-color:           rgba($white,.75) !default;
    $navbar-dark-active-color:          rgba($white,1) !default;
    $navbar-dark-disabled-color:        rgba($white,.25) !default;
    $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-dark-toggler-border-color:  rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border-color: rgba($black,.1) !default;

    // Pagination

    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-200 !default;
    $pagination-hover-border-color:        #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 theme-color("primary") !default;
    $pagination-active-border-color:       theme-color("primary") !default;

    $pagination-disabled-color:            $gray-600 !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border-color:     #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-200 !default;


    // Cards

    $card-spacer-y:            .75rem !default;
    $card-spacer-x:            1.25rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              rgba($black, .03) !default;
    $card-bg:                  $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              0 !default;


    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-height:        5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-header-bg:                    darken($popover-bg, 3%) !default;
    $popover-header-color:                 $headings-color !default;
    $popover-header-padding-y:             8px !default;
    $popover-header-padding-x:             14px !default;

    $popover-body-color:               $body-color !default;
    $popover-body-padding-y:           9px !default;
    $popover-body-padding-x:           14px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-height:                5px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-color:                 $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-y:             .25em !default;
    $badge-padding-x:             .4em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-margin-y-sm-up: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
    $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-200 !default;
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-y:             .75rem !default;
    $alert-padding-x:             1.25rem !default;
    $alert-margin-bottom:         1rem !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-200 !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               theme-color("primary") !default;
    $progress-bar-animation-timing: 1s linear infinite !default;
    $progress-bar-transition:       width .6s ease !default;

    // List group

    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-y:      .75rem !default;
    $list-group-item-padding-x:      1.25rem !default;

    $list-group-hover-bg:                 $gray-100 !default;
    $list-group-active-color:             $component-active-color !default;
    $list-group-active-bg:                $component-active-bg !default;
    $list-group-active-border-color:      $list-group-active-bg !default;

    $list-group-disabled-color:      $gray-600 !default;
    $list-group-disabled-bg:         $list-group-bg !default;

    $list-group-action-color:             $gray-700 !default;
    $list-group-action-hover-color:       $list-group-action-color !default;

    $list-group-action-active-color:      $body-color !default;
    $list-group-action-active-bg:         $gray-200 !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-600 !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-200 !default;
    $breadcrumb-divider-color:      $gray-600 !default;
    $breadcrumb-active-color:       $gray-600 !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;

    // Code

    $code-font-size:              90% !default;
    $code-padding-y:              .2rem !default;
    $code-padding-x:              .4rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-100 !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-900 !default;

    $pre-color:                   $gray-900 !default;
    $pre-scrollable-max-height:   340px !default;

    // Sandstone 4.0.0
    // Bootswatch

    //
    // Color system
    //

    $white:    #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #F8F5F0;
    $gray-300: #DFD7CA;
    $gray-400: #ced4da !default;
    $gray-500: #98978B;
    $gray-600: #8E8C84;
    $gray-700: #495057 !default;
    $gray-800: #3E3F3A;
    $gray-900: #212529 !default;
    $black:    #000 !default;

    $blue:    #325D88;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #d9534f;
    $orange:  #F47C3C;
    $yellow:  #ffc107 !default;
    $green:   #93C54B;
    $teal:    #20c997 !default;
    $cyan:    #29ABE0;

    $primary:       $blue !default;
    $secondary:     $gray-600 !default;
    $success:       $green !default;
    $info:          $cyan !default;
    $warning:       $orange;
    $danger:        $red !default;
    $light:         $gray-200;
    $dark:          $gray-800 !default;

    // Body

    $body-color:                $gray-800;

    // Links

    $link-color:                $success;

    // Fonts

    $font-family-sans-serif:      "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    $font-size-base:              0.875rem;

    $headings-font-weight:        400;

    // Dropdowns

    $dropdown-link-color:               $gray-600;
    $dropdown-link-hover-color:         $dropdown-link-color;
    $dropdown-link-hover-bg:            $gray-200;

    // Navs

    $nav-link-padding-x:                0.9rem;
    $nav-link-disabled-color:           $gray-300;

    $nav-tabs-border-color:             $gray-300;
    $nav-tabs-link-active-bg:           $white;

    $nav-pills-link-active-color:       $gray-600;
    $nav-pills-link-active-bg:          $gray-200;

    // Navbar

    $navbar-dark-hover-color:           $white;

    $navbar-light-hover-color:          $black;
    $navbar-light-active-color:         $black;

    // Pagination

    $pagination-color:                  $gray-600;
    $pagination-bg:                     $gray-200;
    $pagination-border-color:           $gray-300;

    $pagination-hover-color:            $pagination-color;

    $pagination-active-color:           $pagination-color;
    $pagination-active-bg:              $gray-300;
    $pagination-active-border-color:    $gray-300;

    $pagination-disabled-color:         $gray-300;
    $pagination-disabled-bg:            $gray-200;
    $pagination-disabled-border-color:  $pagination-border-color;

    // Cards

    $card-border-color:                 $gray-300;
    $card-cap-bg:                       $gray-200;

    // Popovers

    $popover-header-bg:                 $gray-200;

    // Modals

    $modal-content-border-color:        $gray-300;

    $modal-header-border-color:         $modal-content-border-color;

    // Progress bars

    $progress-bg:                       $gray-300;
    $progress-border-radius:            10px;
    $progress-bar-color:                $primary;

    // List group

    $list-group-border-color:           $gray-300;

    $list-group-hover-bg:               $gray-200;
    $list-group-active-color:           $body-color;
    $list-group-active-bg:              $gray-200;
    $list-group-active-border-color:    $gray-300;

    $list-group-disabled-color:         $gray-500;
    $list-group-disabled-bg:            $white;

    $list-group-action-color:           $list-group-active-color;

    $list-group-action-active-color:    $list-group-active-color;
    $list-group-action-active-bg:       $gray-300;

    // Close

    $close-text-shadow:                 none;

cards_626:
  id: 1480
  name: sandstone skin+style
  key: sandstone_skin+style
  codename: 
  left_id: 1387
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Sandstone 4.0.0
    // Bootswatch


    // Variables ===================================================================

    $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,500,700" !default;
    @import url($web-font-path);

    // Navbar ======================================================================

    .bg-primary {
      background-color: $dark !important;
    }

    .bg-dark {
      background-color: $secondary !important;
    }

    .bg-light {
      background-color: $gray-200 !important;
    }

    .sandstone {
      font-size: 11px;
      line-height: 22px;
      font-weight: 500;
      text-transform: uppercase;
    }

    .navbar {
      .nav-link {
        @extend .sandstone;
      }

      &-form input,
      &-form .form-control {
        border: none;
      }
    }

    // Buttons =====================================================================

    .btn {
      @extend .sandstone;

      &:hover {
        border-color: transparent;
      }

      &-success,
      &-warning {
        color: $white;
      }
    }

    // Typography ==================================================================

    // Tables ======================================================================

    .table {
      .thead-dark th {
        background-color: $dark;
      }
    }

    // Forms =======================================================================

    input,
    .form-control {
      @include box-shadow(none);

      &:focus {
        // border-color: $input-border;
        @include box-shadow(none);
      }
    }

    // Navs ========================================================================

    .nav-tabs {
      .nav-link {
        @extend .sandstone;
        background-color: $gray-200;
        border-color: $gray-300;
      }

      .nav-link,
      .nav-link:hover,
      .nav-link:focus {
        color: $gray-600;
      }

      .nav-link.disabled,
      .nav-link.disabled:hover,
      .nav-link.disabled:focus {
        background-color: $gray-200;
        border-color: $gray-300;
      }
    }

    .nav-pills {
      .nav-link {
        @extend .sandstone;
        border: 1px solid transparent;
        color: $gray-600;
      }

      .nav-link.active,
      .nav-link:hover,
      .nav-link:focus {
        background-color: $gray-200;
        border-color: $gray-300;
      }

      .nav-link.disabled,
      .nav-link.disabled:hover {
        background-color: transparent;
        border-color: transparent;
        color: $gray-300;
      }
    }


    .breadcrumb {
      @extend .sandstone;
      border: 1px solid $gray-300;
    }

    .pagination {
      @extend .sandstone;

      a:hover {
        text-decoration: none;
      }
    }

    .dropdown-menu {
      .dropdown-item {
        @extend .sandstone;
      }
    }

    // Indicators ==================================================================

    .alert {
      color: #fff;

      a,
      .alert-link {
        color: #fff;
        text-decoration: underline;
      }

      &-success {
        &, > th, > td {
          background-color: $success;
        }
      }

      &-info {
        &, > th, > td {
          background-color: $info;
        }
      }

      &-danger {
        &, > th, > td {
          background-color: $danger;
        }
      }

      &-warning {
        &, > th, > td {
          background-color: $warning;
        }
      }
    }

    .badge {

      &-success,
      &-warning {
        color: $white;
      }
    }

    .tooltip {
      @extend .sandstone;
    }

    .close {
      color: $gray-300;
      opacity: 1;

      &:hover {
        color: darken($gray-300, 20%);
      }
    }

    // Progress bars ===============================================================

    // Containers ==================================================================
cards_627:
  id: 1482
  name: simplex skin+variables
  key: simplex_skin+variable
  codename: 
  left_id: 1391
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Bootstrap functions
    //
    // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.

    // Ascending
    // Used to evaluate Sass maps like our grid breakpoints.
    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Starts at zero
    // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // Used on our SVG icon backgrounds for custom forms.
    //
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    // Color contrast
    @mixin color-yiq($color) {
      $r: red($color);
      $g: green($color);
      $b: blue($color);

      $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

      @if ($yiq >= 150) {
        color: #111;
      } @else {
        color: #fff;
      }
    }

    // Retreive color Sass maps
    @function color($key: "blue") {
      @return map-get($colors, $key);
    }

    @function theme-color($key: "primary") {
      @return map-get($theme-colors, $key);
    }

    @function grayscale($key: "100") {
      @return map-get($grays, $key);
    }

    // Request a theme color level
    @function theme-color-level($color-name: "primary", $level: 0) {
      $color: theme-color($color-name);
      $color-base: if($level > 0, #000, #fff);

      @if $level < 0 {
        // Lighter values need a quick double negative for the Sass math to work
        @return mix($color-base, $color, $level * -1 * $theme-color-interval);
      } @else {
        @return mix($color-base, $color, $level * $theme-color-interval);
      }
    }

    // Variables
    //
    // Copy settings from this file into the provided `_custom.scss` to override
    // the Bootstrap defaults without modifying key, versioned files.
    //
    // Variables should follow the `$component-state-property-size` formula for
    // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

    // Table of Contents
    //
    // Color system
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navs
    // Navbar
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code


    //
    // Color system
    //

    $white:  #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #adb5bd !default;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #343a40 !default;
    $gray-900: #212529 !default;
    $black:  #000 !default;

    $grays: (
      100: $gray-100,
      200: $gray-200,
      300: $gray-300,
      400: $gray-400,
      500: $gray-500,
      600: $gray-600,
      700: $gray-700,
      800: $gray-800,
      900: $gray-900
    ) !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #dc3545 !default;
    $orange:  #fd7e14 !default;
    $yellow:  #ffc107 !default;
    $green:   #28a745 !default;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $colors: (
      blue: $blue,
      indigo: $indigo,
      purple: $purple,
      pink: $pink,
      red: $red,
      orange: $orange,
      yellow: $yellow,
      green: $green,
      teal: $teal,
      cyan: $cyan,
      white: $white,
      gray: $gray-600,
      gray-dark: $gray-800
    ) !default;

    $theme-colors: (
      primary: $blue,
      secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
    ) !default;

    // Set a specific jump point for requesting color jumps
    $theme-color-interval: 8% !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer: 1rem !default;
    $spacers: (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ) !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $white !default;
    $body-color:    $gray-900 !default;

    // Links
    //
    // Style anchor elements.

    $link-color:            theme-color("primary") !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns: 12 !default;
    $grid-gutter-width: 30px !default;

    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         1.5 !default;
    $line-height-sm:         1.5 !default;

    $border-width: 1px !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    theme-color("primary") !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $h1-font-size: 2.5rem !default;
    $h2-font-size: 2rem !default;
    $h3-font-size: 1.75rem !default;
    $h4-font-size: 1.5rem !default;
    $h5-font-size: 1.25rem !default;
    $h6-font-size: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-600 !default;

    $blockquote-small-color:  $gray-600 !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;

    $mark-bg: #fcf8e3 !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-cell-padding-sm:         .3rem !default;

    $table-bg:                      transparent !default;
    $table-accent-bg:               rgba($black,.05) !default;
    $table-hover-bg:                rgba($black,.075) !default;
    $table-active-bg:               $table-hover-bg !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-200 !default;

    $table-head-bg:                 $gray-200 !default;
    $table-head-color:              $gray-700 !default;

    $table-inverse-bg:              $gray-900 !default;
    $table-inverse-accent-bg:       rgba($white, .05) !default;
    $table-inverse-hover-bg:        rgba($white, .075) !default;
    $table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
    $table-inverse-color:           $body-bg !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $input-btn-padding-y:       .5rem !default;
    $input-btn-padding-x:       .75rem !default;
    $input-btn-line-height:     1.25 !default;

    $input-btn-padding-y-sm:    .25rem !default;
    $input-btn-padding-x-sm:    .5rem !default;
    $input-btn-line-height-sm:  1.5 !default;

    $input-btn-padding-y-lg:    .5rem !default;
    $input-btn-padding-x-lg:    1rem !default;
    $input-btn-line-height-lg:  1.5 !default;

    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-link-disabled-color:        $gray-600 !default;

    $btn-block-spacing-y:            .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .15s ease-in-out !default;


    // Forms

    $input-bg:                       $white !default;
    $input-disabled-bg:              $gray-200 !default;

    $input-color:                    $gray-700 !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-focus-bg:                 $input-bg !default;
    $input-focus-border-color:       lighten(theme-color("primary"), 25%) !default;
    $input-focus-box-shadow:         $input-box-shadow, $btn-focus-box-shadow !default;
    $input-focus-color:              $input-color !default;

    $input-placeholder-color:        $gray-600 !default;

    $input-height-border:           $input-btn-border-width * 2 !default;

    $input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
    $input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

    $input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
    $input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

    $input-height-inner-lg:         ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
    $input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       1rem !default;

    $input-group-addon-bg:           $gray-200 !default;
    $input-group-addon-border-color: $input-border-color !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-y: .25rem !default;
    $custom-control-spacer-x: 1rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-indicator-disabled-bg:       $gray-200 !default;
    $custom-control-description-disabled-color:  $gray-600 !default;

    $custom-control-indicator-checked-color:      $white !default;
    $custom-control-indicator-checked-bg:         theme-color("primary") !default;
    $custom-control-indicator-checked-box-shadow: none !default;

    $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

    $custom-control-indicator-active-color:      $white !default;
    $custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
    $custom-control-indicator-active-box-shadow: none !default;

    $custom-checkbox-indicator-border-radius: $border-radius !default;
    $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
    $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
    $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indicator-indeterminate-box-shadow: none !default;

    $custom-radio-indicator-border-radius: 50% !default;
    $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-y:          .375rem !default;
    $custom-select-padding-x:          .75rem  !default;
    $custom-select-height:              $input-height  !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-btn-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-600 !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-200 !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-font-size-sm:  75% !default;
    $custom-select-height-sm: $input-height-sm !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

    $custom-file-padding-y:     1rem !default;
    $custom-file-padding-x:     .5rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray-700 !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-200 !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation
    $form-feedback-valid-color:   theme-color("success") !default;
    $form-feedback-invalid-color: theme-color("danger") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-spacer:                .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-200 !default;
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-900 !default;
    $dropdown-link-hover-color:      darken($gray-900, 5%) !default;
    $dropdown-link-hover-bg:         $gray-100 !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-600 !default;

    $dropdown-item-padding-y:        .25rem !default;
    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-600 !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown:           1000 !default;
    $zindex-sticky:             1020 !default;
    $zindex-fixed:              1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;

    // Navs

    $nav-link-padding-y:            .5rem !default;
    $nav-link-padding-x:            1rem !default;
    $nav-link-disabled-color:       $gray-600 !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-200 !default;
    $nav-tabs-link-active-color:                  $gray-700 !default;
    $nav-tabs-link-active-bg:                     $body-bg !default;
    $nav-tabs-link-active-border-color:           #ddd !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-link-active-color: $component-active-color !default;
    $nav-pills-link-active-bg:    $component-active-bg !default;

    // Navbar

    $navbar-padding-y:                  ($spacer / 2) !default;
    $navbar-padding-x:                  $spacer !default;

    $navbar-brand-font-size:            $font-size-lg !default;
    // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
    $nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
    $navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
    $navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-dark-color:                 rgba($white,.5) !default;
    $navbar-dark-hover-color:           rgba($white,.75) !default;
    $navbar-dark-active-color:          rgba($white,1) !default;
    $navbar-dark-disabled-color:        rgba($white,.25) !default;
    $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-dark-toggler-border-color:  rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border-color: rgba($black,.1) !default;

    // Pagination

    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-200 !default;
    $pagination-hover-border-color:        #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 theme-color("primary") !default;
    $pagination-active-border-color:       theme-color("primary") !default;

    $pagination-disabled-color:            $gray-600 !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border-color:     #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-200 !default;


    // Cards

    $card-spacer-y:            .75rem !default;
    $card-spacer-x:            1.25rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              rgba($black, .03) !default;
    $card-bg:                  $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              0 !default;


    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-height:        5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-header-bg:                    darken($popover-bg, 3%) !default;
    $popover-header-color:                 $headings-color !default;
    $popover-header-padding-y:             8px !default;
    $popover-header-padding-x:             14px !default;

    $popover-body-color:               $body-color !default;
    $popover-body-padding-y:           9px !default;
    $popover-body-padding-x:           14px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-height:                5px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-color:                 $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-y:             .25em !default;
    $badge-padding-x:             .4em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-margin-y-sm-up: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
    $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-200 !default;
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-y:             .75rem !default;
    $alert-padding-x:             1.25rem !default;
    $alert-margin-bottom:         1rem !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-200 !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               theme-color("primary") !default;
    $progress-bar-animation-timing: 1s linear infinite !default;
    $progress-bar-transition:       width .6s ease !default;

    // List group

    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-y:      .75rem !default;
    $list-group-item-padding-x:      1.25rem !default;

    $list-group-hover-bg:                 $gray-100 !default;
    $list-group-active-color:             $component-active-color !default;
    $list-group-active-bg:                $component-active-bg !default;
    $list-group-active-border-color:      $list-group-active-bg !default;

    $list-group-disabled-color:      $gray-600 !default;
    $list-group-disabled-bg:         $list-group-bg !default;

    $list-group-action-color:             $gray-700 !default;
    $list-group-action-hover-color:       $list-group-action-color !default;

    $list-group-action-active-color:      $body-color !default;
    $list-group-action-active-bg:         $gray-200 !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-600 !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-200 !default;
    $breadcrumb-divider-color:      $gray-600 !default;
    $breadcrumb-active-color:       $gray-600 !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;

    // Code

    $code-font-size:              90% !default;
    $code-padding-y:              .2rem !default;
    $code-padding-x:              .4rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-100 !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-900 !default;

    $pre-color:                   $gray-900 !default;
    $pre-scrollable-max-height:   340px !default;

    // Simplex 4.0.0
    // Bootswatch

    //
    // Color system
    //

    $white:    #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #ddd;
    $gray-300: #ccc;
    $gray-400: #bbb;
    $gray-500: #adb5bd !default;
    $gray-600: #777;
    $gray-700: #444;
    $gray-800: #373a3c;
    $gray-900: #212529 !default;
    $black:    #000 !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #9B479F;
    $pink:    #e83e8c !default;
    $red:     #D9230F;
    $orange:  #D9831F;
    $yellow:  #ffc107 !default;
    $green:   #469408;
    $teal:    #20c997 !default;
    $cyan:    #029ACF;

    $primary:       $red;
    $secondary:     $white;
    $success:       $green !default;
    $info:          $cyan !default;
    $warning:       $purple;
    $danger:        $orange;
    $light:         $white;
    $dark:          $gray-800 !default;

    // Body

    $body-bg:                   #FCFCFC;

    // Fonts

    $font-family-sans-serif:      "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    $font-size-base:              0.8125rem;

    $headings-color:              $gray-700;

    // Dropdowns

    $dropdown-link-hover-color:         $white;
    $dropdown-link-hover-bg:            $primary;

    // Navs

    $nav-link-padding-y:                .9rem;
    $nav-link-disabled-color:           $gray-400;

    $nav-tabs-border-color:             darken(#fff, 6.5%);

    // Navbar

    $navbar-dark-color:                 rgba($white,.75);
    $navbar-dark-hover-color:           $white;

    // Pagination

    $pagination-border-color:           $nav-tabs-border-color;

    $pagination-hover-color:            $white;
    $pagination-hover-bg:               $primary;
    $pagination-hover-border-color:     $primary;

    $pagination-disabled-color:         $gray-400;
    $pagination-disabled-border-color:  $pagination-border-color;

    // Jumbotron

    $jumbotron-bg:                      $nav-tabs-border-color;

    // Cards

    $card-border-color:                 $nav-tabs-border-color;

    // Popovers

    $popover-border-color:              $nav-tabs-border-color;

    // Modals

    $modal-content-border-color:        $nav-tabs-border-color;

    $modal-header-border-color:         $nav-tabs-border-color;

    // Progress bars

    $progress-bar-color:                $primary;

    // List group

    $list-group-border-color:           $nav-tabs-border-color;

    $list-group-disabled-bg:            $nav-tabs-border-color;

    // Breadcrumbs

    $breadcrumb-bg:                     $white;
cards_628:
  id: 1484
  name: simplex skin+style
  key: simplex_skin+style
  codename: 
  left_id: 1391
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Simplex 4.0.0
    // Bootswatch


    // Variables ===================================================================

    $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400,700" !default;
    @import url($web-font-path);

    @mixin btn-shadow($color){
      @include gradient-y-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%));
      filter: none;
      border: 1px solid darken($color, 6.5%);
    }

    // Navbar ======================================================================

    .navbar {
      border-width: 1px;
      border-style: solid;

      &-fixed-top {
        border-width: 0 0 1px 0;
      }

      &-fixed-bottom {
        border-top-width: 1px 0 0 0;
        border-style: solid;
      }
    }

    .bg-primary {
      background-color: $primary !important;
      border-color: darken($primary, 6.5%) !important;
    }

    .bg-dark {
      border-color: darken($dark, 6.5%) !important;
    }

    .bg-light {
      border-color: darken(#fff, 6.5%);
    }

    // Buttons =====================================================================

    .btn-primary,
    .btn-primary:hover {
      @include btn-shadow($primary);
    }

    .btn-secondary,
    .btn-secondary:hover {
      @include btn-shadow($secondary);
    }

    .btn-secondary:focus,
    .btn-secondary:not([disabled]):not(.disabled):active,
    .btn-secondary:not([disabled]):not(.disabled).active {
      box-shadow: 0 0 0 0.2rem rgba($gray-200, 0.5);
    }

    .btn-success,
    .btn-success:hover {
      @include btn-shadow($success);
    }

    .btn-info,
    .btn-info:hover {
      @include btn-shadow($info);
    }

    .btn-warning,
    .btn-warning:hover {
      @include btn-shadow($warning);
    }

    .btn-danger,
    .btn-danger:hover {
      @include btn-shadow($danger);
    }

    .btn-dark,
    .btn-dark:hover {
      @include btn-shadow($dark);
    }

    .btn-light,
    .btn-light:hover {
      @include btn-shadow($light);
    }

    .btn-outline-secondary {
      border-color: $gray-400;
      color: $gray-400;

      &:hover {
        background-color: $gray-400;
        color: $white;
      }
    }

    // Typography ==================================================================

    body {
      font-weight: 200;
    }

    // Tables ======================================================================

    // Forms =======================================================================

    legend,
    label {
      color: $headings-color;
    }

    // Navs =======================================================================

    .breadcrumb {
      border: 1px solid darken(#fff, 6.5%);
    }

    .pagination {
      .page-link:hover {
        text-decoration: none;
      }
    }

    // Indicators ==================================================================

    // Progress bars ===============================================================

    // Containers ==================================================================
cards_629:
  id: 1486
  name: slate skin+variables
  key: slate_skin+variable
  codename: 
  left_id: 1395
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Bootstrap functions
    //
    // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.

    // Ascending
    // Used to evaluate Sass maps like our grid breakpoints.
    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Starts at zero
    // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // Used on our SVG icon backgrounds for custom forms.
    //
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    // Color contrast
    @mixin color-yiq($color) {
      $r: red($color);
      $g: green($color);
      $b: blue($color);

      $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

      @if ($yiq >= 150) {
        color: #111;
      } @else {
        color: #fff;
      }
    }

    // Retreive color Sass maps
    @function color($key: "blue") {
      @return map-get($colors, $key);
    }

    @function theme-color($key: "primary") {
      @return map-get($theme-colors, $key);
    }

    @function grayscale($key: "100") {
      @return map-get($grays, $key);
    }

    // Request a theme color level
    @function theme-color-level($color-name: "primary", $level: 0) {
      $color: theme-color($color-name);
      $color-base: if($level > 0, #000, #fff);

      @if $level < 0 {
        // Lighter values need a quick double negative for the Sass math to work
        @return mix($color-base, $color, $level * -1 * $theme-color-interval);
      } @else {
        @return mix($color-base, $color, $level * $theme-color-interval);
      }
    }

    // Variables
    //
    // Copy settings from this file into the provided `_custom.scss` to override
    // the Bootstrap defaults without modifying key, versioned files.
    //
    // Variables should follow the `$component-state-property-size` formula for
    // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

    // Table of Contents
    //
    // Color system
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navs
    // Navbar
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code


    //
    // Color system
    //

    $white:  #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #adb5bd !default;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #343a40 !default;
    $gray-900: #212529 !default;
    $black:  #000 !default;

    $grays: (
      100: $gray-100,
      200: $gray-200,
      300: $gray-300,
      400: $gray-400,
      500: $gray-500,
      600: $gray-600,
      700: $gray-700,
      800: $gray-800,
      900: $gray-900
    ) !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #dc3545 !default;
    $orange:  #fd7e14 !default;
    $yellow:  #ffc107 !default;
    $green:   #28a745 !default;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $colors: (
      blue: $blue,
      indigo: $indigo,
      purple: $purple,
      pink: $pink,
      red: $red,
      orange: $orange,
      yellow: $yellow,
      green: $green,
      teal: $teal,
      cyan: $cyan,
      white: $white,
      gray: $gray-600,
      gray-dark: $gray-800
    ) !default;

    $theme-colors: (
      primary: $blue,
      secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
    ) !default;

    // Set a specific jump point for requesting color jumps
    $theme-color-interval: 8% !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer: 1rem !default;
    $spacers: (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ) !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $white !default;
    $body-color:    $gray-900 !default;

    // Links
    //
    // Style anchor elements.

    $link-color:            theme-color("primary") !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns: 12 !default;
    $grid-gutter-width: 30px !default;

    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         1.5 !default;
    $line-height-sm:         1.5 !default;

    $border-width: 1px !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    theme-color("primary") !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $h1-font-size: 2.5rem !default;
    $h2-font-size: 2rem !default;
    $h3-font-size: 1.75rem !default;
    $h4-font-size: 1.5rem !default;
    $h5-font-size: 1.25rem !default;
    $h6-font-size: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-600 !default;

    $blockquote-small-color:  $gray-600 !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;

    $mark-bg: #fcf8e3 !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-cell-padding-sm:         .3rem !default;

    $table-bg:                      transparent !default;
    $table-accent-bg:               rgba($black,.05) !default;
    $table-hover-bg:                rgba($black,.075) !default;
    $table-active-bg:               $table-hover-bg !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-200 !default;

    $table-head-bg:                 $gray-200 !default;
    $table-head-color:              $gray-700 !default;

    $table-inverse-bg:              $gray-900 !default;
    $table-inverse-accent-bg:       rgba($white, .05) !default;
    $table-inverse-hover-bg:        rgba($white, .075) !default;
    $table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
    $table-inverse-color:           $body-bg !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $input-btn-padding-y:       .5rem !default;
    $input-btn-padding-x:       .75rem !default;
    $input-btn-line-height:     1.25 !default;

    $input-btn-padding-y-sm:    .25rem !default;
    $input-btn-padding-x-sm:    .5rem !default;
    $input-btn-line-height-sm:  1.5 !default;

    $input-btn-padding-y-lg:    .5rem !default;
    $input-btn-padding-x-lg:    1rem !default;
    $input-btn-line-height-lg:  1.5 !default;

    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-link-disabled-color:        $gray-600 !default;

    $btn-block-spacing-y:            .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .15s ease-in-out !default;


    // Forms

    $input-bg:                       $white !default;
    $input-disabled-bg:              $gray-200 !default;

    $input-color:                    $gray-700 !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-focus-bg:                 $input-bg !default;
    $input-focus-border-color:       lighten(theme-color("primary"), 25%) !default;
    $input-focus-box-shadow:         $input-box-shadow, $btn-focus-box-shadow !default;
    $input-focus-color:              $input-color !default;

    $input-placeholder-color:        $gray-600 !default;

    $input-height-border:           $input-btn-border-width * 2 !default;

    $input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
    $input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

    $input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
    $input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

    $input-height-inner-lg:         ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
    $input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       1rem !default;

    $input-group-addon-bg:           $gray-200 !default;
    $input-group-addon-border-color: $input-border-color !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-y: .25rem !default;
    $custom-control-spacer-x: 1rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-indicator-disabled-bg:       $gray-200 !default;
    $custom-control-description-disabled-color:  $gray-600 !default;

    $custom-control-indicator-checked-color:      $white !default;
    $custom-control-indicator-checked-bg:         theme-color("primary") !default;
    $custom-control-indicator-checked-box-shadow: none !default;

    $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

    $custom-control-indicator-active-color:      $white !default;
    $custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
    $custom-control-indicator-active-box-shadow: none !default;

    $custom-checkbox-indicator-border-radius: $border-radius !default;
    $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
    $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
    $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indicator-indeterminate-box-shadow: none !default;

    $custom-radio-indicator-border-radius: 50% !default;
    $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-y:          .375rem !default;
    $custom-select-padding-x:          .75rem  !default;
    $custom-select-height:              $input-height  !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-btn-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-600 !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-200 !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-font-size-sm:  75% !default;
    $custom-select-height-sm: $input-height-sm !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

    $custom-file-padding-y:     1rem !default;
    $custom-file-padding-x:     .5rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray-700 !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-200 !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation
    $form-feedback-valid-color:   theme-color("success") !default;
    $form-feedback-invalid-color: theme-color("danger") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-spacer:                .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-200 !default;
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-900 !default;
    $dropdown-link-hover-color:      darken($gray-900, 5%) !default;
    $dropdown-link-hover-bg:         $gray-100 !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-600 !default;

    $dropdown-item-padding-y:        .25rem !default;
    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-600 !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown:           1000 !default;
    $zindex-sticky:             1020 !default;
    $zindex-fixed:              1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;

    // Navs

    $nav-link-padding-y:            .5rem !default;
    $nav-link-padding-x:            1rem !default;
    $nav-link-disabled-color:       $gray-600 !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-200 !default;
    $nav-tabs-link-active-color:                  $gray-700 !default;
    $nav-tabs-link-active-bg:                     $body-bg !default;
    $nav-tabs-link-active-border-color:           #ddd !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-link-active-color: $component-active-color !default;
    $nav-pills-link-active-bg:    $component-active-bg !default;

    // Navbar

    $navbar-padding-y:                  ($spacer / 2) !default;
    $navbar-padding-x:                  $spacer !default;

    $navbar-brand-font-size:            $font-size-lg !default;
    // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
    $nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
    $navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
    $navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-dark-color:                 rgba($white,.5) !default;
    $navbar-dark-hover-color:           rgba($white,.75) !default;
    $navbar-dark-active-color:          rgba($white,1) !default;
    $navbar-dark-disabled-color:        rgba($white,.25) !default;
    $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-dark-toggler-border-color:  rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border-color: rgba($black,.1) !default;

    // Pagination

    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-200 !default;
    $pagination-hover-border-color:        #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 theme-color("primary") !default;
    $pagination-active-border-color:       theme-color("primary") !default;

    $pagination-disabled-color:            $gray-600 !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border-color:     #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-200 !default;


    // Cards

    $card-spacer-y:            .75rem !default;
    $card-spacer-x:            1.25rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              rgba($black, .03) !default;
    $card-bg:                  $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              0 !default;


    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-height:        5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-header-bg:                    darken($popover-bg, 3%) !default;
    $popover-header-color:                 $headings-color !default;
    $popover-header-padding-y:             8px !default;
    $popover-header-padding-x:             14px !default;

    $popover-body-color:               $body-color !default;
    $popover-body-padding-y:           9px !default;
    $popover-body-padding-x:           14px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-height:                5px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-color:                 $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-y:             .25em !default;
    $badge-padding-x:             .4em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-margin-y-sm-up: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
    $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-200 !default;
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-y:             .75rem !default;
    $alert-padding-x:             1.25rem !default;
    $alert-margin-bottom:         1rem !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-200 !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               theme-color("primary") !default;
    $progress-bar-animation-timing: 1s linear infinite !default;
    $progress-bar-transition:       width .6s ease !default;

    // List group

    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-y:      .75rem !default;
    $list-group-item-padding-x:      1.25rem !default;

    $list-group-hover-bg:                 $gray-100 !default;
    $list-group-active-color:             $component-active-color !default;
    $list-group-active-bg:                $component-active-bg !default;
    $list-group-active-border-color:      $list-group-active-bg !default;

    $list-group-disabled-color:      $gray-600 !default;
    $list-group-disabled-bg:         $list-group-bg !default;

    $list-group-action-color:             $gray-700 !default;
    $list-group-action-hover-color:       $list-group-action-color !default;

    $list-group-action-active-color:      $body-color !default;
    $list-group-action-active-bg:         $gray-200 !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-600 !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-200 !default;
    $breadcrumb-divider-color:      $gray-600 !default;
    $breadcrumb-active-color:       $gray-600 !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;

    // Code

    $code-font-size:              90% !default;
    $code-padding-y:              .2rem !default;
    $code-padding-x:              .4rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-100 !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-900 !default;

    $pre-color:                   $gray-900 !default;
    $pre-scrollable-max-height:   340px !default;

    // Slate 4.0.0
    // Bootswatch




    // Table of Contents
    //
    // Colors
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navbar
    // Navs
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code

    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }


    // General variable structure
    //
    // Variable format should follow the `$component-modifier-state-property` order.


    // Colors
    //
    // Grayscale and brand colors for use across Bootstrap.

    // Start with assigning color names to specific hex values.
    $white:  #fff !default;
    $black:  #000 !default;
    $red:    #d9534f !default;
    $orange: #f0ad4e !default;
    $yellow: #ffd500 !default;
    $green:  #5cb85c !default;
    $blue:   #0275d8 !default;
    $teal:   #5bc0de !default;
    $pink:   #ff5b77 !default;
    $purple: #613d7c !default;

    // Create grayscale
    $gray-dark:                 #272B30 !default; // ChangedLineForBootstrap4
    $gray:                      #3A3F44 !default; // ChangedLineForBootstrap4
    $gray-light:                #52575C !default; // ChangedLineForBootstrap4
    $gray-lighter:              #7A8288 !default; // ChangedLineForBootstrap4
    $gray-lightest:             #999 !default; // ChangedLineForBootstrap4

    // Reassign color vars to semantic color scheme
    $brand-primary:             $gray-light !default; // ChangedLineForBootstrap4
    $brand-success:             #62c462 !default; // ChangedLineForBootstrap4
    $brand-info:                #5bc0de !default; // ChangedLineForBootstrap4
    $brand-warning:             #f89406 !default; // ChangedLineForBootstrap4
    $brand-danger:              #ee5f5b !default; // ChangedLineForBootstrap4
    $brand-inverse:             $gray-dark !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer:   1rem !default;
    $spacer-x: $spacer !default;
    $spacer-y: $spacer !default;
    $spacers: (
      0: (
        x: 0,
        y: 0
      ),
      1: (
        x: ($spacer-x * .25),
        y: ($spacer-y * .25)
      ),
      2: (
        x: ($spacer-x * .5),
        y: ($spacer-y * .5)
      ),
      3: (
        x: $spacer-x,
        y: $spacer-y
      ),
      4: (
        x: ($spacer-x * 1.5),
        y: ($spacer-y * 1.5)
      ),
      5: (
        x: ($spacer-x * 3),
        y: ($spacer-y * 3)
      )
    ) !default;
    $border-width: 1px !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $gray-dark !default; // ChangedLineForBootstrap4
    $body-color:    #aaa !default; // ChangedLineForBootstrap4
    $inverse-bg:    $gray-dark !default;
    $inverse-color: $gray-lighter !default;


    // Links
    //
    // Style anchor elements.

    $link-color:            #fff !default; // ChangedLineForBootstrap4
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns:               12 !default;
    $grid-gutter-width-base:     30px !default;
    $grid-gutter-widths: (
      xs: $grid-gutter-width-base,
      sm: $grid-gutter-width-base,
      md: $grid-gutter-width-base,
      lg: $grid-gutter-width-base,
      xl: $grid-gutter-width-base
    ) !default;

    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 0.9375rem !default; // ChangedLineForBootstrap4
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;
    $font-size-xs:   .75rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $font-size-h1: 2.5rem !default;
    $font-size-h2: 2rem !default;
    $font-size-h3: 1.75rem !default;
    $font-size-h4: 1.5rem !default;
    $font-size-h5: 1.25rem !default;
    $font-size-h6: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-lighter !default; // ChangedLineForBootstrap4

    $abbr-border-color: $gray-light !default;

    $blockquote-small-color:  $gray-light !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;
    $blockquote-border-color: $gray-lighter !default;
    $blockquote-border-width: .25rem !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;


    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         (4 / 3) !default;
    $line-height-sm:         1.5 !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    $brand-primary !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-sm-cell-padding:         .3rem !default;

    $table-bg:                      transparent !default;

    $table-inverse-bg:              $gray-dark !default;
    $table-inverse-color:           $body-bg !default;

    $table-bg-accent:               rgba($white,.05) !default; // ChangedLineForBootstrap4
    $table-bg-hover:                rgba($white,.075) !default; // ChangedLineForBootstrap4
    $table-bg-active:               $table-bg-hover !default;

    $table-head-bg:                 $gray-lighter !default;
    $table-head-color:              $gray !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            rgba(0, 0, 0, 0.6) !default; // ChangedLineForBootstrap4


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $btn-padding-x:                  1rem !default;
    $btn-padding-y:                  .75rem !default;
    $btn-line-height:                1.25 !default;
    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 2px rgba($brand-primary, .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-primary-color:              $white !default;
    $btn-primary-bg:                 $brand-primary !default;
    $btn-primary-border:             $btn-primary-bg !default;

    $btn-secondary-color:            #fff !default; // ChangedLineForBootstrap4
    $btn-secondary-bg:               $gray-lighter !default; // ChangedLineForBootstrap4
    $btn-secondary-border:           $btn-secondary-bg !default; // ChangedLineForBootstrap4

    $btn-info-color:                 $white !default;
    $btn-info-bg:                    $brand-info !default;
    $btn-info-border:                $btn-info-bg !default;

    $btn-success-color:              $white !default;
    $btn-success-bg:                 $brand-success !default;
    $btn-success-border:             $btn-success-bg !default;

    $btn-warning-color:              $white !default;
    $btn-warning-bg:                 $brand-warning !default;
    $btn-warning-border:             $btn-warning-bg !default;

    $btn-danger-color:               $white !default;
    $btn-danger-bg:                  $brand-danger !default;
    $btn-danger-border:              $btn-danger-bg !default;

    $btn-link-disabled-color:        $gray-light !default;

    $btn-padding-x-sm:               .5rem !default;
    $btn-padding-y-sm:               .25rem !default;

    $btn-padding-x-lg:               1.5rem !default;
    $btn-padding-y-lg:               1rem !default;

    $btn-block-spacing-y:            .5rem !default;
    $btn-toolbar-margin:             .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .2s ease-in-out !default;


    // Forms

    $input-padding-x:                .75rem !default;
    $input-padding-y:                .75rem !default;
    $input-line-height:              1.25 !default;

    $input-bg:                       $white !default;
    $input-bg-disabled:              #ccc !default; // ChangedLineForBootstrap4

    $input-color:                    $gray !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-bg-focus:                 $input-bg !default;
    $input-border-focus:             lighten($brand-primary, 25%) !default;
    $input-box-shadow-focus:         $input-box-shadow, rgba($input-border-focus, .6) !default;
    $input-color-focus:              $input-color !default;

    $input-color-placeholder:        $gray-light !default;

    $input-padding-x-sm:             .5rem !default;
    $input-padding-y-sm:             .25rem !default;

    $input-padding-x-lg:             1.5rem !default;
    $input-padding-y-lg:             .75rem !default;

    $input-height:                   (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
    $input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
    $input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;
    $form-feedback-margin-top: $form-text-margin-top !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       $spacer-y !default;

    $input-group-addon-bg:           $gray-lighter !default;
    $input-group-addon-border-color: $input-border-color !default;

    $cursor-disabled:                not-allowed !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-x: 1rem !default;
    $custom-control-spacer-y: .25rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-margin-y:   (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-disabled-cursor:             $cursor-disabled !default;
    $custom-control-disabled-indicator-bg:       $gray-lighter !default;
    $custom-control-disabled-description-color:  $gray-light !default;

    $custom-control-checked-indicator-color:      $white !default;
    $custom-control-checked-indicator-bg:         $brand-primary !default;
    $custom-control-checked-indicator-box-shadow: none !default;

    $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;

    $custom-control-active-indicator-color:      $white !default;
    $custom-control-active-indicator-bg:         lighten($brand-primary, 35%) !default;
    $custom-control-active-indicator-box-shadow: none !default;

    $custom-checkbox-radius: $border-radius !default;
    $custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indeterminate-bg: $brand-primary !default;
    $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;
    $custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indeterminate-box-shadow: none !default;

    $custom-radio-radius: 50% !default;
    $custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-x:          .75rem  !default;
    $custom-select-padding-y:          .375rem !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-light !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-lighter !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten($brand-primary, 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-sm-padding-y:  .2rem !default;
    $custom-select-sm-font-size:  75% !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;

    $custom-file-padding-x:     .5rem !default;
    $custom-file-padding-y:     1rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-lighter !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation icons
    $form-icon-success-color: $brand-success !default;
    $form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $form-icon-warning-color: $brand-warning !default;
    $form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $form-icon-danger-color: $brand-danger !default;
    $form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-margin-top:            .125rem !default;
    $dropdown-bg:                    $gray !default; // ChangedLineForBootstrap4
    $dropdown-border-color:          rgba(0,0,0,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $dropdown-border-color !default; // ChangedLineForBootstrap4
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $body-color !default; // ChangedLineForBootstrap4
    $dropdown-link-hover-color:      #fff !default; // ChangedLineForBootstrap4
    $dropdown-link-hover-bg:         $body-bg !default; // ChangedLineForBootstrap4

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-light !default;

    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-light !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown-backdrop:  990 !default;
    $zindex-navbar:             1000 !default;
    $zindex-dropdown:           1000 !default;
    $zindex-fixed:              1030 !default;
    $zindex-sticky:             1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;


    // Navbar

    $navbar-border-radius:              $border-radius !default;
    $navbar-padding-x:                  0 !default; // ChangedLineForBootstrap4
    $navbar-padding-y:                  0 !default; // ChangedLineForBootstrap4

    $navbar-brand-padding-y:            .25rem !default;

    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-inverse-color:                 rgba(255,255,255,.5) !default;
    $navbar-inverse-hover-color:           rgba(255,255,255,1) !default; // ChangedLineForBootstrap4
    $navbar-inverse-active-color:          rgba(255,255,255,1) !default;
    $navbar-inverse-disabled-color:        rgba(255,255,255,.25) !default;
    $navbar-inverse-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-inverse-toggler-border:        rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border:       rgba($black,.1) !default;

    // Navs

    $nav-item-margin:               .2rem !default;
    $nav-item-inline-spacer:        1rem !default;
    $nav-link-padding:              .5em 1em !default;
    $nav-link-hover-bg:             $gray-lighter !default;
    $nav-disabled-link-color:       $gray-lighter !default; // ChangedLineForBootstrap4

    $nav-tabs-border-color:                       rgba(0, 0, 0, 0.6) !default; // ChangedLineForBootstrap4
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $nav-tabs-border-color !default; // ChangedLineForBootstrap4
    $nav-tabs-active-link-hover-color:            #fff !default; // ChangedLineForBootstrap4
    $nav-tabs-active-link-hover-bg:               $body-bg !default;
    $nav-tabs-active-link-hover-border-color:     $nav-tabs-border-color !default; // ChangedLineForBootstrap4
    $nav-tabs-justified-link-border-color:        $nav-tabs-border-color !default; // ChangedLineForBootstrap4
    $nav-tabs-justified-active-link-border-color: $nav-tabs-border-color !default; // ChangedLineForBootstrap4

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-active-link-color: $component-active-color !default;
    $nav-pills-active-link-bg:    $component-active-bg !default;


    // Pagination

    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     #fff !default; // ChangedLineForBootstrap4
    $pagination-bg:                        transparent !default; // ChangedLineForBootstrap4
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              rgba(0, 0, 0, 0.6) !default; // ChangedLineForBootstrap4

    $pagination-hover-color:               #fff !default; // ChangedLineForBootstrap4
    $pagination-hover-bg:                  transparent !default; // ChangedLineForBootstrap4
    $pagination-hover-border:              rgba(0, 0, 0, 0.6) !default; // ChangedLineForBootstrap4

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 transparent !default; // ChangedLineForBootstrap4
    $pagination-active-border:             rgba(0, 0, 0, 0.6) !default; // ChangedLineForBootstrap4

    $pagination-disabled-color:            $gray-lighter !default; // ChangedLineForBootstrap4
    $pagination-disabled-bg:               transparent !default; // ChangedLineForBootstrap4
    $pagination-disabled-border:           rgba(0, 0, 0, 0.6) !default; // ChangedLineForBootstrap4


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   darken($gray-dark, 5%) !default; // ChangedLineForBootstrap4


    // Form states and alerts
    //
    // Define colors for form feedback states and, by default, alerts.

    $state-success-text:             #fff !default; // ChangedLineForBootstrap4
    $state-success-bg:               $brand-success !default; // ChangedLineForBootstrap4
    $state-success-border:           darken($state-success-bg, 5%) !default;

    $state-info-text:                #fff !default; // ChangedLineForBootstrap4
    $state-info-bg:                  $brand-info !default; // ChangedLineForBootstrap4
    $state-info-border:              darken($state-info-bg, 7%) !default;

    $state-warning-text:             #fff !default; // ChangedLineForBootstrap4
    $state-warning-bg:               $brand-warning !default; // ChangedLineForBootstrap4
    $mark-bg:                        $state-warning-bg !default;
    $state-warning-border:           darken($state-warning-bg, 5%) !default;

    $state-danger-text:              #fff !default; // ChangedLineForBootstrap4
    $state-danger-bg:                $brand-danger !default; // ChangedLineForBootstrap4
    $state-danger-border:            darken($state-danger-bg, 5%) !default;


    // Cards

    $card-spacer-x:            1.25rem !default;
    $card-spacer-y:            .75rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba(0,0,0,.6) !default; // ChangedLineForBootstrap4
    $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              lighten($gray, 10%) !default; // ChangedLineForBootstrap4
    $card-bg:                  lighten($body-bg, 5%) !default; // ChangedLineForBootstrap4

    $card-link-hover-color:    #fff !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width-base / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              3px !default;

    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          lighten($body-bg, 5%) !default; // ChangedLineForBootstrap4
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-title-bg:                    lighten($popover-bg, 5%) !default;
    $popover-title-padding-x:             14px !default;
    $popover-title-padding-y:             8px !default;

    $popover-content-padding-x:           14px !default;
    $popover-content-padding-y:           9px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-default-bg:            $gray-lighter;
    $badge-primary-bg:            $brand-primary !default;
    $badge-success-bg:            $brand-success !default;
    $badge-info-bg:               $brand-info !default;
    $badge-warning-bg:            $brand-warning !default;
    $badge-danger-bg:             $brand-danger !default;

    $badge-color:                 $white !default;
    $badge-link-hover-color:      $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-x:             .4em !default;
    $badge-padding-y:             .25em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-sm-up-margin-y: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               lighten($body-bg, 5%) !default; // ChangedLineForBootstrap4
    $modal-content-border-color:     rgba(0,0,0,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-xs-box-shadow:    0 3px 9px rgba($black,.5) !default;
    $modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           #000 !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $modal-content-border-color !default; // ChangedLineForBootstrap4
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-x:             1.25rem !default;
    $alert-padding-y:             .75rem !default;
    $alert-margin-bottom:         $spacer-y !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;

    $alert-success-bg:            $state-success-bg !default;
    $alert-success-text:          $state-success-text !default;
    $alert-success-border:        $state-success-border !default;

    $alert-info-bg:               $state-info-bg !default;
    $alert-info-text:             $state-info-text !default;
    $alert-info-border:           $state-info-border !default;

    $alert-warning-bg:            $state-warning-bg !default;
    $alert-warning-text:          $state-warning-text !default;
    $alert-warning-border:        $state-warning-border !default;

    $alert-danger-bg:             $state-danger-bg !default;
    $alert-danger-text:           $state-danger-text !default;
    $alert-danger-border:         $state-danger-border !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   darken($gray-dark, 5%) !default; // ChangedLineForBootstrap4
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $gray-lighter !default; // ChangedLineForBootstrap4
    $progress-bar-bg:               $brand-primary !default;
    $progress-bar-animation-timing: 1s linear infinite !default;

    // List group

    $list-group-color:               $body-color !default;
    $list-group-bg:                  lighten($body-bg, 5%) !default; // ChangedLineForBootstrap4
    $list-group-border-color:        rgba(0, 0, 0, 0.6) !default; // ChangedLineForBootstrap4
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-x:      1.25rem !default;
    $list-group-item-padding-y:      .75rem !default;

    $list-group-hover-bg:           lighten($body-bg, 10%) !default; // ChangedLineForBootstrap4
    $list-group-active-color:       #fff !default; // ChangedLineForBootstrap4
    $list-group-active-bg:          $list-group-hover-bg !default; // ChangedLineForBootstrap4
    $list-group-active-border:      $list-group-border-color !default; // ChangedLineForBootstrap4
    $list-group-active-text-color:  $list-group-active-color !default; // ChangedLineForBootstrap4

    $list-group-disabled-color:      $gray-light !default; // ChangedLineForBootstrap4
    $list-group-disabled-bg:         $list-group-bg !default; // ChangedLineForBootstrap4
    $list-group-disabled-text-color: $list-group-disabled-color !default;

    $list-group-link-color:          #fff !default; // ChangedLineForBootstrap4
    $list-group-link-heading-color:  $list-group-link-color !default; // ChangedLineForBootstrap4
    $list-group-link-hover-color:    $list-group-link-color !default;

    $list-group-link-active-color:   $list-group-color !default;
    $list-group-link-active-bg:      $gray-lighter !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-light !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-lighter !default;
    $breadcrumb-divider-color:      $gray-light !default;
    $breadcrumb-active-color:       $gray-lightest !default; // ChangedLineForBootstrap4
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease-in-out !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;


    // Code

    $code-font-size:              90% !default;
    $code-padding-x:              .4rem !default;
    $code-padding-y:              .2rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-lightest !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-dark !default;

    $pre-bg:                      $gray-lightest !default;
    $pre-color:                   $gray-dark !default;
    $pre-border-color:            #ccc !default;
    $pre-scrollable-max-height:   340px !default;
cards_630:
  id: 1488
  name: slate skin+style
  key: slate_skin+style
  codename: 
  left_id: 1395
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Slate 4.0.0
    // Bootswatch


    @mixin btn-shadow($color){
      @include gradient-y-three-colors(lighten($color, 6%), $color, 60%, darken($color, 4%));
      filter: none;
    }

    @mixin btn-shadow-inverse($color){
      @include gradient-y-three-colors(darken($color, 18%), darken($color, 15%), 40%, darken($color, 13%));
      filter: none;
    }

    // Navbar ======================================================================

    .navbar {
      border: 1px solid rgba(0, 0, 0, 0.6);
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

      .container {
        padding: 0;
      }

      .navbar-nav {
        margin-top: 0;
      }

      .navbar-toggler {
        border-color: rgba(0, 0, 0, 0.6);
        margin-top: 0.5rem;
        margin-right: 0.5rem;
      }

      &-fixed-top {
        border-width: 0 0 1px 0;
      }

      &-fixed-bottom {
        border-width: 1px 0 0 0;
      }

      .nav-link {
        padding: 1rem;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.2);

        &:hover,
        &:focus {
          @include btn-shadow-inverse($gray);
          border-left: 1px solid rgba(0, 0, 0, 0.2);
        }
      }

      &-brand {
        padding: 0.75rem 1rem calc(54px - 0.75rem - 30px);
        margin-right: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
      }

      .nav-item.active .nav-link {
        background-color: rgba(0, 0, 0, 0.3);
        border-left: 1px solid rgba(0, 0, 0, 0.2);
      }

      &-nav .nav-item + .nav-item {
        margin-left: 0;
      }

      .form-inline {
        padding-top: 0.35rem;
      }
    }

    .bg-primary {
      background-color: $gray !important;
    }

    .bg-inverse {
      background-color: $brand-primary !important;
    }

    // Buttons =====================================================================

    .btn,
    .btn:hover {
      border-color: rgba(0, 0, 0, 0.6);
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }

    .btn-primary {
      @include btn-shadow($btn-primary-bg);

      &:hover {
        @include btn-shadow-inverse($btn-primary-bg);
      }
    }

    .btn-secondary {
      @include btn-shadow($btn-secondary-bg);

      &:hover {
        @include btn-shadow-inverse($btn-secondary-bg);
      }
    }

    .btn-success {
      @include btn-shadow($btn-success-bg);

      &:hover {
        @include btn-shadow-inverse($btn-success-bg);
      }
    }

    .btn-info {
      @include btn-shadow($btn-info-bg);

      &:hover {
        @include btn-shadow-inverse($btn-info-bg);
      }
    }

    .btn-warning {
      @include btn-shadow($btn-warning-bg);

      &:hover {
        @include btn-shadow-inverse($btn-warning-bg);
      }
    }

    .btn-danger {
      @include btn-shadow($btn-danger-bg);

      &:hover {
        @include btn-shadow-inverse($btn-danger-bg);
      }
    }

    .btn-link,
    .btn-link:hover {
      border-color: transparent;
    }

    .btn-group,
    .btn-group-vertical {

      .btn.active {
        border-color: rgba(0, 0, 0, 0.6);
      }
    }

    // Typography ==================================================================

    h1, h2, h3, h4, h5, h6 {
      text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    }

    // Tables ======================================================================

    .table {
      &-success,
      &-info,
      &-warning,
      &-danger {
        color: #fff;
      }
    }

    // Forms =======================================================================

    legend {
      color: #fff;
    }

    .input-group-addon {
      @include btn-shadow($btn-secondary-bg);
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
      color: $btn-secondary-color;
    }

    // Navs ========================================================================

    .nav-tabs {

      .nav-link,
      .nav-link:hover {
        color: #fff;
      }
    }

    .nav-pills {

      .nav-link {
        @include btn-shadow($gray);
        border: 1px solid rgba(0, 0, 0, 0.6);
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        color: #fff;

        &:hover {
          @include btn-shadow-inverse($gray);
          border: 1px solid rgba(0, 0, 0, 0.6);
        }
      }

      .nav-link.active,
      .nav-link:hover {
        background-color: transparent;
        @include btn-shadow-inverse($gray);
        border: 1px solid rgba(0, 0, 0, 0.6);
      }

      .nav-link.disabled,
      .nav-link.disabled:hover {
        @include btn-shadow($gray);
        color: $nav-disabled-link-color;
      }
    }

    .pagination {

      .page-link {
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        @include btn-shadow($gray);

        &:hover {
          @include btn-shadow-inverse($gray);
          text-decoration: none;
        }
      }

      .page-item.active .page-link {
        @include btn-shadow-inverse($gray);
      }

      .page-item.disabled .page-link {
        @include btn-shadow($gray);
      }
    }

    .breadcrumb {
      border: 1px solid rgba(0, 0, 0, 0.6);
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
      background-color: transparent;
      @include btn-shadow($gray);

      a,
      a:hover {
        color: #fff;
      }
    }

    // Indicators ==================================================================

    .alert {

      .alert-link,
      a {
        color: #fff;
        text-decoration: underline;
      }

      .close {
        color: $close-color;
        text-decoration: none;
      }
    }

    // Progress bars ===============================================================

    // Containers ==================================================================

    .jumbotron {
      border: 1px solid rgba(0, 0, 0, 0.6);
    }
cards_631:
  id: 1490
  name: spacelab skin+variables
  key: spacelab_skin+variable
  codename: 
  left_id: 1399
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Bootstrap functions
    //
    // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.

    // Ascending
    // Used to evaluate Sass maps like our grid breakpoints.
    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Starts at zero
    // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // Used on our SVG icon backgrounds for custom forms.
    //
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    // Color contrast
    @mixin color-yiq($color) {
      $r: red($color);
      $g: green($color);
      $b: blue($color);

      $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

      @if ($yiq >= 150) {
        color: #111;
      } @else {
        color: #fff;
      }
    }

    // Retreive color Sass maps
    @function color($key: "blue") {
      @return map-get($colors, $key);
    }

    @function theme-color($key: "primary") {
      @return map-get($theme-colors, $key);
    }

    @function grayscale($key: "100") {
      @return map-get($grays, $key);
    }

    // Request a theme color level
    @function theme-color-level($color-name: "primary", $level: 0) {
      $color: theme-color($color-name);
      $color-base: if($level > 0, #000, #fff);

      @if $level < 0 {
        // Lighter values need a quick double negative for the Sass math to work
        @return mix($color-base, $color, $level * -1 * $theme-color-interval);
      } @else {
        @return mix($color-base, $color, $level * $theme-color-interval);
      }
    }

    // Variables
    //
    // Copy settings from this file into the provided `_custom.scss` to override
    // the Bootstrap defaults without modifying key, versioned files.
    //
    // Variables should follow the `$component-state-property-size` formula for
    // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

    // Table of Contents
    //
    // Color system
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navs
    // Navbar
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code


    //
    // Color system
    //

    $white:  #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #adb5bd !default;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #343a40 !default;
    $gray-900: #212529 !default;
    $black:  #000 !default;

    $grays: (
      100: $gray-100,
      200: $gray-200,
      300: $gray-300,
      400: $gray-400,
      500: $gray-500,
      600: $gray-600,
      700: $gray-700,
      800: $gray-800,
      900: $gray-900
    ) !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #dc3545 !default;
    $orange:  #fd7e14 !default;
    $yellow:  #ffc107 !default;
    $green:   #28a745 !default;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $colors: (
      blue: $blue,
      indigo: $indigo,
      purple: $purple,
      pink: $pink,
      red: $red,
      orange: $orange,
      yellow: $yellow,
      green: $green,
      teal: $teal,
      cyan: $cyan,
      white: $white,
      gray: $gray-600,
      gray-dark: $gray-800
    ) !default;

    $theme-colors: (
      primary: $blue,
      secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
    ) !default;

    // Set a specific jump point for requesting color jumps
    $theme-color-interval: 8% !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer: 1rem !default;
    $spacers: (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ) !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $white !default;
    $body-color:    $gray-900 !default;

    // Links
    //
    // Style anchor elements.

    $link-color:            theme-color("primary") !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns: 12 !default;
    $grid-gutter-width: 30px !default;

    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         1.5 !default;
    $line-height-sm:         1.5 !default;

    $border-width: 1px !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    theme-color("primary") !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $h1-font-size: 2.5rem !default;
    $h2-font-size: 2rem !default;
    $h3-font-size: 1.75rem !default;
    $h4-font-size: 1.5rem !default;
    $h5-font-size: 1.25rem !default;
    $h6-font-size: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-600 !default;

    $blockquote-small-color:  $gray-600 !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;

    $mark-bg: #fcf8e3 !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-cell-padding-sm:         .3rem !default;

    $table-bg:                      transparent !default;
    $table-accent-bg:               rgba($black,.05) !default;
    $table-hover-bg:                rgba($black,.075) !default;
    $table-active-bg:               $table-hover-bg !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-200 !default;

    $table-head-bg:                 $gray-200 !default;
    $table-head-color:              $gray-700 !default;

    $table-inverse-bg:              $gray-900 !default;
    $table-inverse-accent-bg:       rgba($white, .05) !default;
    $table-inverse-hover-bg:        rgba($white, .075) !default;
    $table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
    $table-inverse-color:           $body-bg !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $input-btn-padding-y:       .5rem !default;
    $input-btn-padding-x:       .75rem !default;
    $input-btn-line-height:     1.25 !default;

    $input-btn-padding-y-sm:    .25rem !default;
    $input-btn-padding-x-sm:    .5rem !default;
    $input-btn-line-height-sm:  1.5 !default;

    $input-btn-padding-y-lg:    .5rem !default;
    $input-btn-padding-x-lg:    1rem !default;
    $input-btn-line-height-lg:  1.5 !default;

    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-link-disabled-color:        $gray-600 !default;

    $btn-block-spacing-y:            .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .15s ease-in-out !default;


    // Forms

    $input-bg:                       $white !default;
    $input-disabled-bg:              $gray-200 !default;

    $input-color:                    $gray-700 !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-focus-bg:                 $input-bg !default;
    $input-focus-border-color:       lighten(theme-color("primary"), 25%) !default;
    $input-focus-box-shadow:         $input-box-shadow, $btn-focus-box-shadow !default;
    $input-focus-color:              $input-color !default;

    $input-placeholder-color:        $gray-600 !default;

    $input-height-border:           $input-btn-border-width * 2 !default;

    $input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
    $input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

    $input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
    $input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

    $input-height-inner-lg:         ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
    $input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       1rem !default;

    $input-group-addon-bg:           $gray-200 !default;
    $input-group-addon-border-color: $input-border-color !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-y: .25rem !default;
    $custom-control-spacer-x: 1rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-indicator-disabled-bg:       $gray-200 !default;
    $custom-control-description-disabled-color:  $gray-600 !default;

    $custom-control-indicator-checked-color:      $white !default;
    $custom-control-indicator-checked-bg:         theme-color("primary") !default;
    $custom-control-indicator-checked-box-shadow: none !default;

    $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

    $custom-control-indicator-active-color:      $white !default;
    $custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
    $custom-control-indicator-active-box-shadow: none !default;

    $custom-checkbox-indicator-border-radius: $border-radius !default;
    $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
    $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
    $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indicator-indeterminate-box-shadow: none !default;

    $custom-radio-indicator-border-radius: 50% !default;
    $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-y:          .375rem !default;
    $custom-select-padding-x:          .75rem  !default;
    $custom-select-height:              $input-height  !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-btn-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-600 !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-200 !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-font-size-sm:  75% !default;
    $custom-select-height-sm: $input-height-sm !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

    $custom-file-padding-y:     1rem !default;
    $custom-file-padding-x:     .5rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray-700 !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-200 !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation
    $form-feedback-valid-color:   theme-color("success") !default;
    $form-feedback-invalid-color: theme-color("danger") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-spacer:                .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-200 !default;
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-900 !default;
    $dropdown-link-hover-color:      darken($gray-900, 5%) !default;
    $dropdown-link-hover-bg:         $gray-100 !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-600 !default;

    $dropdown-item-padding-y:        .25rem !default;
    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-600 !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown:           1000 !default;
    $zindex-sticky:             1020 !default;
    $zindex-fixed:              1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;

    // Navs

    $nav-link-padding-y:            .5rem !default;
    $nav-link-padding-x:            1rem !default;
    $nav-link-disabled-color:       $gray-600 !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-200 !default;
    $nav-tabs-link-active-color:                  $gray-700 !default;
    $nav-tabs-link-active-bg:                     $body-bg !default;
    $nav-tabs-link-active-border-color:           #ddd !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-link-active-color: $component-active-color !default;
    $nav-pills-link-active-bg:    $component-active-bg !default;

    // Navbar

    $navbar-padding-y:                  ($spacer / 2) !default;
    $navbar-padding-x:                  $spacer !default;

    $navbar-brand-font-size:            $font-size-lg !default;
    // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
    $nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
    $navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
    $navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-dark-color:                 rgba($white,.5) !default;
    $navbar-dark-hover-color:           rgba($white,.75) !default;
    $navbar-dark-active-color:          rgba($white,1) !default;
    $navbar-dark-disabled-color:        rgba($white,.25) !default;
    $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-dark-toggler-border-color:  rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border-color: rgba($black,.1) !default;

    // Pagination

    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-200 !default;
    $pagination-hover-border-color:        #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 theme-color("primary") !default;
    $pagination-active-border-color:       theme-color("primary") !default;

    $pagination-disabled-color:            $gray-600 !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border-color:     #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-200 !default;


    // Cards

    $card-spacer-y:            .75rem !default;
    $card-spacer-x:            1.25rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              rgba($black, .03) !default;
    $card-bg:                  $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              0 !default;


    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-height:        5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-header-bg:                    darken($popover-bg, 3%) !default;
    $popover-header-color:                 $headings-color !default;
    $popover-header-padding-y:             8px !default;
    $popover-header-padding-x:             14px !default;

    $popover-body-color:               $body-color !default;
    $popover-body-padding-y:           9px !default;
    $popover-body-padding-x:           14px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-height:                5px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-color:                 $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-y:             .25em !default;
    $badge-padding-x:             .4em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-margin-y-sm-up: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
    $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-200 !default;
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-y:             .75rem !default;
    $alert-padding-x:             1.25rem !default;
    $alert-margin-bottom:         1rem !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-200 !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               theme-color("primary") !default;
    $progress-bar-animation-timing: 1s linear infinite !default;
    $progress-bar-transition:       width .6s ease !default;

    // List group

    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-y:      .75rem !default;
    $list-group-item-padding-x:      1.25rem !default;

    $list-group-hover-bg:                 $gray-100 !default;
    $list-group-active-color:             $component-active-color !default;
    $list-group-active-bg:                $component-active-bg !default;
    $list-group-active-border-color:      $list-group-active-bg !default;

    $list-group-disabled-color:      $gray-600 !default;
    $list-group-disabled-bg:         $list-group-bg !default;

    $list-group-action-color:             $gray-700 !default;
    $list-group-action-hover-color:       $list-group-action-color !default;

    $list-group-action-active-color:      $body-color !default;
    $list-group-action-active-bg:         $gray-200 !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-600 !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-200 !default;
    $breadcrumb-divider-color:      $gray-600 !default;
    $breadcrumb-active-color:       $gray-600 !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;

    // Code

    $code-font-size:              90% !default;
    $code-padding-y:              .2rem !default;
    $code-padding-x:              .4rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-100 !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-900 !default;

    $pre-color:                   $gray-900 !default;
    $pre-scrollable-max-height:   340px !default;

    // Spacelab 4.0.0
    // Bootswatch




    // Table of Contents
    //
    // Colors
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navbar
    // Navs
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code

    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }


    // General variable structure
    //
    // Variable format should follow the `$component-modifier-state-property` order.


    // Colors
    //
    // Grayscale and brand colors for use across Bootstrap.

    // Start with assigning color names to specific hex values.
    $white:  #fff !default;
    $black:  #000 !default;
    $red:    #d9534f !default;
    $orange: #f0ad4e !default;
    $yellow: #ffd500 !default;
    $green:  #5cb85c !default;
    $blue:   #0275d8 !default;
    $teal:   #5bc0de !default;
    $pink:   #ff5b77 !default;
    $purple: #613d7c !default;

    // Create grayscale
    $gray-dark:                 #2d2d2d !default; // ChangedLineForBootstrap4
    $gray:                      #333 !default; // ChangedLineForBootstrap4
    $gray-light:                #777 !default; // ChangedLineForBootstrap4
    $gray-lighter:              #999 !default; // ChangedLineForBootstrap4
    $gray-lightest:             #eee !default; // ChangedLineForBootstrap4

    // Reassign color vars to semantic color scheme
    $brand-primary:             #446E9B !default; // ChangedLineForBootstrap4
    $brand-success:             #3CB521 !default; // ChangedLineForBootstrap4
    $brand-info:                #3399F3 !default; // ChangedLineForBootstrap4
    $brand-warning:             #D47500 !default; // ChangedLineForBootstrap4
    $brand-danger:              #CD0200 !default; // ChangedLineForBootstrap4
    $brand-inverse:             $gray-dark !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer:   1rem !default;
    $spacer-x: $spacer !default;
    $spacer-y: $spacer !default;
    $spacers: (
      0: (
        x: 0,
        y: 0
      ),
      1: (
        x: ($spacer-x * .25),
        y: ($spacer-y * .25)
      ),
      2: (
        x: ($spacer-x * .5),
        y: ($spacer-y * .5)
      ),
      3: (
        x: $spacer-x,
        y: $spacer-y
      ),
      4: (
        x: ($spacer-x * 1.5),
        y: ($spacer-y * 1.5)
      ),
      5: (
        x: ($spacer-x * 3),
        y: ($spacer-y * 3)
      )
    ) !default;
    $border-width: 1px !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       #fff !default;
    $body-color:    $gray-light !default; // ChangedLineForBootstrap4
    $inverse-bg:    $gray-dark !default;
    $inverse-color: $gray-lighter !default;


    // Links
    //
    // Style anchor elements.

    $link-color:            $brand-info !default; // ChangedLineForBootstrap4
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns:               12 !default;
    $grid-gutter-width-base:     30px !default;
    $grid-gutter-widths: (
      xs: $grid-gutter-width-base,
      sm: $grid-gutter-width-base,
      md: $grid-gutter-width-base,
      lg: $grid-gutter-width-base,
      xl: $grid-gutter-width-base
    ) !default;

    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default; // ChangedLineForBootstrap4
    $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default;
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;
    $font-size-xs:   .75rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $font-size-h1: 2.5rem !default;
    $font-size-h2: 2rem !default;
    $font-size-h3: 1.75rem !default;
    $font-size-h4: 1.5rem !default;
    $font-size-h5: 1.25rem !default;
    $font-size-h6: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         $gray-dark !default; // ChangedLineForBootstrap4

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-light !default;

    $abbr-border-color: $gray-light !default;

    $blockquote-small-color:  $gray-light !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;
    $blockquote-border-color: $gray-lightest !default; // ChangedLineForBootstrap4
    $blockquote-border-width: .25rem !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;


    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         (4 / 3) !default;
    $line-height-sm:         1.5 !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    $brand-primary !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-sm-cell-padding:         .3rem !default;

    $table-bg:                      transparent !default;

    $table-inverse-bg:              $gray-dark !default;
    $table-inverse-color:           $body-bg !default;

    $table-bg-accent:               rgba($black,.05) !default;
    $table-bg-hover:                rgba($black,.075) !default;
    $table-bg-active:               $table-bg-hover !default;

    $table-head-bg:                 $gray-lighter !default;
    $table-head-color:              $gray !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-lighter !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $btn-padding-x:                  1rem !default;
    $btn-padding-y:                  .5rem !default;
    $btn-line-height:                1.25 !default;
    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 2px rgba($brand-primary, .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-primary-color:              $white !default;
    $btn-primary-bg:                 $brand-primary !default;
    $btn-primary-border:             $btn-primary-bg !default;

    $btn-secondary-color:            #fff !default; // ChangedLineForBootstrap4
    $btn-secondary-bg:               $gray-lighter !default; // ChangedLineForBootstrap4
    $btn-secondary-border:           $btn-secondary-bg !default; // ChangedLineForBootstrap4

    $btn-info-color:                 $white !default;
    $btn-info-bg:                    $brand-info !default;
    $btn-info-border:                $btn-info-bg !default;

    $btn-success-color:              $white !default;
    $btn-success-bg:                 $brand-success !default;
    $btn-success-border:             $btn-success-bg !default;

    $btn-warning-color:              $white !default;
    $btn-warning-bg:                 $brand-warning !default;
    $btn-warning-border:             $btn-warning-bg !default;

    $btn-danger-color:               $white !default;
    $btn-danger-bg:                  $brand-danger !default;
    $btn-danger-border:              $btn-danger-bg !default;

    $btn-link-disabled-color:        $gray-light !default;

    $btn-padding-x-sm:               .5rem !default;
    $btn-padding-y-sm:               .25rem !default;

    $btn-padding-x-lg:               1.5rem !default;
    $btn-padding-y-lg:               .75rem !default;

    $btn-block-spacing-y:            .5rem !default;
    $btn-toolbar-margin:             .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .2s ease-in-out !default;


    // Forms

    $input-padding-x:                .75rem !default;
    $input-padding-y:                .5rem !default;
    $input-line-height:              1.25 !default;

    $input-bg:                       $white !default;
    $input-bg-disabled:              $gray-lightest !default; // ChangedLineForBootstrap4

    $input-color:                    $gray !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-bg-focus:                 $input-bg !default;
    $input-border-focus:             lighten($brand-primary, 25%) !default;
    $input-box-shadow-focus:         $input-box-shadow, rgba($input-border-focus, .6) !default;
    $input-color-focus:              $input-color !default;

    $input-color-placeholder:        $gray-light !default;

    $input-padding-x-sm:             .5rem !default;
    $input-padding-y-sm:             .25rem !default;

    $input-padding-x-lg:             1.5rem !default;
    $input-padding-y-lg:             .75rem !default;

    $input-height:                   (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
    $input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
    $input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;
    $form-feedback-margin-top: $form-text-margin-top !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       $spacer-y !default;

    $input-group-addon-bg:           $gray-lightest !default; // ChangedLineForBootstrap4
    $input-group-addon-border-color: $input-border-color !default;

    $cursor-disabled:                not-allowed !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-x: 1rem !default;
    $custom-control-spacer-y: .25rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-margin-y:   (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-disabled-cursor:             $cursor-disabled !default;
    $custom-control-disabled-indicator-bg:       $gray-lighter !default;
    $custom-control-disabled-description-color:  $gray-light !default;

    $custom-control-checked-indicator-color:      $white !default;
    $custom-control-checked-indicator-bg:         $brand-primary !default;
    $custom-control-checked-indicator-box-shadow: none !default;

    $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;

    $custom-control-active-indicator-color:      $white !default;
    $custom-control-active-indicator-bg:         lighten($brand-primary, 35%) !default;
    $custom-control-active-indicator-box-shadow: none !default;

    $custom-checkbox-radius: $border-radius !default;
    $custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indeterminate-bg: $brand-primary !default;
    $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;
    $custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indeterminate-box-shadow: none !default;

    $custom-radio-radius: 50% !default;
    $custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-x:          .75rem  !default;
    $custom-select-padding-y:          .375rem !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-light !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-lighter !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten($brand-primary, 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-sm-padding-y:  .2rem !default;
    $custom-select-sm-font-size:  75% !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;

    $custom-file-padding-x:     .5rem !default;
    $custom-file-padding-y:     1rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-lighter !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation icons
    $form-icon-success-color: $brand-success !default;
    $form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $form-icon-warning-color: $brand-warning !default;
    $form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $form-icon-danger-color: $brand-danger !default;
    $form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-margin-top:            .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-lightest !default; // ChangedLineForBootstrap4
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-dark !default;
    $dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
    $dropdown-link-hover-bg:         $gray-lightest !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-light !default;

    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-light !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown-backdrop:  990 !default;
    $zindex-navbar:             1000 !default;
    $zindex-dropdown:           1000 !default;
    $zindex-fixed:              1030 !default;
    $zindex-sticky:             1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;


    // Navbar

    $navbar-border-radius:              $border-radius !default;
    $navbar-padding-x:                  $spacer !default;
    $navbar-padding-y:                  ($spacer / 2) !default;

    $navbar-brand-padding-y:            .25rem !default;

    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-inverse-color:                 rgba(255,255,255,.75) !default; // ChangedLineForBootstrap4
    $navbar-inverse-hover-color:           rgba(255,255,255,1) !default;
    $navbar-inverse-active-color:          rgba(255,255,255,1) !default;
    $navbar-inverse-disabled-color:        rgba(255,255,255,.25) !default;
    $navbar-inverse-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-inverse-toggler-border:        rgba($white,.1) !default;

    $navbar-light-color:                rgba(0,0,0,.4) !default; // ChangedLineForBootstrap4
    $navbar-light-hover-color:          $brand-info !default; // ChangedLineForBootstrap4
    $navbar-light-active-color:         $navbar-light-color !default; // ChangedLineForBootstrap4
    $navbar-light-disabled-color:       rgba(0,0,0,.3) !default;
    $navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border:       rgba($black,.1) !default;

    // Navs

    $nav-item-margin:               .2rem !default;
    $nav-item-inline-spacer:        1rem !default;
    $nav-link-padding:              .5em 1em !default;
    $nav-link-hover-bg:             $gray-lighter !default;
    $nav-disabled-link-color:       $gray-light !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-lighter !default;
    $nav-tabs-active-link-hover-color:            $gray !default;
    $nav-tabs-active-link-hover-bg:               $body-bg !default;
    $nav-tabs-active-link-hover-border-color:     #ddd !default;
    $nav-tabs-justified-link-border-color:        #ddd !default;
    $nav-tabs-justified-active-link-border-color: $body-bg !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-active-link-color: $component-active-color !default;
    $nav-pills-active-link-bg:    $component-active-bg !default;


    // Pagination

    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-lighter !default;
    $pagination-hover-border:              #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 $brand-primary !default;
    $pagination-active-border:             $brand-primary !default;

    $pagination-disabled-color:            $gray-light !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border:           #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-lightest !default; // ChangedLineForBootstrap4


    // Form states and alerts
    //
    // Define colors for form feedback states and, by default, alerts.

    $state-success-text:             #3c763d !default;
    $state-success-bg:               #dff0d8 !default;
    $state-success-border:           darken($state-success-bg, 5%) !default;

    $state-info-text:                #31708f !default;
    $state-info-bg:                  #d9edf7 !default;
    $state-info-border:              darken($state-info-bg, 7%) !default;

    $state-warning-text:             #8a6d3b !default;
    $state-warning-bg:               #fcf8e3 !default;
    $mark-bg:                        $state-warning-bg !default;
    $state-warning-border:           darken($state-warning-bg, 5%) !default;

    $state-danger-text:              #a94442 !default;
    $state-danger-bg:                #f2dede !default;
    $state-danger-border:            darken($state-danger-bg, 5%) !default;


    // Cards

    $card-spacer-x:            1.25rem !default;
    $card-spacer-y:            .75rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              $gray-lightest !default;
    $card-bg:                  $white !default;

    $card-link-hover-color:    $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width-base / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              3px !default;

    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-title-bg:                    darken($popover-bg, 3%) !default;
    $popover-title-padding-x:             14px !default;
    $popover-title-padding-y:             8px !default;

    $popover-content-padding-x:           14px !default;
    $popover-content-padding-y:           9px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-default-bg:            $gray-light !default;
    $badge-primary-bg:            $brand-primary !default;
    $badge-success-bg:            $brand-success !default;
    $badge-info-bg:               $brand-info !default;
    $badge-warning-bg:            $brand-warning !default;
    $badge-danger-bg:             $brand-danger !default;

    $badge-color:                 $white !default;
    $badge-link-hover-color:      $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-x:             .4em !default;
    $badge-padding-y:             .25em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-sm-up-margin-y: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-xs-box-shadow:    0 3px 9px rgba($black,.5) !default;
    $modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-lightest !default; // ChangedLineForBootstrap4
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-x:             1.25rem !default;
    $alert-padding-y:             .75rem !default;
    $alert-margin-bottom:         $spacer-y !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;

    $alert-success-bg:            $state-success-bg !default;
    $alert-success-text:          $state-success-text !default;
    $alert-success-border:        $state-success-border !default;

    $alert-info-bg:               $state-info-bg !default;
    $alert-info-text:             $state-info-text !default;
    $alert-info-border:           $state-info-border !default;

    $alert-warning-bg:            $state-warning-bg !default;
    $alert-warning-text:          $state-warning-text !default;
    $alert-warning-border:        $state-warning-border !default;

    $alert-danger-bg:             $state-danger-bg !default;
    $alert-danger-text:           $state-danger-text !default;
    $alert-danger-border:         $state-danger-border !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-lighter !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               $brand-primary !default;
    $progress-bar-animation-timing: 1s linear infinite !default;

    // List group

    $list-group-color:               $body-color !default;
    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-x:      1.25rem !default;
    $list-group-item-padding-y:      .75rem !default;

    $list-group-hover-bg:            $gray-lightest !default;
    $list-group-active-color:        $component-active-color !default;
    $list-group-active-bg:           $component-active-bg !default;
    $list-group-active-border:       $list-group-active-bg !default;
    $list-group-active-text-color:   lighten($list-group-active-bg, 50%) !default;

    $list-group-disabled-color:      $gray-light !default;
    $list-group-disabled-bg:         $gray-lightest !default; // ChangedLineForBootstrap4
    $list-group-disabled-text-color: $list-group-disabled-color !default;

    $list-group-link-color:          $gray !default;
    $list-group-link-heading-color:  $gray-dark !default;
    $list-group-link-hover-color:    $list-group-link-color !default;

    $list-group-link-active-color:   $list-group-color !default;
    $list-group-link-active-bg:      $gray-lighter !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-light !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-lightest !default; // ChangedLineForBootstrap4
    $breadcrumb-divider-color:      $gray-light !default;
    $breadcrumb-active-color:       $gray-light !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease-in-out !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;


    // Code

    $code-font-size:              90% !default;
    $code-padding-x:              .4rem !default;
    $code-padding-y:              .2rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-lightest !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-dark !default;

    $pre-bg:                      $gray-lightest !default;
    $pre-color:                   $gray-dark !default;
    $pre-border-color:            #ccc !default;
    $pre-scrollable-max-height:   340px !default;
cards_632:
  id: 1492
  name: spacelab skin+style
  key: spacelab_skin+style
  codename: 
  left_id: 1399
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Spacelab 4.0.0
    // Bootswatch


    $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700" !default;
    @import url($web-font-path);

    @mixin btn-shadow($color){
      @include gradient-y-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%));
      filter: none;
      border: 1px solid darken($color, 10%);
    }

    // Navbar ======================================================================

    .navbar {

      .nav-link {
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
        transition: color ease-in-out .2s;
      }
    }

    .bg-primary {
      @include btn-shadow($gray-lightest);

      .nav-link {
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
      }

      .navbar-brand {
        color: $navbar-light-active-color;
      }

      .navbar-brand:hover,
      .nav-item.active .nav-link {
        color: $navbar-light-hover-color;
      }
    }

    .bg-inverse {
      @include btn-shadow($brand-primary);
    }

    // Buttons =====================================================================

    .btn {
      text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);

      &-primary {
        @include btn-shadow($btn-primary-bg);

        &:hover {
          @include btn-shadow(darken($btn-primary-bg, 4%));
        }
      }

      &-secondary {
      @include btn-shadow($gray-lighter);

        &:hover {
          @include btn-shadow(darken($gray-lighter, 4%));
        }
      }

      &-success {
        @include btn-shadow($btn-success-bg);

        &:hover {
          @include btn-shadow(darken($btn-success-bg, 4%));
        }
      }

      &-info {
        @include btn-shadow($btn-info-bg);

        &:hover {
          @include btn-shadow(darken($btn-info-bg, 4%));
        }
      }

      &-warning {
        @include btn-shadow($btn-warning-bg);

        &:hover {
          @include btn-shadow(darken($btn-warning-bg, 4%));
        }
      }

      &-danger {
        @include btn-shadow($btn-danger-bg);

        &:hover {
          @include btn-shadow(darken($btn-danger-bg, 4%));
        }
      }

      &-link {
        text-shadow: none;
      }

      &:active,
      &.active {
        background-image: none;
        @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
      }
    }

    [class*="btn-outline-"] {
      text-shadow: none;
    }

    // Typography ==================================================================

    // Tables ======================================================================

    // Forms =======================================================================

    // Navs ========================================================================

    // Indicators ==================================================================

    // Progress bars ===============================================================

    // Containers ==================================================================
cards_633:
  id: 1494
  name: superhero skin+variables
  key: superhero_skin+variable
  codename: 
  left_id: 1403
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Bootstrap functions
    //
    // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.

    // Ascending
    // Used to evaluate Sass maps like our grid breakpoints.
    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Starts at zero
    // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // Used on our SVG icon backgrounds for custom forms.
    //
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    // Color contrast
    @mixin color-yiq($color) {
      $r: red($color);
      $g: green($color);
      $b: blue($color);

      $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

      @if ($yiq >= 150) {
        color: #111;
      } @else {
        color: #fff;
      }
    }

    // Retreive color Sass maps
    @function color($key: "blue") {
      @return map-get($colors, $key);
    }

    @function theme-color($key: "primary") {
      @return map-get($theme-colors, $key);
    }

    @function grayscale($key: "100") {
      @return map-get($grays, $key);
    }

    // Request a theme color level
    @function theme-color-level($color-name: "primary", $level: 0) {
      $color: theme-color($color-name);
      $color-base: if($level > 0, #000, #fff);

      @if $level < 0 {
        // Lighter values need a quick double negative for the Sass math to work
        @return mix($color-base, $color, $level * -1 * $theme-color-interval);
      } @else {
        @return mix($color-base, $color, $level * $theme-color-interval);
      }
    }

    // Variables
    //
    // Copy settings from this file into the provided `_custom.scss` to override
    // the Bootstrap defaults without modifying key, versioned files.
    //
    // Variables should follow the `$component-state-property-size` formula for
    // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

    // Table of Contents
    //
    // Color system
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navs
    // Navbar
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code


    //
    // Color system
    //

    $white:  #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #adb5bd !default;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #343a40 !default;
    $gray-900: #212529 !default;
    $black:  #000 !default;

    $grays: (
      100: $gray-100,
      200: $gray-200,
      300: $gray-300,
      400: $gray-400,
      500: $gray-500,
      600: $gray-600,
      700: $gray-700,
      800: $gray-800,
      900: $gray-900
    ) !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #dc3545 !default;
    $orange:  #fd7e14 !default;
    $yellow:  #ffc107 !default;
    $green:   #28a745 !default;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $colors: (
      blue: $blue,
      indigo: $indigo,
      purple: $purple,
      pink: $pink,
      red: $red,
      orange: $orange,
      yellow: $yellow,
      green: $green,
      teal: $teal,
      cyan: $cyan,
      white: $white,
      gray: $gray-600,
      gray-dark: $gray-800
    ) !default;

    $theme-colors: (
      primary: $blue,
      secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
    ) !default;

    // Set a specific jump point for requesting color jumps
    $theme-color-interval: 8% !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer: 1rem !default;
    $spacers: (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ) !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $white !default;
    $body-color:    $gray-900 !default;

    // Links
    //
    // Style anchor elements.

    $link-color:            theme-color("primary") !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns: 12 !default;
    $grid-gutter-width: 30px !default;

    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         1.5 !default;
    $line-height-sm:         1.5 !default;

    $border-width: 1px !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    theme-color("primary") !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $h1-font-size: 2.5rem !default;
    $h2-font-size: 2rem !default;
    $h3-font-size: 1.75rem !default;
    $h4-font-size: 1.5rem !default;
    $h5-font-size: 1.25rem !default;
    $h6-font-size: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-600 !default;

    $blockquote-small-color:  $gray-600 !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;

    $mark-bg: #fcf8e3 !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-cell-padding-sm:         .3rem !default;

    $table-bg:                      transparent !default;
    $table-accent-bg:               rgba($black,.05) !default;
    $table-hover-bg:                rgba($black,.075) !default;
    $table-active-bg:               $table-hover-bg !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-200 !default;

    $table-head-bg:                 $gray-200 !default;
    $table-head-color:              $gray-700 !default;

    $table-inverse-bg:              $gray-900 !default;
    $table-inverse-accent-bg:       rgba($white, .05) !default;
    $table-inverse-hover-bg:        rgba($white, .075) !default;
    $table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
    $table-inverse-color:           $body-bg !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $input-btn-padding-y:       .5rem !default;
    $input-btn-padding-x:       .75rem !default;
    $input-btn-line-height:     1.25 !default;

    $input-btn-padding-y-sm:    .25rem !default;
    $input-btn-padding-x-sm:    .5rem !default;
    $input-btn-line-height-sm:  1.5 !default;

    $input-btn-padding-y-lg:    .5rem !default;
    $input-btn-padding-x-lg:    1rem !default;
    $input-btn-line-height-lg:  1.5 !default;

    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-link-disabled-color:        $gray-600 !default;

    $btn-block-spacing-y:            .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .15s ease-in-out !default;


    // Forms

    $input-bg:                       $white !default;
    $input-disabled-bg:              $gray-200 !default;

    $input-color:                    $gray-700 !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-focus-bg:                 $input-bg !default;
    $input-focus-border-color:       lighten(theme-color("primary"), 25%) !default;
    $input-focus-box-shadow:         $input-box-shadow, $btn-focus-box-shadow !default;
    $input-focus-color:              $input-color !default;

    $input-placeholder-color:        $gray-600 !default;

    $input-height-border:           $input-btn-border-width * 2 !default;

    $input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
    $input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

    $input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
    $input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

    $input-height-inner-lg:         ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
    $input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       1rem !default;

    $input-group-addon-bg:           $gray-200 !default;
    $input-group-addon-border-color: $input-border-color !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-y: .25rem !default;
    $custom-control-spacer-x: 1rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-indicator-disabled-bg:       $gray-200 !default;
    $custom-control-description-disabled-color:  $gray-600 !default;

    $custom-control-indicator-checked-color:      $white !default;
    $custom-control-indicator-checked-bg:         theme-color("primary") !default;
    $custom-control-indicator-checked-box-shadow: none !default;

    $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

    $custom-control-indicator-active-color:      $white !default;
    $custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
    $custom-control-indicator-active-box-shadow: none !default;

    $custom-checkbox-indicator-border-radius: $border-radius !default;
    $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
    $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
    $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indicator-indeterminate-box-shadow: none !default;

    $custom-radio-indicator-border-radius: 50% !default;
    $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-y:          .375rem !default;
    $custom-select-padding-x:          .75rem  !default;
    $custom-select-height:              $input-height  !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-btn-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-600 !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-200 !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-font-size-sm:  75% !default;
    $custom-select-height-sm: $input-height-sm !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

    $custom-file-padding-y:     1rem !default;
    $custom-file-padding-x:     .5rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray-700 !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-200 !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation
    $form-feedback-valid-color:   theme-color("success") !default;
    $form-feedback-invalid-color: theme-color("danger") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-spacer:                .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-200 !default;
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-900 !default;
    $dropdown-link-hover-color:      darken($gray-900, 5%) !default;
    $dropdown-link-hover-bg:         $gray-100 !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-600 !default;

    $dropdown-item-padding-y:        .25rem !default;
    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-600 !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown:           1000 !default;
    $zindex-sticky:             1020 !default;
    $zindex-fixed:              1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;

    // Navs

    $nav-link-padding-y:            .5rem !default;
    $nav-link-padding-x:            1rem !default;
    $nav-link-disabled-color:       $gray-600 !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-200 !default;
    $nav-tabs-link-active-color:                  $gray-700 !default;
    $nav-tabs-link-active-bg:                     $body-bg !default;
    $nav-tabs-link-active-border-color:           #ddd !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-link-active-color: $component-active-color !default;
    $nav-pills-link-active-bg:    $component-active-bg !default;

    // Navbar

    $navbar-padding-y:                  ($spacer / 2) !default;
    $navbar-padding-x:                  $spacer !default;

    $navbar-brand-font-size:            $font-size-lg !default;
    // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
    $nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
    $navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
    $navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-dark-color:                 rgba($white,.5) !default;
    $navbar-dark-hover-color:           rgba($white,.75) !default;
    $navbar-dark-active-color:          rgba($white,1) !default;
    $navbar-dark-disabled-color:        rgba($white,.25) !default;
    $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-dark-toggler-border-color:  rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border-color: rgba($black,.1) !default;

    // Pagination

    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-200 !default;
    $pagination-hover-border-color:        #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 theme-color("primary") !default;
    $pagination-active-border-color:       theme-color("primary") !default;

    $pagination-disabled-color:            $gray-600 !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border-color:     #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-200 !default;


    // Cards

    $card-spacer-y:            .75rem !default;
    $card-spacer-x:            1.25rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              rgba($black, .03) !default;
    $card-bg:                  $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              0 !default;


    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-height:        5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-header-bg:                    darken($popover-bg, 3%) !default;
    $popover-header-color:                 $headings-color !default;
    $popover-header-padding-y:             8px !default;
    $popover-header-padding-x:             14px !default;

    $popover-body-color:               $body-color !default;
    $popover-body-padding-y:           9px !default;
    $popover-body-padding-x:           14px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-height:                5px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-color:                 $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-y:             .25em !default;
    $badge-padding-x:             .4em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-margin-y-sm-up: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
    $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-200 !default;
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-y:             .75rem !default;
    $alert-padding-x:             1.25rem !default;
    $alert-margin-bottom:         1rem !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-200 !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               theme-color("primary") !default;
    $progress-bar-animation-timing: 1s linear infinite !default;
    $progress-bar-transition:       width .6s ease !default;

    // List group

    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-y:      .75rem !default;
    $list-group-item-padding-x:      1.25rem !default;

    $list-group-hover-bg:                 $gray-100 !default;
    $list-group-active-color:             $component-active-color !default;
    $list-group-active-bg:                $component-active-bg !default;
    $list-group-active-border-color:      $list-group-active-bg !default;

    $list-group-disabled-color:      $gray-600 !default;
    $list-group-disabled-bg:         $list-group-bg !default;

    $list-group-action-color:             $gray-700 !default;
    $list-group-action-hover-color:       $list-group-action-color !default;

    $list-group-action-active-color:      $body-color !default;
    $list-group-action-active-bg:         $gray-200 !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-600 !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-200 !default;
    $breadcrumb-divider-color:      $gray-600 !default;
    $breadcrumb-active-color:       $gray-600 !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;

    // Code

    $code-font-size:              90% !default;
    $code-padding-y:              .2rem !default;
    $code-padding-x:              .4rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-100 !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-900 !default;

    $pre-color:                   $gray-900 !default;
    $pre-scrollable-max-height:   340px !default;

    // Superhero 4.0.0
    // Bootswatch




    // Table of Contents
    //
    // Colors
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navbar
    // Navs
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code

    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }


    // General variable structure
    //
    // Variable format should follow the `$component-modifier-state-property` order.


    // Colors
    //
    // Grayscale and brand colors for use across Bootstrap.

    // Start with assigning color names to specific hex values.
    $white:  #fff !default;
    $black:  #000 !default;
    $red:    #d9534f !default;
    $orange: #f0ad4e !default;
    $yellow: #ffd500 !default;
    $green:  #5cb85c !default;
    $blue:   #0275d8 !default;
    $teal:   #5bc0de !default;
    $pink:   #ff5b77 !default;
    $purple: #613d7c !default;

    // Create grayscale
    $gray-dark:                 #222 !default; // ChangedLineForBootstrap4
    $gray:                      #333 !default; // ChangedLineForBootstrap4
    $gray-light:                #555 !default; // ChangedLineForBootstrap4
    $gray-lighter:              #4E5D6C !default; // ChangedLineForBootstrap4
    $gray-lightest:             #EBEBEB !default; // ChangedLineForBootstrap4

    // Reassign color vars to semantic color scheme
    $brand-primary:             #DF691A !default; // ChangedLineForBootstrap4
    $brand-success:             #5cb85c !default; // ChangedLineForBootstrap4
    $brand-info:                #5bc0de !default; // ChangedLineForBootstrap4
    $brand-warning:             #f0ad4e !default; // ChangedLineForBootstrap4
    $brand-danger:              #d9534f !default; // ChangedLineForBootstrap4
    $brand-inverse:             $gray-dark !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer:   1rem !default;
    $spacer-x: $spacer !default;
    $spacer-y: $spacer !default;
    $spacers: (
      0: (
        x: 0,
        y: 0
      ),
      1: (
        x: ($spacer-x * .25),
        y: ($spacer-y * .25)
      ),
      2: (
        x: ($spacer-x * .5),
        y: ($spacer-y * .5)
      ),
      3: (
        x: $spacer-x,
        y: $spacer-y
      ),
      4: (
        x: ($spacer-x * 1.5),
        y: ($spacer-y * 1.5)
      ),
      5: (
        x: ($spacer-x * 3),
        y: ($spacer-y * 3)
      )
    ) !default;
    $border-width: 1px !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       #2B3E50 !default; // ChangedLineForBootstrap4
    $body-color:    $gray-lightest !default; // ChangedLineForBootstrap4
    $inverse-bg:    $gray-dark !default;
    $inverse-color: $gray-lighter !default;


    // Links
    //
    // Style anchor elements.

    $link-color:            $brand-primary !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns:               12 !default;
    $grid-gutter-width-base:     30px !default;
    $grid-gutter-widths: (
      xs: $grid-gutter-width-base,
      sm: $grid-gutter-width-base,
      md: $grid-gutter-width-base,
      lg: $grid-gutter-width-base,
      xl: $grid-gutter-width-base
    ) !default;

    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !default; // ChangedLineForBootstrap4
    $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default;
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;
    $font-size-xs:   .75rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $font-size-h1: 2.5rem !default;
    $font-size-h2: 2rem !default;
    $font-size-h3: 1.75rem !default;
    $font-size-h4: 1.5rem !default;
    $font-size-h5: 1.25rem !default;
    $font-size-h6: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: rgba(255,255,255,.4) !default; // ChangedLineForBootstrap4

    $abbr-border-color: $gray-light !default;

    $blockquote-small-color:  $gray-light !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;
    $blockquote-border-color: $gray-lighter !default;
    $blockquote-border-width: .25rem !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;


    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         (4 / 3) !default;
    $line-height-sm:         1.5 !default;

    $border-radius:          0 !default; // ChangedLineForBootstrap4
    $border-radius-lg:       0 !default; // ChangedLineForBootstrap4
    $border-radius-sm:       0 !default; // ChangedLineForBootstrap4

    $component-active-color: $white !default;
    $component-active-bg:    $brand-primary !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-sm-cell-padding:         .3rem !default;

    $table-bg:                      transparent !default;

    $table-inverse-bg:              $gray-dark !default;
    $table-inverse-color:           $body-bg !default;

    $table-bg-accent:               rgba($white,.05) !default; // ChangedLineForBootstrap4
    $table-bg-hover:                rgba($white,.075) !default; // ChangedLineForBootstrap4
    $table-bg-active:               $table-bg-hover !default;

    $table-head-bg:                 $gray-lighter !default;
    $table-head-color:              $gray !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-lighter !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $btn-padding-x:                  1rem !default;
    $btn-padding-y:                  .5rem !default;
    $btn-line-height:                1.25 !default;
    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 2px rgba($brand-primary, .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-primary-color:              $white !default;
    $btn-primary-bg:                 $brand-primary !default;
    $btn-primary-border:             $btn-primary-bg !default;

    $btn-secondary-color:            #fff !default; // ChangedLineForBootstrap4
    $btn-secondary-bg:               $gray-lighter !default; // ChangedLineForBootstrap4
    $btn-secondary-border:           $btn-secondary-bg !default; // ChangedLineForBootstrap4

    $btn-info-color:                 $white !default;
    $btn-info-bg:                    $brand-info !default;
    $btn-info-border:                $btn-info-bg !default;

    $btn-success-color:              $white !default;
    $btn-success-bg:                 $brand-success !default;
    $btn-success-border:             $btn-success-bg !default;

    $btn-warning-color:              $white !default;
    $btn-warning-bg:                 $brand-warning !default;
    $btn-warning-border:             $btn-warning-bg !default;

    $btn-danger-color:               $white !default;
    $btn-danger-bg:                  $brand-danger !default;
    $btn-danger-border:              $btn-danger-bg !default;

    $btn-link-disabled-color:        $gray-light !default;

    $btn-padding-x-sm:               .5rem !default;
    $btn-padding-y-sm:               .25rem !default;

    $btn-padding-x-lg:               1.5rem !default;
    $btn-padding-y-lg:               .75rem !default;

    $btn-block-spacing-y:            .5rem !default;
    $btn-toolbar-margin:             .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .2s ease-in-out !default;


    // Forms

    $input-padding-x:                .75rem !default;
    $input-padding-y:                .5rem !default;
    $input-line-height:              1.25 !default;

    $input-bg:                       $white !default;
    $input-bg-disabled:              $gray-lighter !default;

    $input-color:                    $gray !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-bg-focus:                 $input-bg !default;
    $input-border-focus:             lighten($brand-primary, 25%) !default;
    $input-box-shadow-focus:         $input-box-shadow, rgba($input-border-focus, .6) !default;
    $input-color-focus:              $input-color !default;

    $input-color-placeholder:        $gray-light !default;

    $input-padding-x-sm:             .5rem !default;
    $input-padding-y-sm:             .25rem !default;

    $input-padding-x-lg:             1.5rem !default;
    $input-padding-y-lg:             .75rem !default;

    $input-height:                   (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
    $input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
    $input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;
    $form-feedback-margin-top: $form-text-margin-top !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       $spacer-y !default;

    $input-group-addon-bg:           $gray-lighter !default;
    $input-group-addon-border-color: $input-border-color !default;

    $cursor-disabled:                not-allowed !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-x: 1rem !default;
    $custom-control-spacer-y: .25rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-margin-y:   (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-disabled-cursor:             $cursor-disabled !default;
    $custom-control-disabled-indicator-bg:       $gray-lighter !default;
    $custom-control-disabled-description-color:  $gray-light !default;

    $custom-control-checked-indicator-color:      $white !default;
    $custom-control-checked-indicator-bg:         $brand-primary !default;
    $custom-control-checked-indicator-box-shadow: none !default;

    $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;

    $custom-control-active-indicator-color:      $white !default;
    $custom-control-active-indicator-bg:         lighten($brand-primary, 35%) !default;
    $custom-control-active-indicator-box-shadow: none !default;

    $custom-checkbox-radius: $border-radius !default;
    $custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indeterminate-bg: $brand-primary !default;
    $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;
    $custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indeterminate-box-shadow: none !default;

    $custom-radio-radius: 50% !default;
    $custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-x:          .75rem  !default;
    $custom-select-padding-y:          .375rem !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-light !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-lighter !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten($brand-primary, 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-sm-padding-y:  .2rem !default;
    $custom-select-sm-font-size:  75% !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;

    $custom-file-padding-x:     .5rem !default;
    $custom-file-padding-y:     1rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-lighter !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation icons
    $form-icon-success-color: $brand-success !default;
    $form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $form-icon-warning-color: $brand-warning !default;
    $form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $form-icon-danger-color: $brand-danger !default;
    $form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-margin-top:            .125rem !default;
    $dropdown-bg:                    $gray-lighter !default; // ChangedLineForBootstrap4
    $dropdown-border-color:          rgba(0,0,0,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $dropdown-border-color !default; // ChangedLineForBootstrap4
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $body-color !default; // ChangedLineForBootstrap4
    $dropdown-link-hover-color:      $dropdown-link-color !default; // ChangedLineForBootstrap4
    $dropdown-link-hover-bg:         $table-bg-hover !default; // ChangedLineForBootstrap4

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-light !default;

    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-light !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown-backdrop:  990 !default;
    $zindex-navbar:             1000 !default;
    $zindex-dropdown:           1000 !default;
    $zindex-fixed:              1030 !default;
    $zindex-sticky:             1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;


    // Navbar

    $navbar-border-radius:              $border-radius !default;
    $navbar-padding-x:                  $spacer !default;
    $navbar-padding-y:                  ($spacer / 4) !default; // ChangedLineForBootstrap4

    $navbar-brand-padding-y:            .25rem !default;

    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-inverse-color:                 rgba(255,255,255,.75) !default; // ChangedLineForBootstrap4
    $navbar-inverse-hover-color:           rgba(255,255,255,1) !default; // ChangedLineForBootstrap4
    $navbar-inverse-active-color:          rgba(255,255,255,1) !default;
    $navbar-inverse-disabled-color:        rgba(255,255,255,.25) !default;
    $navbar-inverse-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-inverse-toggler-border:        rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border:       rgba($black,.1) !default;

    // Navs

    $nav-item-margin:               .2rem !default;
    $nav-item-inline-spacer:        1rem !default;
    $nav-link-padding:              .5em 1em !default;
    $nav-link-hover-bg:             $gray-lighter !default;
    $nav-disabled-link-color:       rgba(255,255,255,.4) !default; // ChangedLineForBootstrap4

    $nav-tabs-border-color:                       $gray-lighter !default; // ChangedLineForBootstrap4
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-lighter !default;
    $nav-tabs-active-link-hover-color:            $body-color !default; // ChangedLineForBootstrap4
    $nav-tabs-active-link-hover-bg:               $body-bg !default;
    $nav-tabs-active-link-hover-border-color:     $nav-tabs-border-color !default; // ChangedLineForBootstrap4
    $nav-tabs-justified-link-border-color:        #ddd !default;
    $nav-tabs-justified-active-link-border-color: $body-bg !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-active-link-color: $component-active-color !default;
    $nav-pills-active-link-bg:    $component-active-bg !default;


    // Pagination

    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     #fff !default; // ChangedLineForBootstrap4
    $pagination-bg:                        $gray-lighter !default; // ChangedLineForBootstrap4
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              transparent !default; // ChangedLineForBootstrap4

    $pagination-hover-color:               #fff !default; // ChangedLineForBootstrap4
    $pagination-hover-bg:                  $nav-disabled-link-color !default; // ChangedLineForBootstrap4
    $pagination-hover-border:              $pagination-border-color !default; // ChangedLineForBootstrap4

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 $brand-primary !default;
    $pagination-active-border:             $brand-primary !default;

    $pagination-disabled-color:            $nav-disabled-link-color !default; // ChangedLineForBootstrap4
    $pagination-disabled-bg:               $pagination-bg !default; // ChangedLineForBootstrap4
    $pagination-disabled-border:           $pagination-border-color !default; // ChangedLineForBootstrap4


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-lighter !default;


    // Form states and alerts
    //
    // Define colors for form feedback states and, by default, alerts.

    $state-success-text:             #fff !default; // ChangedLineForBootstrap4
    $state-success-bg:               $brand-success !default; // ChangedLineForBootstrap4
    $state-success-border:           darken($state-success-bg, 5%) !default;

    $state-info-text:                #fff !default; // ChangedLineForBootstrap4
    $state-info-bg:                  $brand-info !default; // ChangedLineForBootstrap4
    $state-info-border:              darken($state-info-bg, 7%) !default;

    $state-warning-text:             #fff !default; // ChangedLineForBootstrap4
    $state-warning-bg:               $brand-warning !default; // ChangedLineForBootstrap4
    $mark-bg:                        $state-warning-bg !default;
    $state-warning-border:           darken($state-warning-bg, 5%) !default;

    $state-danger-text:              #fff !default; // ChangedLineForBootstrap4
    $state-danger-bg:                $brand-danger !default; // ChangedLineForBootstrap4
    $state-danger-border:            darken($state-danger-bg, 5%) !default;


    // Cards

    $card-spacer-x:            1.25rem !default;
    $card-spacer-y:            .75rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              $table-bg-hover !default; // ChangedLineForBootstrap4
    $card-bg:                  $gray-lighter !default; // ChangedLineForBootstrap4

    $card-link-hover-color:    #fff !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width-base / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              3px !default;

    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $gray-lighter !default; // ChangedLineForBootstrap4
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-title-bg:                    $table-bg-hover !default; // ChangedLineForBootstrap4
    $popover-title-padding-x:             14px !default;
    $popover-title-padding-y:             8px !default;

    $popover-content-padding-x:           14px !default;
    $popover-content-padding-y:           9px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-default-bg:            $nav-disabled-link-color;
    $badge-primary-bg:            $brand-primary !default;
    $badge-success-bg:            $brand-success !default;
    $badge-info-bg:               $brand-info !default;
    $badge-warning-bg:            $brand-warning !default;
    $badge-danger-bg:             $brand-danger !default;

    $badge-color:                 $white !default;
    $badge-link-hover-color:      $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-x:             .4em !default;
    $badge-padding-y:             .25em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-sm-up-margin-y: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $gray-lighter !default; // ChangedLineForBootstrap4
    $modal-content-border-color:     rgba(0,0,0,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-xs-box-shadow:    0 3px 9px rgba($black,.5) !default;
    $modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           #000 !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $modal-content-border-color !default; // ChangedLineForBootstrap4
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-x:             1.25rem !default;
    $alert-padding-y:             .75rem !default;
    $alert-margin-bottom:         $spacer-y !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;

    $alert-success-bg:            $state-success-bg !default;
    $alert-success-text:          $state-success-text !default;
    $alert-success-border:        $state-success-border !default;

    $alert-info-bg:               $state-info-bg !default;
    $alert-info-text:             $state-info-text !default;
    $alert-info-border:           $state-info-border !default;

    $alert-warning-bg:            $state-warning-bg !default;
    $alert-warning-text:          $state-warning-text !default;
    $alert-warning-border:        $state-warning-border !default;

    $alert-danger-bg:             $state-danger-bg !default;
    $alert-danger-text:           $state-danger-text !default;
    $alert-danger-border:         $state-danger-border !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-lighter !default; // ChangedLineForBootstrap4
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $brand-primary !default; // ChangedLineForBootstrap4
    $progress-bar-bg:               $brand-primary !default;
    $progress-bar-animation-timing: 1s linear infinite !default;

    // List group

    $list-group-color:               $body-color !default;
    $list-group-bg:                 $gray-lighter !default; // ChangedLineForBootstrap4
    $list-group-border-color:       transparent !default; // ChangedLineForBootstrap4
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-x:      1.25rem !default;
    $list-group-item-padding-y:      .75rem !default;

    $list-group-hover-bg:            $nav-disabled-link-color !default; // ChangedLineForBootstrap4
    $list-group-active-color:        $component-active-color !default;
    $list-group-active-bg:           $component-active-bg !default;
    $list-group-active-border:       $list-group-active-bg !default;
    $list-group-active-text-color:   lighten($list-group-active-bg, 50%) !default;

    $list-group-disabled-color:      $nav-disabled-link-color !default; // ChangedLineForBootstrap4
    $list-group-disabled-bg:         $list-group-bg !default;
    $list-group-disabled-text-color: $list-group-disabled-color !default;

    $list-group-link-color:          #fff !default; // ChangedLineForBootstrap4
    $list-group-link-heading-color:  $list-group-link-color !default; // ChangedLineForBootstrap4
    $list-group-link-hover-color:    $list-group-link-color !default;

    $list-group-link-active-color:   $list-group-color !default;
    $list-group-link-active-bg:      $gray-lighter !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-light !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-lighter !default;
    $breadcrumb-divider-color:      $body-color !default; // ChangedLineForBootstrap4
    $breadcrumb-active-color:       $body-color !default; // ChangedLineForBootstrap4
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease-in-out !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;


    // Code

    $code-font-size:              90% !default;
    $code-padding-x:              .4rem !default;
    $code-padding-y:              .2rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-lightest !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-dark !default;

    $pre-bg:                      $gray-lightest !default;
    $pre-color:                   $gray-dark !default;
    $pre-border-color:            #ccc !default;
    $pre-scrollable-max-height:   340px !default;
cards_634:
  id: 1496
  name: superhero skin+style
  key: superhero_skin+style
  codename: 
  left_id: 1403
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Superhero 4.0.0
    // Bootswatch


    $web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700" !default;
    @import url($web-font-path);

    // Navbar ======================================================================

    .bg-primary {
      background-color: $gray-lighter !important;
    }

    .bg-inverse {
      background-color: $brand-primary !important;
    }

    .navbar {
      font-size: $font-size-sm;
    }

    // Buttons =====================================================================

    // Typography ==================================================================

    .dropdown-menu {

      font-size: $font-size-sm;
    }

    .dropdown-header {
      font-size: $font-size-sm;
    }

    .blockquote-footer {
      color: $body-color;
    }

    // Tables ======================================================================

    .thead-inverse th {
      background-color: $gray-lighter;
    }

    table,
    .table {
      font-size: $font-size-sm;

      a:not(.btn) {
        color: #fff;
        text-decoration: underline;
      }

      .dropdown-menu a {
        text-decoration: none;
      }

      .text-muted {
        color: $text-muted;
      }
     }

    // Forms =======================================================================

    label,
    .radio label,
    .checkbox label,
    .help-block {
      font-size: $font-size-sm;
    }

    .input-addon,
    .input-group-addon {
      color: $body-color;
    }

    // Navs ========================================================================

    .nav-tabs,
    .nav-pills {
      .nav-link,
      .nav-link:hover {
        color: $body-color;
      }

      .nav-link.disabled {
        color: $nav-disabled-link-color;
      }
    }

    .page-link:hover,
    .page-link:focus {
      color: #fff;
      text-decoration: none;
    }

    // Indicators ==================================================================

    .alert {

      a,
      .alert-link {
        color: #fff;
      }
    }

    .close {
      opacity: 0.5;

      &:hover,
      &:focus {
        opacity: 1;
      }
    }

    // Progress bars ===============================================================

    // Containers ==================================================================

    .modal {
      &-header,
      &-footer {
        background-color: $table-bg-hover;

        .close {
          color: #fff;
          text-shadow: none;
          opacity: 0.5;

          &:hover,
          &:focus {
            opacity: 1;
          }
        }
      }
    }
cards_635:
  id: 1498
  name: united skin+variables
  key: united_skin+variable
  codename: 
  left_id: 1407
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Bootstrap functions
    //
    // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.

    // Ascending
    // Used to evaluate Sass maps like our grid breakpoints.
    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Starts at zero
    // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // Used on our SVG icon backgrounds for custom forms.
    //
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    // Color contrast
    @mixin color-yiq($color) {
      $r: red($color);
      $g: green($color);
      $b: blue($color);

      $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

      @if ($yiq >= 150) {
        color: #111;
      } @else {
        color: #fff;
      }
    }

    // Retreive color Sass maps
    @function color($key: "blue") {
      @return map-get($colors, $key);
    }

    @function theme-color($key: "primary") {
      @return map-get($theme-colors, $key);
    }

    @function grayscale($key: "100") {
      @return map-get($grays, $key);
    }

    // Request a theme color level
    @function theme-color-level($color-name: "primary", $level: 0) {
      $color: theme-color($color-name);
      $color-base: if($level > 0, #000, #fff);

      @if $level < 0 {
        // Lighter values need a quick double negative for the Sass math to work
        @return mix($color-base, $color, $level * -1 * $theme-color-interval);
      } @else {
        @return mix($color-base, $color, $level * $theme-color-interval);
      }
    }

    // Variables
    //
    // Copy settings from this file into the provided `_custom.scss` to override
    // the Bootstrap defaults without modifying key, versioned files.
    //
    // Variables should follow the `$component-state-property-size` formula for
    // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

    // Table of Contents
    //
    // Color system
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navs
    // Navbar
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code


    //
    // Color system
    //

    $white:  #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #adb5bd !default;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #343a40 !default;
    $gray-900: #212529 !default;
    $black:  #000 !default;

    $grays: (
      100: $gray-100,
      200: $gray-200,
      300: $gray-300,
      400: $gray-400,
      500: $gray-500,
      600: $gray-600,
      700: $gray-700,
      800: $gray-800,
      900: $gray-900
    ) !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #dc3545 !default;
    $orange:  #fd7e14 !default;
    $yellow:  #ffc107 !default;
    $green:   #28a745 !default;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $colors: (
      blue: $blue,
      indigo: $indigo,
      purple: $purple,
      pink: $pink,
      red: $red,
      orange: $orange,
      yellow: $yellow,
      green: $green,
      teal: $teal,
      cyan: $cyan,
      white: $white,
      gray: $gray-600,
      gray-dark: $gray-800
    ) !default;

    $theme-colors: (
      primary: $blue,
      secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
    ) !default;

    // Set a specific jump point for requesting color jumps
    $theme-color-interval: 8% !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer: 1rem !default;
    $spacers: (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ) !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $white !default;
    $body-color:    $gray-900 !default;

    // Links
    //
    // Style anchor elements.

    $link-color:            theme-color("primary") !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns: 12 !default;
    $grid-gutter-width: 30px !default;

    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         1.5 !default;
    $line-height-sm:         1.5 !default;

    $border-width: 1px !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    theme-color("primary") !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $h1-font-size: 2.5rem !default;
    $h2-font-size: 2rem !default;
    $h3-font-size: 1.75rem !default;
    $h4-font-size: 1.5rem !default;
    $h5-font-size: 1.25rem !default;
    $h6-font-size: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-600 !default;

    $blockquote-small-color:  $gray-600 !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;

    $mark-bg: #fcf8e3 !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-cell-padding-sm:         .3rem !default;

    $table-bg:                      transparent !default;
    $table-accent-bg:               rgba($black,.05) !default;
    $table-hover-bg:                rgba($black,.075) !default;
    $table-active-bg:               $table-hover-bg !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-200 !default;

    $table-head-bg:                 $gray-200 !default;
    $table-head-color:              $gray-700 !default;

    $table-inverse-bg:              $gray-900 !default;
    $table-inverse-accent-bg:       rgba($white, .05) !default;
    $table-inverse-hover-bg:        rgba($white, .075) !default;
    $table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
    $table-inverse-color:           $body-bg !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $input-btn-padding-y:       .5rem !default;
    $input-btn-padding-x:       .75rem !default;
    $input-btn-line-height:     1.25 !default;

    $input-btn-padding-y-sm:    .25rem !default;
    $input-btn-padding-x-sm:    .5rem !default;
    $input-btn-line-height-sm:  1.5 !default;

    $input-btn-padding-y-lg:    .5rem !default;
    $input-btn-padding-x-lg:    1rem !default;
    $input-btn-line-height-lg:  1.5 !default;

    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-link-disabled-color:        $gray-600 !default;

    $btn-block-spacing-y:            .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .15s ease-in-out !default;


    // Forms

    $input-bg:                       $white !default;
    $input-disabled-bg:              $gray-200 !default;

    $input-color:                    $gray-700 !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-focus-bg:                 $input-bg !default;
    $input-focus-border-color:       lighten(theme-color("primary"), 25%) !default;
    $input-focus-box-shadow:         $input-box-shadow, $btn-focus-box-shadow !default;
    $input-focus-color:              $input-color !default;

    $input-placeholder-color:        $gray-600 !default;

    $input-height-border:           $input-btn-border-width * 2 !default;

    $input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
    $input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

    $input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
    $input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

    $input-height-inner-lg:         ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
    $input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       1rem !default;

    $input-group-addon-bg:           $gray-200 !default;
    $input-group-addon-border-color: $input-border-color !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-y: .25rem !default;
    $custom-control-spacer-x: 1rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-indicator-disabled-bg:       $gray-200 !default;
    $custom-control-description-disabled-color:  $gray-600 !default;

    $custom-control-indicator-checked-color:      $white !default;
    $custom-control-indicator-checked-bg:         theme-color("primary") !default;
    $custom-control-indicator-checked-box-shadow: none !default;

    $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

    $custom-control-indicator-active-color:      $white !default;
    $custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
    $custom-control-indicator-active-box-shadow: none !default;

    $custom-checkbox-indicator-border-radius: $border-radius !default;
    $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
    $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
    $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indicator-indeterminate-box-shadow: none !default;

    $custom-radio-indicator-border-radius: 50% !default;
    $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-y:          .375rem !default;
    $custom-select-padding-x:          .75rem  !default;
    $custom-select-height:              $input-height  !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-btn-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-600 !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-200 !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-font-size-sm:  75% !default;
    $custom-select-height-sm: $input-height-sm !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

    $custom-file-padding-y:     1rem !default;
    $custom-file-padding-x:     .5rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray-700 !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-200 !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation
    $form-feedback-valid-color:   theme-color("success") !default;
    $form-feedback-invalid-color: theme-color("danger") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-spacer:                .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-200 !default;
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-900 !default;
    $dropdown-link-hover-color:      darken($gray-900, 5%) !default;
    $dropdown-link-hover-bg:         $gray-100 !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-600 !default;

    $dropdown-item-padding-y:        .25rem !default;
    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-600 !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown:           1000 !default;
    $zindex-sticky:             1020 !default;
    $zindex-fixed:              1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;

    // Navs

    $nav-link-padding-y:            .5rem !default;
    $nav-link-padding-x:            1rem !default;
    $nav-link-disabled-color:       $gray-600 !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-200 !default;
    $nav-tabs-link-active-color:                  $gray-700 !default;
    $nav-tabs-link-active-bg:                     $body-bg !default;
    $nav-tabs-link-active-border-color:           #ddd !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-link-active-color: $component-active-color !default;
    $nav-pills-link-active-bg:    $component-active-bg !default;

    // Navbar

    $navbar-padding-y:                  ($spacer / 2) !default;
    $navbar-padding-x:                  $spacer !default;

    $navbar-brand-font-size:            $font-size-lg !default;
    // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
    $nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
    $navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
    $navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-dark-color:                 rgba($white,.5) !default;
    $navbar-dark-hover-color:           rgba($white,.75) !default;
    $navbar-dark-active-color:          rgba($white,1) !default;
    $navbar-dark-disabled-color:        rgba($white,.25) !default;
    $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-dark-toggler-border-color:  rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border-color: rgba($black,.1) !default;

    // Pagination

    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-200 !default;
    $pagination-hover-border-color:        #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 theme-color("primary") !default;
    $pagination-active-border-color:       theme-color("primary") !default;

    $pagination-disabled-color:            $gray-600 !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border-color:     #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-200 !default;


    // Cards

    $card-spacer-y:            .75rem !default;
    $card-spacer-x:            1.25rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              rgba($black, .03) !default;
    $card-bg:                  $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              0 !default;


    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-height:        5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-header-bg:                    darken($popover-bg, 3%) !default;
    $popover-header-color:                 $headings-color !default;
    $popover-header-padding-y:             8px !default;
    $popover-header-padding-x:             14px !default;

    $popover-body-color:               $body-color !default;
    $popover-body-padding-y:           9px !default;
    $popover-body-padding-x:           14px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-height:                5px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-color:                 $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-y:             .25em !default;
    $badge-padding-x:             .4em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-margin-y-sm-up: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
    $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-200 !default;
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-y:             .75rem !default;
    $alert-padding-x:             1.25rem !default;
    $alert-margin-bottom:         1rem !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-200 !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               theme-color("primary") !default;
    $progress-bar-animation-timing: 1s linear infinite !default;
    $progress-bar-transition:       width .6s ease !default;

    // List group

    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-y:      .75rem !default;
    $list-group-item-padding-x:      1.25rem !default;

    $list-group-hover-bg:                 $gray-100 !default;
    $list-group-active-color:             $component-active-color !default;
    $list-group-active-bg:                $component-active-bg !default;
    $list-group-active-border-color:      $list-group-active-bg !default;

    $list-group-disabled-color:      $gray-600 !default;
    $list-group-disabled-bg:         $list-group-bg !default;

    $list-group-action-color:             $gray-700 !default;
    $list-group-action-hover-color:       $list-group-action-color !default;

    $list-group-action-active-color:      $body-color !default;
    $list-group-action-active-bg:         $gray-200 !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-600 !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-200 !default;
    $breadcrumb-divider-color:      $gray-600 !default;
    $breadcrumb-active-color:       $gray-600 !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;

    // Code

    $code-font-size:              90% !default;
    $code-padding-y:              .2rem !default;
    $code-padding-x:              .4rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-100 !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-900 !default;

    $pre-color:                   $gray-900 !default;
    $pre-scrollable-max-height:   340px !default;

    // United 4.0.0
    // Bootswatch

    //
    // Color system
    //

    $white:    #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #AEA79F;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #333;
    $gray-900: #212529 !default;
    $black:    #000 !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #772953;
    $pink:    #e83e8c !default;
    $red:     #DF382C;
    $orange:  #E95420;
    $yellow:  #EFB73E;
    $green:   #38B44A;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $primary:       $orange;
    $secondary:     $gray-500;
    $success:       $green !default;
    $info:          $cyan !default;
    $warning:       $yellow !default;
    $danger:        $red !default;
    $light:         $gray-200;
    $dark:          $purple;

    // Body

    $body-color:                $gray-800;

    // Fonts

    $font-family-sans-serif:      "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
cards_636:
  id: 1500
  name: united skin+style
  key: united_skin+style
  codename: 
  left_id: 1407
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: "// United 4.0.0\n// Bootswatch\n\n\n// Variables ===================================================================\n\n$web-font-path:
    \"https://fonts.googleapis.com/css?family=Ubuntu:400,700\" !default;\n@import
    url($web-font-path);\n\n// Navbar ======================================================================\n\n//
    Buttons =====================================================================\n\n.btn
    {\n\n\t&-secondary,\n\t&-warning,\n\t&-warning:hover {\n\t\tcolor: $white;\n\t}\n}\n\n//
    Typography ==================================================================\n\n//
    Tables ======================================================================\n\n.table
    .thead-dark th {\n  background-color: $dark;\n  border-color: darken($dark, 5%);\n}\n\n//
    Forms =======================================================================\n\n//
    Navs ========================================================================\n\n//
    Indicators ==================================================================\n\n//
    Progress bars ===============================================================\n\n//
    Containers ==================================================================\n"
cards_637:
  id: 1502
  name: yeti skin+variables
  key: yeti_skin+variable
  codename: 
  left_id: 1411
  right_id: 1438
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Bootstrap functions
    //
    // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.

    // Ascending
    // Used to evaluate Sass maps like our grid breakpoints.
    @mixin _assert-ascending($map, $map-name) {
      $prev-key: null;
      $prev-num: null;
      @each $key, $num in $map {
        @if $prev-num == null {
          // Do nothing
        } @else if not comparable($prev-num, $num) {
          @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        } @else if $prev-num >= $num {
          @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
        }
        $prev-key: $key;
        $prev-num: $num;
      }
    }

    // Starts at zero
    // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
    @mixin _assert-starts-at-zero($map) {
      $values: map-values($map);
      $first-value: nth($values, 1);
      @if $first-value != 0 {
        @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
      }
    }

    // Replace `$search` with `$replace` in `$string`
    // Used on our SVG icon backgrounds for custom forms.
    //
    // @author Hugo Giraudel
    // @param {String} $string - Initial string
    // @param {String} $search - Substring to replace
    // @param {String} $replace ('') - New value
    // @return {String} - Updated string
    @function str-replace($string, $search, $replace: "") {
      $index: str-index($string, $search);

      @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
      }

      @return $string;
    }

    // Color contrast
    @mixin color-yiq($color) {
      $r: red($color);
      $g: green($color);
      $b: blue($color);

      $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

      @if ($yiq >= 150) {
        color: #111;
      } @else {
        color: #fff;
      }
    }

    // Retreive color Sass maps
    @function color($key: "blue") {
      @return map-get($colors, $key);
    }

    @function theme-color($key: "primary") {
      @return map-get($theme-colors, $key);
    }

    @function grayscale($key: "100") {
      @return map-get($grays, $key);
    }

    // Request a theme color level
    @function theme-color-level($color-name: "primary", $level: 0) {
      $color: theme-color($color-name);
      $color-base: if($level > 0, #000, #fff);

      @if $level < 0 {
        // Lighter values need a quick double negative for the Sass math to work
        @return mix($color-base, $color, $level * -1 * $theme-color-interval);
      } @else {
        @return mix($color-base, $color, $level * $theme-color-interval);
      }
    }

    // Variables
    //
    // Copy settings from this file into the provided `_custom.scss` to override
    // the Bootstrap defaults without modifying key, versioned files.
    //
    // Variables should follow the `$component-state-property-size` formula for
    // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

    // Table of Contents
    //
    // Color system
    // Options
    // Spacing
    // Body
    // Links
    // Grid breakpoints
    // Grid containers
    // Grid columns
    // Fonts
    // Components
    // Tables
    // Buttons
    // Forms
    // Dropdowns
    // Z-index master list
    // Navs
    // Navbar
    // Pagination
    // Jumbotron
    // Form states and alerts
    // Cards
    // Tooltips
    // Popovers
    // Badges
    // Modals
    // Alerts
    // Progress bars
    // List group
    // Image thumbnails
    // Figures
    // Breadcrumbs
    // Carousel
    // Close
    // Code


    //
    // Color system
    //

    $white:  #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #e9ecef !default;
    $gray-300: #dee2e6 !default;
    $gray-400: #ced4da !default;
    $gray-500: #adb5bd !default;
    $gray-600: #868e96 !default;
    $gray-700: #495057 !default;
    $gray-800: #343a40 !default;
    $gray-900: #212529 !default;
    $black:  #000 !default;

    $grays: (
      100: $gray-100,
      200: $gray-200,
      300: $gray-300,
      400: $gray-400,
      500: $gray-500,
      600: $gray-600,
      700: $gray-700,
      800: $gray-800,
      900: $gray-900
    ) !default;

    $blue:    #007bff !default;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #dc3545 !default;
    $orange:  #fd7e14 !default;
    $yellow:  #ffc107 !default;
    $green:   #28a745 !default;
    $teal:    #20c997 !default;
    $cyan:    #17a2b8 !default;

    $colors: (
      blue: $blue,
      indigo: $indigo,
      purple: $purple,
      pink: $pink,
      red: $red,
      orange: $orange,
      yellow: $yellow,
      green: $green,
      teal: $teal,
      cyan: $cyan,
      white: $white,
      gray: $gray-600,
      gray-dark: $gray-800
    ) !default;

    $theme-colors: (
      primary: $blue,
      secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
    ) !default;

    // Set a specific jump point for requesting color jumps
    $theme-color-interval: 8% !default;


    // Options
    //
    // Quickly modify global styling by enabling or disabling optional features.

    $enable-rounded:            true !default;
    $enable-shadows:            false !default;
    $enable-gradients:          false !default;
    $enable-transitions:        true !default;
    $enable-hover-media-query:  false !default;
    $enable-grid-classes:       true !default;
    $enable-print-styles:       true !default;


    // Spacing
    //
    // Control the default styling of most Bootstrap elements by modifying these
    // variables. Mostly focused on spacing.
    // You can add more entries to the $spacers map, should you need more variation.

    $spacer: 1rem !default;
    $spacers: (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ) !default;

    // This variable affects the `.h-*` and `.w-*` classes.
    $sizes: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%
    ) !default;

    // Body
    //
    // Settings for the `` element.

    $body-bg:       $white !default;
    $body-color:    $gray-900 !default;

    // Links
    //
    // Style anchor elements.

    $link-color:            theme-color("primary") !default;
    $link-decoration:       none !default;
    $link-hover-color:      darken($link-color, 15%) !default;
    $link-hover-decoration: underline !default;


    // Grid breakpoints
    //
    // Define the minimum dimensions at which your layout will change,
    // adapting to different screen sizes, for use in media queries.

    $grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    ) !default;
    @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
    @include _assert-starts-at-zero($grid-breakpoints);


    // Grid containers
    //
    // Define the maximum width of `.container` for different screen sizes.

    $container-max-widths: (
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    ) !default;
    @include _assert-ascending($container-max-widths, "$container-max-widths");


    // Grid columns
    //
    // Set the number of columns and specify the width of the gutters.

    $grid-columns: 12 !default;
    $grid-gutter-width: 30px !default;

    // Components
    //
    // Define common padding and border radius sizes and more.

    $line-height-lg:         1.5 !default;
    $line-height-sm:         1.5 !default;

    $border-width: 1px !default;

    $border-radius:          .25rem !default;
    $border-radius-lg:       .3rem !default;
    $border-radius-sm:       .2rem !default;

    $component-active-color: $white !default;
    $component-active-bg:    theme-color("primary") !default;

    $caret-width:            .3em !default;

    $transition-base:        all .2s ease-in-out !default;
    $transition-fade:        opacity .15s linear !default;
    $transition-collapse:    height .35s ease !default;


    // Fonts
    //
    // Font, line-height, and color for body text, headings, and more.

    $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
    $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    $font-family-base:       $font-family-sans-serif !default;

    $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
    $font-size-lg:   1.25rem !default;
    $font-size-sm:   .875rem !default;

    $font-weight-normal: normal !default;
    $font-weight-bold: bold !default;

    $font-weight-base: $font-weight-normal !default;
    $line-height-base: 1.5 !default;

    $h1-font-size: 2.5rem !default;
    $h2-font-size: 2rem !default;
    $h3-font-size: 1.75rem !default;
    $h4-font-size: 1.5rem !default;
    $h5-font-size: 1.25rem !default;
    $h6-font-size: 1rem !default;

    $headings-margin-bottom: ($spacer / 2) !default;
    $headings-font-family:   inherit !default;
    $headings-font-weight:   500 !default;
    $headings-line-height:   1.1 !default;
    $headings-color:         inherit !default;

    $display1-size: 6rem !default;
    $display2-size: 5.5rem !default;
    $display3-size: 4.5rem !default;
    $display4-size: 3.5rem !default;

    $display1-weight:     300 !default;
    $display2-weight:     300 !default;
    $display3-weight:     300 !default;
    $display4-weight:     300 !default;
    $display-line-height: $headings-line-height !default;

    $lead-font-size:   1.25rem !default;
    $lead-font-weight: 300 !default;

    $small-font-size: 80% !default;

    $text-muted: $gray-600 !default;

    $blockquote-small-color:  $gray-600 !default;
    $blockquote-font-size:    ($font-size-base * 1.25) !default;

    $hr-border-color: rgba($black,.1) !default;
    $hr-border-width: $border-width !default;

    $mark-padding: .2em !default;

    $dt-font-weight: $font-weight-bold !default;

    $kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
    $nested-kbd-font-weight: $font-weight-bold !default;

    $list-inline-padding: 5px !default;

    $mark-bg: #fcf8e3 !default;


    // Tables
    //
    // Customizes the `.table` component with basic values, each used across all table variations.

    $table-cell-padding:            .75rem !default;
    $table-cell-padding-sm:         .3rem !default;

    $table-bg:                      transparent !default;
    $table-accent-bg:               rgba($black,.05) !default;
    $table-hover-bg:                rgba($black,.075) !default;
    $table-active-bg:               $table-hover-bg !default;

    $table-border-width:            $border-width !default;
    $table-border-color:            $gray-200 !default;

    $table-head-bg:                 $gray-200 !default;
    $table-head-color:              $gray-700 !default;

    $table-inverse-bg:              $gray-900 !default;
    $table-inverse-accent-bg:       rgba($white, .05) !default;
    $table-inverse-hover-bg:        rgba($white, .075) !default;
    $table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
    $table-inverse-color:           $body-bg !default;


    // Buttons
    //
    // For each of Bootstrap's buttons, define text, background and border color.

    $input-btn-padding-y:       .5rem !default;
    $input-btn-padding-x:       .75rem !default;
    $input-btn-line-height:     1.25 !default;

    $input-btn-padding-y-sm:    .25rem !default;
    $input-btn-padding-x-sm:    .5rem !default;
    $input-btn-line-height-sm:  1.5 !default;

    $input-btn-padding-y-lg:    .5rem !default;
    $input-btn-padding-x-lg:    1rem !default;
    $input-btn-line-height-lg:  1.5 !default;

    $btn-font-weight:                $font-weight-normal !default;
    $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
    $btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
    $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

    $btn-link-disabled-color:        $gray-600 !default;

    $btn-block-spacing-y:            .5rem !default;

    // Allows for customizing button radius independently from global border radius
    $btn-border-radius:              $border-radius !default;
    $btn-border-radius-lg:           $border-radius-lg !default;
    $btn-border-radius-sm:           $border-radius-sm !default;

    $btn-transition:                 all .15s ease-in-out !default;


    // Forms

    $input-bg:                       $white !default;
    $input-disabled-bg:              $gray-200 !default;

    $input-color:                    $gray-700 !default;
    $input-border-color:             rgba($black,.15) !default;
    $input-btn-border-width:         $border-width !default; // For form controls and buttons
    $input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

    $input-border-radius:            $border-radius !default;
    $input-border-radius-lg:         $border-radius-lg !default;
    $input-border-radius-sm:         $border-radius-sm !default;

    $input-focus-bg:                 $input-bg !default;
    $input-focus-border-color:       lighten(theme-color("primary"), 25%) !default;
    $input-focus-box-shadow:         $input-box-shadow, $btn-focus-box-shadow !default;
    $input-focus-color:              $input-color !default;

    $input-placeholder-color:        $gray-600 !default;

    $input-height-border:           $input-btn-border-width * 2 !default;

    $input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
    $input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

    $input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
    $input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

    $input-height-inner-lg:         ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
    $input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

    $input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

    $form-text-margin-top:     .25rem !default;

    $form-check-margin-bottom:  .5rem !default;
    $form-check-input-gutter:   1.25rem !default;
    $form-check-input-margin-y: .25rem !default;
    $form-check-input-margin-x: .25rem !default;

    $form-check-inline-margin-x: .75rem !default;

    $form-group-margin-bottom:       1rem !default;

    $input-group-addon-bg:           $gray-200 !default;
    $input-group-addon-border-color: $input-border-color !default;

    $custom-control-gutter:   1.5rem !default;
    $custom-control-spacer-y: .25rem !default;
    $custom-control-spacer-x: 1rem !default;

    $custom-control-indicator-size:       1rem !default;
    $custom-control-indicator-bg:         #ddd !default;
    $custom-control-indicator-bg-size:    50% 50% !default;
    $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

    $custom-control-indicator-disabled-bg:       $gray-200 !default;
    $custom-control-description-disabled-color:  $gray-600 !default;

    $custom-control-indicator-checked-color:      $white !default;
    $custom-control-indicator-checked-bg:         theme-color("primary") !default;
    $custom-control-indicator-checked-box-shadow: none !default;

    $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

    $custom-control-indicator-active-color:      $white !default;
    $custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
    $custom-control-indicator-active-box-shadow: none !default;

    $custom-checkbox-indicator-border-radius: $border-radius !default;
    $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
    $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
    $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-checkbox-indicator-indeterminate-box-shadow: none !default;

    $custom-radio-indicator-border-radius: 50% !default;
    $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

    $custom-select-padding-y:          .375rem !default;
    $custom-select-padding-x:          .75rem  !default;
    $custom-select-height:              $input-height  !default;
    $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
    $custom-select-line-height:         $input-btn-line-height !default;
    $custom-select-color:               $input-color !default;
    $custom-select-disabled-color:      $gray-600 !default;
    $custom-select-bg:            $white !default;
    $custom-select-disabled-bg:   $gray-200 !default;
    $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
    $custom-select-indicator-color: #333 !default;
    $custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $custom-select-border-width:  $input-btn-border-width !default;
    $custom-select-border-color:  $input-border-color !default;
    $custom-select-border-radius: $border-radius !default;

    $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
    $custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

    $custom-select-font-size-sm:  75% !default;
    $custom-select-height-sm: $input-height-sm !default;

    $custom-file-height:           2.5rem !default;
    $custom-file-width:            14rem !default;
    $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

    $custom-file-padding-y:     1rem !default;
    $custom-file-padding-x:     .5rem !default;
    $custom-file-line-height:   1.5 !default;
    $custom-file-color:         $gray-700 !default;
    $custom-file-bg:            $white !default;
    $custom-file-border-width:  $border-width !default;
    $custom-file-border-color:  $input-border-color !default;
    $custom-file-border-radius: $border-radius !default;
    $custom-file-box-shadow:    inset 0 .2rem .4rem rgba($black,.05) !default;
    $custom-file-button-color:  $custom-file-color !default;
    $custom-file-button-bg:     $gray-200 !default;
    $custom-file-text: (
      placeholder: (
        en: "Choose file..."
      ),
      button-label: (
        en: "Browse"
      )
    ) !default;


    // Form validation
    $form-feedback-valid-color:   theme-color("success") !default;
    $form-feedback-invalid-color: theme-color("danger") !default;


    // Dropdowns
    //
    // Dropdown menu container and contents.

    $dropdown-min-width:             10rem !default;
    $dropdown-padding-y:             .5rem !default;
    $dropdown-spacer:                .125rem !default;
    $dropdown-bg:                    $white !default;
    $dropdown-border-color:          rgba($black,.15) !default;
    $dropdown-border-width:          $border-width !default;
    $dropdown-divider-bg:            $gray-200 !default;
    $dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

    $dropdown-link-color:            $gray-900 !default;
    $dropdown-link-hover-color:      darken($gray-900, 5%) !default;
    $dropdown-link-hover-bg:         $gray-100 !default;

    $dropdown-link-active-color:     $component-active-color !default;
    $dropdown-link-active-bg:        $component-active-bg !default;

    $dropdown-link-disabled-color:   $gray-600 !default;

    $dropdown-item-padding-y:        .25rem !default;
    $dropdown-item-padding-x:        1.5rem !default;

    $dropdown-header-color:          $gray-600 !default;


    // Z-index master list
    //
    // Warning: Avoid customizing these values. They're used for a bird's eye view
    // of components dependent on the z-axis and are designed to all work together.

    $zindex-dropdown:           1000 !default;
    $zindex-sticky:             1020 !default;
    $zindex-fixed:              1030 !default;
    $zindex-modal-backdrop:     1040 !default;
    $zindex-modal:              1050 !default;
    $zindex-popover:            1060 !default;
    $zindex-tooltip:            1070 !default;

    // Navs

    $nav-link-padding-y:            .5rem !default;
    $nav-link-padding-x:            1rem !default;
    $nav-link-disabled-color:       $gray-600 !default;

    $nav-tabs-border-color:                       #ddd !default;
    $nav-tabs-border-width:                       $border-width !default;
    $nav-tabs-border-radius:                      $border-radius !default;
    $nav-tabs-link-hover-border-color:            $gray-200 !default;
    $nav-tabs-link-active-color:                  $gray-700 !default;
    $nav-tabs-link-active-bg:                     $body-bg !default;
    $nav-tabs-link-active-border-color:           #ddd !default;

    $nav-pills-border-radius:     $border-radius !default;
    $nav-pills-link-active-color: $component-active-color !default;
    $nav-pills-link-active-bg:    $component-active-bg !default;

    // Navbar

    $navbar-padding-y:                  ($spacer / 2) !default;
    $navbar-padding-x:                  $spacer !default;

    $navbar-brand-font-size:            $font-size-lg !default;
    // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
    $nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
    $navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
    $navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

    $navbar-toggler-padding-y:           .25rem !default;
    $navbar-toggler-padding-x:           .75rem !default;
    $navbar-toggler-font-size:           $font-size-lg !default;
    $navbar-toggler-border-radius:       $btn-border-radius !default;

    $navbar-dark-color:                 rgba($white,.5) !default;
    $navbar-dark-hover-color:           rgba($white,.75) !default;
    $navbar-dark-active-color:          rgba($white,1) !default;
    $navbar-dark-disabled-color:        rgba($white,.25) !default;
    $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-dark-toggler-border-color:  rgba($white,.1) !default;

    $navbar-light-color:                rgba($black,.5) !default;
    $navbar-light-hover-color:          rgba($black,.7) !default;
    $navbar-light-active-color:         rgba($black,.9) !default;
    $navbar-light-disabled-color:       rgba($black,.3) !default;
    $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
    $navbar-light-toggler-border-color: rgba($black,.1) !default;

    // Pagination

    $pagination-padding-y:                .5rem !default;
    $pagination-padding-x:                .75rem !default;
    $pagination-padding-y-sm:             .25rem !default;
    $pagination-padding-x-sm:             .5rem !default;
    $pagination-padding-y-lg:             .75rem !default;
    $pagination-padding-x-lg:             1.5rem !default;
    $pagination-line-height:              1.25 !default;

    $pagination-color:                     $link-color !default;
    $pagination-bg:                        $white !default;
    $pagination-border-width:              $border-width !default;
    $pagination-border-color:              #ddd !default;

    $pagination-hover-color:               $link-hover-color !default;
    $pagination-hover-bg:                  $gray-200 !default;
    $pagination-hover-border-color:        #ddd !default;

    $pagination-active-color:              $white !default;
    $pagination-active-bg:                 theme-color("primary") !default;
    $pagination-active-border-color:       theme-color("primary") !default;

    $pagination-disabled-color:            $gray-600 !default;
    $pagination-disabled-bg:               $white !default;
    $pagination-disabled-border-color:     #ddd !default;


    // Jumbotron

    $jumbotron-padding:              2rem !default;
    $jumbotron-bg:                   $gray-200 !default;


    // Cards

    $card-spacer-y:            .75rem !default;
    $card-spacer-x:            1.25rem !default;
    $card-border-width:        1px !default;
    $card-border-radius:       $border-radius !default;
    $card-border-color:        rgba($black,.125) !default;
    $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
    $card-cap-bg:              rgba($black, .03) !default;
    $card-bg:                  $white !default;

    $card-img-overlay-padding: 1.25rem !default;

    $card-deck-margin:          ($grid-gutter-width / 2) !default;

    $card-columns-count:        3 !default;
    $card-columns-gap:          1.25rem !default;
    $card-columns-margin:       $card-spacer-y !default;


    // Tooltips

    $tooltip-max-width:           200px !default;
    $tooltip-color:               $white !default;
    $tooltip-bg:                  $black !default;
    $tooltip-opacity:             .9 !default;
    $tooltip-padding-y:           3px !default;
    $tooltip-padding-x:           8px !default;
    $tooltip-margin:              0 !default;


    $tooltip-arrow-width:         5px !default;
    $tooltip-arrow-height:        5px !default;
    $tooltip-arrow-color:         $tooltip-bg !default;


    // Popovers

    $popover-inner-padding:               1px !default;
    $popover-bg:                          $white !default;
    $popover-max-width:                   276px !default;
    $popover-border-width:                $border-width !default;
    $popover-border-color:                rgba($black,.2) !default;
    $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;

    $popover-header-bg:                    darken($popover-bg, 3%) !default;
    $popover-header-color:                 $headings-color !default;
    $popover-header-padding-y:             8px !default;
    $popover-header-padding-x:             14px !default;

    $popover-body-color:               $body-color !default;
    $popover-body-padding-y:           9px !default;
    $popover-body-padding-x:           14px !default;

    $popover-arrow-width:                 10px !default;
    $popover-arrow-height:                5px !default;
    $popover-arrow-color:                 $popover-bg !default;

    $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
    $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;


    // Badges

    $badge-color:                 $white !default;
    $badge-font-size:             75% !default;
    $badge-font-weight:           $font-weight-bold !default;
    $badge-padding-y:             .25em !default;
    $badge-padding-x:             .4em !default;

    $badge-pill-padding-x:        .6em !default;
    // Use a higher than normal value to ensure completely rounded edges when
    // customizing padding or font-size on labels.
    $badge-pill-border-radius:    10rem !default;


    // Modals

    // Padding applied to the modal body
    $modal-inner-padding:         15px !default;

    $modal-dialog-margin:         10px !default;
    $modal-dialog-margin-y-sm-up: 30px !default;

    $modal-title-line-height:     $line-height-base !default;

    $modal-content-bg:               $white !default;
    $modal-content-border-color:     rgba($black,.2) !default;
    $modal-content-border-width:     $border-width !default;
    $modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
    $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

    $modal-backdrop-bg:           $black !default;
    $modal-backdrop-opacity:      .5 !default;
    $modal-header-border-color:   $gray-200 !default;
    $modal-footer-border-color:   $modal-header-border-color !default;
    $modal-header-border-width:   $modal-content-border-width !default;
    $modal-footer-border-width:   $modal-header-border-width !default;
    $modal-header-padding:        15px !default;

    $modal-lg:                    800px !default;
    $modal-md:                    500px !default;
    $modal-sm:                    300px !default;

    $modal-transition:            transform .3s ease-out !default;


    // Alerts
    //
    // Define alert colors, border radius, and padding.

    $alert-padding-y:             .75rem !default;
    $alert-padding-x:             1.25rem !default;
    $alert-margin-bottom:         1rem !default;
    $alert-border-radius:         $border-radius !default;
    $alert-link-font-weight:      $font-weight-bold !default;
    $alert-border-width:          $border-width !default;


    // Progress bars

    $progress-height:               1rem !default;
    $progress-font-size:            .75rem !default;
    $progress-bg:                   $gray-200 !default;
    $progress-border-radius:        $border-radius !default;
    $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
    $progress-bar-color:            $white !default;
    $progress-bar-bg:               theme-color("primary") !default;
    $progress-bar-animation-timing: 1s linear infinite !default;
    $progress-bar-transition:       width .6s ease !default;

    // List group

    $list-group-bg:                  $white !default;
    $list-group-border-color:        rgba($black,.125) !default;
    $list-group-border-width:        $border-width !default;
    $list-group-border-radius:       $border-radius !default;

    $list-group-item-padding-y:      .75rem !default;
    $list-group-item-padding-x:      1.25rem !default;

    $list-group-hover-bg:                 $gray-100 !default;
    $list-group-active-color:             $component-active-color !default;
    $list-group-active-bg:                $component-active-bg !default;
    $list-group-active-border-color:      $list-group-active-bg !default;

    $list-group-disabled-color:      $gray-600 !default;
    $list-group-disabled-bg:         $list-group-bg !default;

    $list-group-action-color:             $gray-700 !default;
    $list-group-action-hover-color:       $list-group-action-color !default;

    $list-group-action-active-color:      $body-color !default;
    $list-group-action-active-bg:         $gray-200 !default;


    // Image thumbnails

    $thumbnail-padding:           .25rem !default;
    $thumbnail-bg:                $body-bg !default;
    $thumbnail-border-width:      $border-width !default;
    $thumbnail-border-color:      #ddd !default;
    $thumbnail-border-radius:     $border-radius !default;
    $thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
    $thumbnail-transition:        all .2s ease-in-out !default;


    // Figures

    $figure-caption-font-size: 90% !default;
    $figure-caption-color:     $gray-600 !default;


    // Breadcrumbs

    $breadcrumb-padding-y:          .75rem !default;
    $breadcrumb-padding-x:          1rem !default;
    $breadcrumb-item-padding:       .5rem !default;

    $breadcrumb-bg:                 $gray-200 !default;
    $breadcrumb-divider-color:      $gray-600 !default;
    $breadcrumb-active-color:       $gray-600 !default;
    $breadcrumb-divider:            "/" !default;


    // Carousel

    $carousel-control-color:                      $white !default;
    $carousel-control-width:                      15% !default;
    $carousel-control-opacity:                    .5 !default;

    $carousel-indicator-width:                    30px !default;
    $carousel-indicator-height:                   3px !default;
    $carousel-indicator-spacer:                   3px !default;
    $carousel-indicator-active-bg:                $white !default;

    $carousel-caption-width:                      70% !default;
    $carousel-caption-color:                      $white !default;

    $carousel-control-icon-width:                 20px !default;

    $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
    $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

    $carousel-transition:           transform .6s ease !default;


    // Close

    $close-font-size:             $font-size-base * 1.5 !default;
    $close-font-weight:           $font-weight-bold !default;
    $close-color:                 $black !default;
    $close-text-shadow:           0 1px 0 $white !default;

    // Code

    $code-font-size:              90% !default;
    $code-padding-y:              .2rem !default;
    $code-padding-x:              .4rem !default;
    $code-color:                  #bd4147 !default;
    $code-bg:                     $gray-100 !default;

    $kbd-color:                   $white !default;
    $kbd-bg:                      $gray-900 !default;

    $pre-color:                   $gray-900 !default;
    $pre-scrollable-max-height:   340px !default;

    // Yeti 4.0.0
    // Bootswatch

    //
    // Color system
    //

    $white:    #fff !default;
    $gray-100: #f8f9fa !default;
    $gray-200: #eee;
    $gray-300: #dee2e6 !default;
    $gray-400: #ccc;
    $gray-500: #adb5bd !default;
    $gray-600: #888;
    $gray-700: #495057 !default;
    $gray-800: #333;
    $gray-900: #222;
    $black:    #000 !default;

    $blue:    #008cba;
    $indigo:  #6610f2 !default;
    $purple:  #6f42c1 !default;
    $pink:    #e83e8c !default;
    $red:     #F04124;
    $orange:  #fd7e14 !default;
    $yellow:  #E99002;
    $green:   #43ac6a;
    $teal:    #20c997 !default;
    $cyan:    #5bc0de;

    $primary:       $blue !default;
    $secondary:     $gray-200;
    $success:       $green !default;
    $info:          $cyan !default;
    $warning:       $yellow !default;
    $danger:        $red !default;
    $light:         $gray-200;
    $dark:          $gray-900;

    // Components

    $border-radius:               0;
    $border-radius-lg:            0;
    $border-radius-sm:            0;

    // Fonts

    $font-family-sans-serif:      "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    $font-size-base:              0.9375rem;

    $headings-font-weight:        300;

    // Buttons

    $input-btn-padding-x:         1rem;

    $btn-font-weight:             300;

    // Dropdowns

    $dropdown-border-color:             rgba($black,.1);
    $dropdown-divider-bg:               rgba($black,.1);

    // Navs

    $nav-link-disabled-color:           $gray-400;

    $nav-tabs-border-color:             $dropdown-border-color;
    $nav-tabs-link-hover-border-color:  $nav-tabs-border-color;
    $nav-tabs-link-active-border-color: $nav-tabs-border-color;

    // Navbar

    $navbar-dark-color:                 rgba($white,.7);
    $navbar-dark-hover-color:           $white;

    // Pagination

    $pagination-color:                  $gray-600;
    $pagination-border-color:           $nav-tabs-border-color;

    $pagination-active-border-color:    darken($primary, 5%);

    $pagination-disabled-color:         $gray-200;

    // Jumbotron

    $jumbotron-padding:                 4rem;

    // Badges

    $badge-font-weight:                 300;
    $badge-padding-x:                   1rem;

    // Progress bars

    $progress-bg:                       #f6f6f6;
    $progress-bar-color:                $primary;

    // List group

    $list-group-disabled-bg:            $gray-200;

    // Close

    $close-color:                       $gray-600;
    $close-text-shadow:                 none;
cards_638:
  id: 1504
  name: yeti skin+style
  key: yeti_skin+style
  codename: 
  left_id: 1411
  right_id: 1443
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all plus"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 943
  db_content: |
    // Yeti 4.0.0
    // Bootswatch


    // Variables ===================================================================

    $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700" !default;
    @import url($web-font-path);

    // Navbar ======================================================================

    .navbar {
      font-size: $font-size-sm;
      font-weight: $headings-font-weight;
    }

    .bg-primary {

      .dropdown-menu {
        background-color: $primary;

        .dropdown-item,
        .dropdown-item:focus {
          color: $navbar-dark-color;
        }

        .dropdown-item.active,
        .dropdown-item:hover,
        .dropdown-item:focus {
          background-color: darken($primary, 5%);
          color: #fff;
        }
      }
    }

    .bg-dark {
      background-color: $gray-800 !important;

      .dropdown-menu {
        background-color: $gray-800;

        .dropdown-item,
        .dropdown-item:focus {
          color: $navbar-dark-color;
        }

        .dropdown-item.active,
        .dropdown-item:hover,
        .dropdown-item:focus  {
          background-color: darken($gray-800, 5%);
          color: #fff;
        }
      }
    }

    .bg-light {

      .dropdown-menu {
        background-color: $gray-200;

        .dropdown-item,
        .dropdown-item:focus {
          color: $navbar-light-color;
        }

        .dropdown-item.active,
        .dropdown-item:hover,
        .dropdown-item:focus  {
          background-color: lighten($gray-200, 5%);
          color: $navbar-light-hover-color;
        }
      }
    }

    // Buttons =====================================================================

    .btn {
      &-primary {
        border-color: darken($primary, 5%);
      }

      &-secondary {
        border-color: darken($secondary, 5%);
      }

      &-success {
        border-color: darken($success, 5%);
      }

      &-info {
        border-color: darken($info, 5%);
        color: $white;
      }

      &-danger {
        border-color: darken($danger, 5%);
      }

      &-warning {
        border-color: darken($warning, 5%);
        color: $white;
      }

      &-light {
        border-color: darken($light, 5%);
      }

      &-dark {
        border-color: darken($dark, 5%);
      }
    }

    .btn-group {

      .dropdown-menu {
        border-top-width: 0;
      }

      .dropdown-toggle {

        &.btn-primary ~ .dropdown-menu {
          background-color: $primary;
          border-color: darken($primary, 5%);

          .dropdown-item {
            color: $white;
          }

          .dropdown-item:hover,
          .dropdown-item:focus {
            background-color: darken($primary, 8%);
          }
        }

        &.btn-secondary ~ .dropdown-menu {
          background-color: $secondary;
          border-color: darken($secondary, 5%);

          .dropdown-item {
            color: $white;
          }

          .dropdown-item:hover,
          .dropdown-item:focus {
            background-color: darken($secondary, 8%);
          }
        }

        &.btn-success ~ .dropdown-menu {
          background-color: $success;
          border-color: darken($success, 5%);

          .dropdown-item {
            color: $white;
          }

          .dropdown-item:hover,
          .dropdown-item:focus {
            background-color: darken($success, 8%);
          }
        }

        &.btn-info ~ .dropdown-menu {
          background-color: $info;
          border-color: darken($info, 5%);

          .dropdown-item {
            color: $white;
          }

          .dropdown-item:hover,
          .dropdown-item:focus {
            background-color: darken($info, 8%);
          }
        }

        &.btn-warning ~ .dropdown-menu {
          background-color: $warning;
          border-color: darken($warning, 5%);

          .dropdown-item {
            color: $white;
          }

          .dropdown-item:hover,
          .dropdown-item:focus {
            background-color: darken($warning, 8%);
          }
        }

        &.btn-danger ~ .dropdown-menu {
          background-color: $danger;
          border-color: darken($primary, 5%);

          .dropdown-item {
            color: $white;
          }

          .dropdown-item:hover,
          .dropdown-item:focus {
            background-color: darken($danger, 8%);
          }
        }
      }
    }

    // Typography ==================================================================

    .blockquote-footer {
      color: $gray-600;
    }

    // Tables ======================================================================

    table {
      font-size: $font-size-sm;
    }

    .table {

      &-success,
      &-info,
      &-warning,
      &-danger {
        color: #fff;
      }

      &-success {
        &, > th, > td {
          background-color: $success;
        }
      }

      &-info {
        &, > th, > td {
          background-color: $info;
        }
      }

      &-danger {
        &, > th, > td {
          background-color: $danger;
        }
      }

      &-warning {
        &, > th, > td {
          background-color: $warning;
        }
      }

      &-hover {

        .table-success:hover {
          &, > th, > td {
            background-color: darken($success, 5%);
          }
        }

        .table-info:hover {
          &, > th, > td {
            background-color: darken($info, 5%);
          }
        }

        .table-danger:hover {
          &, > th, > td {
            background-color: darken($danger, 5%);
          }
        }

        .table-warning:hover {
          &, > th, > td {
            background-color: darken($warning, 5%);
          }
        }

      }
    }

    // Forms =======================================================================

    label,
    .control-label,
    .help-block,
    .checkbox,
    .radio,
    .form-control-feedback {
      font-size: $font-size-sm;
    }

    // Navs ========================================================================

    .dropdown-item {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      font-size: $font-size-sm;
      font-weight: 300;
    }

    .nav-tabs {
      .nav-link,
      .nav-link.disabled,
      .nav-link.disabled:hover,
      .nav-link.disabled:focus {
        border-color: $nav-tabs-border-color;
        background-color: $gray-200;
      }

      .nav-link:hover,
      .nav-link:focus {
        background-color: lighten($gray-200, 5%);
      }
    }

    .nav-pills {
      .active {
        border: 1px solid darken($primary, 5%);
      }
    }

    .breadcrumb {
      border: 1px solid $dropdown-border-color;
      border-radius: 3px;
      font-size: $font-size-sm;
      font-weight: 300;
      text-transform: uppercase;
    }

    .pagination {
      font-weight: 300;

      .page-link {
        border-color: transparent;
        border-radius: 3px;
        margin-left: 0.1em;
        margin-right: 0.1em;

        &:hover,
        &:focus {
          text-decoration: none;
        }
      }

      .page-item.disabled {
        .page-link {
          border-color: transparent;
        }
      }
    }

    .list-group {
      font-size: $font-size-sm;
      font-weight: 300;
    }

    // Indicators ==================================================================

    .close {
      opacity: 0.6;
      text-shadow: none;

      &:hover,
      &:focus {
        opacity: 1;
      }
    }

    .alert {
      font-size: $font-size-sm;
      font-weight: 300;
      color: $white;

      &-success {
        &, > th, > td {
          background-color: $success;
        }
      }

      &-info {
        &, > th, > td {
          background-color: $info;
        }
      }

      &-danger {
        &, > th, > td {
          background-color: $danger;
        }
      }

      &-warning {
        &, > th, > td {
          background-color: $warning;
        }
      }

      .alert-link {
        font-weight: normal;
        color: #fff;
        text-decoration: underline;
      }
    }

    .badge {
      padding-bottom: .3em;

      &-warning,
      &-info {
        color: $white;
      }
    }

    // Progress bars ===============================================================

    .progress[value] {
      height: 22px;
      padding: 2px;
      background-color: #f6f6f6;
      border: 1px solid #ccc;
      @include box-shadow(none);
    }

    // Containers ==================================================================
cards_639:
  id: 1507
  name: Session
  key: session
  codename: session
  left_id: 
  right_id: 
  current_revision_id: 
  created_at: 2017-11-07 05:50:47.000000000 Z
  updated_at: 2017-11-07 05:50:47.000000000 Z
  creator_id: 1
  updater_id: 1
  read_rule_class: "*all"
  read_rule_id: 500
  references_expired: 
  trash: false
  type_id: 5
  db_content: "

{{+description|content}}

\r\n

 

\r\n

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

\r\n

 

\r\n

{{+*type+by name|content}}

" cards_640: id: 1508 name: Session+description key: session+description codename: left_id: 1507 right_id: 146 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |- Session cards are for non-permanent content. They are not stored in the database and can have different values for different users. You can use a Session card to keep track of certain state of a particular user like the content of shopping basket. cards_641: id: 1509 name: "*edit toolbar pinned" key: "*edit_toolbar_pinned" codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1507 db_content: '' cards_642: id: 1510 name: "*toolbar pinned" key: "*toolbar_pinned" codename: toolbar_pinned left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1507 db_content: '' cards_643: id: 1511 name: "*recent settings" key: "*recent_setting" codename: recent_settings left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:51:00.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: |- [[*read]] [[*follow]] [[*follow_fields]] [[*create]] [[*structure]] [[*default]] [[*update]] [[*script]] [[*help]] [[*style]] [[*options]] [[*input]] [[*delete]] cards_644: id: 1512 name: "*recent settings+*self" key: "*recent_setting+*self" codename: left_id: 1511 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_645: id: 1513 name: "*recent settings+*self+*options" key: "*recent_setting+*self+*option" codename: left_id: 1512 right_id: 86 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 30 db_content: '{"type":"setting"}' cards_646: id: 1514 name: "*recent settings+*self+*update" key: "*recent_setting+*self+*update" codename: left_id: 1512 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Anyone]]" cards_647: id: 1515 name: "*self**create" key: "*self**create" codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_648: id: 1516 name: "*recent settings+*self**create" key: "*recent_setting+*self**create" codename: left_id: 1511 right_id: 1515 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "[[Anyone]]" cards_649: id: 1517 name: "*self**read" key: "*self**read" codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_650: id: 1518 name: "*recent settings+*self**read" key: "*recent_setting+*self**read" codename: left_id: 1511 right_id: 1517 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: "[[Anyone]]" cards_651: id: 1520 name: "*debugger" key: "*debugger" codename: debugger left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1507 db_content: '' cards_652: id: 1521 name: "*debugger+*self" key: "*debugger+*self" codename: left_id: 1520 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_653: id: 1522 name: "*debugger+*self+*options" key: "*debugger+*self+*option" codename: left_id: 1521 right_id: 86 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[on]]" cards_654: id: 1523 name: "*debugger+*self+*input" key: "*debugger+*self+*input" codename: left_id: 1521 right_id: 241 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[checkbox]]" cards_655: id: 1524 name: "*debugger+*self+*help" key: "*debugger+*self+*help" codename: left_id: 1521 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: show more useful error pages cards_656: id: 1525 name: "*recaptcha settings" key: "*recaptcha_setting" codename: recaptcha_settings left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 1527 references_expired: trash: false type_id: 3 db_content: |- [[+public key]] [[+private key]] [[+proxy]] cards_657: id: 1526 name: "*recaptcha settings+*self" key: "*recaptcha_setting+*self" codename: left_id: 1525 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_658: id: 1527 name: "*recaptcha settings+*self+*read" key: "*recaptcha_setting+*self+*read" codename: left_id: 1526 right_id: 479 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_659: id: 1528 name: "*recaptcha settings+*self+*update" key: "*recaptcha_setting+*self+*update" codename: left_id: 1526 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_660: id: 1529 name: "*recaptcha settings+*self+*delete" key: "*recaptcha_setting+*self+*delete" codename: left_id: 1526 right_id: 481 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_661: id: 1530 name: public key key: public_key codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_662: id: 1531 name: "*recaptcha settings+public key" key: "*recaptcha_setting+public_key" codename: recaptcha_public_key left_id: 1525 right_id: 1530 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 52 db_content: '' cards_663: id: 1532 name: private key key: private_key codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_664: id: 1533 name: "*recaptcha settings+private key" key: "*recaptcha_setting+private_key" codename: recaptcha_private_key left_id: 1525 right_id: 1532 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 52 db_content: '' cards_665: id: 1534 name: proxy key: proxy codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_666: id: 1535 name: "*recaptcha settings+proxy" key: "*recaptcha_setting+proxy" codename: recaptcha_proxy left_id: 1525 right_id: 1534 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 52 db_content: '' cards_667: id: 1536 name: "*admin info" key: "*admin_info" codename: admin_info left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 1538 references_expired: trash: false type_id: 52 db_content: '' cards_668: id: 1537 name: "*admin info+*self" key: "*admin_info+*self" codename: left_id: 1536 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1538 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_669: id: 1538 name: "*admin info+*self+*read" key: "*admin_info+*self+*read" codename: left_id: 1537 right_id: 479 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1538 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_670: id: 1539 name: "*admin info+*self+*update" key: "*admin_info+*self+*update" codename: left_id: 1537 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1538 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_671: id: 1540 name: "*admin info+*self+*delete" key: "*admin_info+*self+*delete" codename: left_id: 1537 right_id: 481 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1538 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_672: id: 1541 name: "*google_analytics_key" key: "*google_analytic_key" codename: google_analytics_key left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 1543 references_expired: trash: false type_id: 52 db_content: '' cards_673: id: 1542 name: "*google_analytics_key+*self" key: "*google_analytic_key+*self" codename: left_id: 1541 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1543 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_674: id: 1543 name: "*google_analytics_key+*self+*read" key: "*google_analytic_key+*self+*read" codename: left_id: 1542 right_id: 479 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1543 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_675: id: 1544 name: "*google_analytics_key+*self+*update" key: "*google_analytic_key+*self+*update" codename: left_id: 1542 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1543 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_676: id: 1545 name: "*google_analytics_key+*self+*delete" key: "*google_analytic_key+*self+*delete" codename: left_id: 1542 right_id: 481 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1543 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_677: id: 1546 name: "*admin settings" key: "*admin_setting" codename: admin_settings left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*self" read_rule_id: 1548 references_expired: trash: false type_id: 47 db_content: |- [[*debugger]] [[*recaptcha settings]] cards_678: id: 1547 name: "*admin settings+*self" key: "*admin_setting+*self" codename: left_id: 1546 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1548 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_679: id: 1548 name: "*admin settings+*self+*read" key: "*admin_setting+*self+*read" codename: left_id: 1547 right_id: 479 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1548 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_680: id: 1549 name: "*admin settings+*self+*update" key: "*admin_setting+*self+*update" codename: left_id: 1547 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1548 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_681: id: 1550 name: "*admin settings+*self+*delete" key: "*admin_setting+*self+*delete" codename: left_id: 1547 right_id: 481 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1548 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_682: id: 1552 name: List key: list codename: list left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: "

{{+description|content}}

\r\n

 

\r\n

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

\r\n

 

\r\n

{{+*type+by name|content}}

" cards_683: id: 1553 name: Listed by key: listed_by codename: listed_by left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: "

{{+description|content}}

\r\n

 

\r\n

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

\r\n

 

\r\n

{{+*type+by name|content}}

" cards_684: id: 1554 name: "*cached count" key: "*cached_count" codename: cached_count left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_685: id: 1555 name: "*cached count+*right" key: "*cached_count+*right" codename: left_id: 1554 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_686: id: 1556 name: "*cached count+*right+*update" key: "*cached_count+*right+*update" codename: left_id: 1555 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_687: id: 1557 name: "*cached count+*right+*create" key: "*cached_count+*right+*create" codename: left_id: 1555 right_id: 478 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_688: id: 1558 name: "*cached count+*right+*delete" key: "*cached_count+*right+*delete" codename: left_id: 1555 right_id: 481 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_689: id: 1559 name: "*cached content" key: "*cached_content" codename: cached_content left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_690: id: 1560 name: "*cached content+*right" key: "*cached_content+*right" codename: left_id: 1559 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_691: id: 1561 name: "*cached content+*right+*update" key: "*cached_content+*right+*update" codename: left_id: 1560 right_id: 480 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_692: id: 1562 name: "*cached content+*right+*create" key: "*cached_content+*right+*create" codename: left_id: 1560 right_id: 478 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_693: id: 1563 name: "*cached content+*right+*delete" key: "*cached_content+*right+*delete" codename: left_id: 1560 right_id: 481 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_694: id: 1564 name: "*new file" key: "*new_file" codename: new_file left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 18 db_content: '' cards_695: id: 1565 name: "*new image" key: "*new_image" codename: new_image left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: '' cards_696: id: 1566 name: "*expiration" key: "*expiration" codename: expiration left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_697: id: 1567 name: "*machine cache" key: "*machine_cache" codename: machine_cache left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_698: id: 1568 name: 'script: mods' key: script_mod codename: script_mods left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_699: id: 1569 name: 'script: editors' key: script_editor codename: script_editors left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_700: id: 1570 name: "*trash" key: "*trash" codename: trash left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_701: id: 1571 name: "*recaptcha settings+*self+*structure" key: "*recaptcha_setting+*self+*structure" codename: left_id: 1526 right_id: 317 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1527 references_expired: trash: false type_id: 3 db_content: | {{+public key}} {{+private key}} {{+proxy}} cards_702: id: 1572 name: "*test context" key: "*test_context" codename: test_context left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_703: id: 1573 name: "*changed card" key: "*changed_card" codename: changed_card left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_704: id: 1574 name: "*test context+*right" key: "*test_context+*right" codename: left_id: 1572 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_705: id: 1575 name: "*test context+*right+*default" key: "*test_context+*right+*default" codename: left_id: 1574 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_706: id: 1576 name: verification email+*test context key: verification_email+*test_context codename: left_id: 1222 right_id: 1572 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Wagn Bot+*account]]" cards_707: id: 1577 name: password reset email+*test context key: password_reset_email+*test_context codename: left_id: 1226 right_id: 1572 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Wagn Bot+*account]]" cards_708: id: 1578 name: signup alert email+*test context key: signup_alert_email+*test_context codename: left_id: 1230 right_id: 1572 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[User]]" cards_709: id: 1579 name: follower notification email+*test context key: follower_notification_email+*test_context codename: left_id: 1234 right_id: 1572 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[*changed card]]" cards_710: id: 1580 name: Notification template key: notification_template codename: notification_template left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: "

{{+description|content}}

\r\n

 

\r\n

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

\r\n

 

\r\n

{{+*type+by name|content}}

" cards_711: id: 1581 name: "*message" key: "*message" codename: message left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_712: id: 1582 name: "*message+*right" key: "*message+*right" codename: left_id: 1581 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_713: id: 1583 name: "*message+*right+*default" key: "*message+*right+*default" codename: left_id: 1582 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 52 db_content: '' cards_714: id: 1584 name: "*disappear" key: "*disappear" codename: disappear left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_715: id: 1585 name: "*disappear+*right" key: "*disappear+*right" codename: left_id: 1584 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_716: id: 1586 name: "*disappear+*right+*default" key: "*disappear+*right+*default" codename: left_id: 1585 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 51 db_content: '' cards_717: id: 1587 name: "*contextual class" key: "*contextual_class" codename: contextual_class left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_718: id: 1588 name: "*contextual class+*right" key: "*contextual_class+*right" codename: left_id: 1587 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_719: id: 1589 name: "*contextual class+*right+*default" key: "*contextual_class+*right+*default" codename: left_id: 1588 right_id: 318 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: '' cards_720: id: 1590 name: "*contextual class+*right+*input" key: "*contextual_class+*right+*input" codename: left_id: 1588 right_id: 241 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[radio]]" cards_721: id: 1591 name: "*contextual class+*right+*options" key: "*contextual_class+*right+*option" codename: left_id: 1588 right_id: 86 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: |- [[success]] [[info]] [[warning]] [[danger]] cards_722: id: 1592 name: "*activity toolbar button" key: "*activity_toolbar_button" codename: activity_toolbar_button left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_723: id: 1593 name: "*rules toolbar button" key: "*rule_toolbar_button" codename: rules_toolbar_button left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_724: id: 1594 name: Anyone With Role key: anyone_with_role codename: anyone_with_role left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 7 db_content: |-

{{+description}}

 

Accounts with the {{_self|name}} role

{{+*members}}

cards_725: id: 1595 name: "*csv structure" key: "*csv_structure" codename: csv_structure left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 278 db_content: '' cards_726: id: 1596 name: Full Width Layout key: full_width_layout codename: left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 569 db_content: | {{*head|core}}
{{*header|core}}
{{_main|open}}
{{*footer|core}}
cards_727: id: 1597 name: 'script: pointer config' key: script_pointer_config codename: script_pointer_config left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1033 db_content: '' cards_728: id: 1599 name: "*Ace" key: "*ace" codename: ace left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: | { "default": { "showGutter": true, "theme": "ace/theme/github", "printMargin": false, "tabSize": 2, "useSoftTabs": true, "maxLines": 30 } } cards_729: id: 1600 name: "*Ace+*self" key: "*ace+*self" codename: left_id: 1599 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_730: id: 1601 name: "*Ace+*self+*help" key: "*ace+*self+*help" codename: left_id: 1600 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Configure [[https://ace.c9.io|ace]], Wagn's default code editor. [[http://wagn.org/ace|more]] cards_731: id: 1602 name: 'script: ace config' key: script_ace_config codename: script_ace_config left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1033 db_content: '' cards_732: id: 1604 name: "*ProseMirror" key: "*prose_mirror" codename: prose_mirror left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 22 db_content: | { "menuBar": true, "tooltipMenu": false } cards_733: id: 1605 name: "*ProseMirror+*self" key: "*prose_mirror+*self" codename: left_id: 1604 right_id: 264 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"name":"_left"}' cards_734: id: 1606 name: "*ProseMirror+*self+*help" key: "*prose_mirror+*self+*help" codename: left_id: 1605 right_id: 82 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: Configure [[http://prosemirror.net|ProseMirror]], Wagn's default [[http://en.wikipedia.org/wiki/Wysiwyg|wysiwyg]] editor. [[http://wagn.org/ProseMirror|more]] cards_735: id: 1607 name: 'script: prosemirror' key: script_prosemirror codename: script_prosemirror left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_736: id: 1609 name: 'script: prosemirror config' key: script_prosemirror_config codename: script_prosemirror_config left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1033 db_content: '' cards_737: id: 1611 name: 'script: tinymce config' key: script_tinymce_config codename: script_tinymce_config left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1033 db_content: '' cards_738: id: 1613 name: "*solid cache" key: "*solid_cache" codename: solid_cache left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_739: id: 1614 name: "*solid cache+*right" key: "*solid_cache+*right" codename: left_id: 1613 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_740: id: 1615 name: "*solid cache+*right+*read" key: "*solid_cache+*right+*read" codename: left_id: 1614 right_id: 479 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: _left cards_741: id: 1616 name: "*debug" key: "*debug" codename: debug left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_742: id: 1617 name: "*debug+*right" key: "*debug+*right" codename: left_id: 1616 right_id: 260 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"right":"_left"}' cards_743: id: 1618 name: "*debug+*right+*read" key: "*debug+*right+*read" codename: left_id: 1617 right_id: 479 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 47 db_content: "[[Administrator]]" cards_744: id: 1619 name: Twitter template key: twitter_template codename: twitter_template left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 5 db_content: "

{{+description|content}}

\r\n

 

\r\n

[[/new/{{_self|linkname}}|add {{_self|name}} card]]

\r\n

 

\r\n

{{+*type+by name|content}}

" cards_745: id: 1620 name: "*consumer key" key: "*consumer_key" codename: '{"codename"=>"consumer_key", "default"=>{"type_id"=>52}, "read"=>"Administrator"}' left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_746: id: 1621 name: "*consumer secret" key: "*consumer_secret" codename: '{"codename"=>"consumer_secret", "default"=>{"type_id"=>52}, "read"=>"Administrator"}' left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_747: id: 1622 name: "*access token" key: "*access_token" codename: '{"codename"=>"access_token", "default"=>{"type_id"=>52}, "read"=>"Administrator"}' left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_748: id: 1623 name: "*access secret" key: "*access_secret" codename: '{"codename"=>"access_secret", "default"=>{"type_id"=>52}, "read"=>"Administrator"}' left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_749: id: 1624 name: Twitter template+*type key: twitter_template+*type codename: left_id: 1619 right_id: 266 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 259 db_content: '{"type":"_left"}' cards_750: id: 1625 name: Twitter template+*type+*structure key: twitter_template+*type+*structure codename: left_id: 1624 right_id: 317 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: |- {{+*message}} {{+*consumer key}} {{+*consumer secret}} {{+*access token}} {{+*access secret}} cards_751: id: 1626 name: litera skin key: litera_skin codename: litera_skin left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_752: id: 1627 name: litera skin+variables key: litera_skin+variable codename: left_id: 1626 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Litera 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #ddd; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $blue: #4582EC; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #d9534f; $orange: #fd7e14 !default; $yellow: #f0ad4e; $green: #02B875; $teal: #20c997 !default; $cyan: #17a2b8 !default; $primary: $blue !default; $secondary: $gray-500; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default; // Body $body-color: $gray-800; // Fonts $font-size-base: 1.063rem; $headings-font-weight: 700; // Tables $table-border-color: rgba(0,0,0,0.1); // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: 0.5rem; $input-btn-padding-x: 1.1rem; // Forms $input-border-color: rgba(0,0,0,.1); $input-group-addon-bg: $gray-200 !default; // Navbar $navbar-dark-color: rgba($white,.6); $navbar-dark-hover-color: $white; $navbar-light-hover-color: $body-color; $navbar-light-active-color: $body-color; // Badges $badge-font-weight: normal; $badge-padding-y: 0.6em; $badge-padding-x: 1.2em; cards_753: id: 1629 name: litera skin+style key: litera_skin+style codename: left_id: 1626 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Litera 4.0.0 // Bootswatch // Variables =================================================================== $web-font-path: "https://fonts.googleapis.com/css?family=Raleway:400,700" !default; @import url($web-font-path); $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default; // Navbar ====================================================================== .navbar { font-size: 14px; } .bg-dark { background-color: $success !important; } .bg-light { background-color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.1); &.navbar-fixed-top { border-width: 0 0 1px 0; } &.navbar-fixed-bottom { border-width: 1px 0 0 0; } } // Buttons ===================================================================== .btn { border-radius: 17.25px; font-family: $font-family-sans-serif; font-size: 14px; &-lg { border-radius: 43px; } &-sm { border-radius: 13.5px; font-size: 11px; } &-secondary, &-secondary:hover, &-warning, &-warning:hover { color: $white; } } // Typography ================================================================== p { font-family: $font-family-serif; } blockquote { font-style: italic; } footer { font-size: 14px; } .lead { color: $gray-600; font-family: $font-family-sans-serif; } // Tables ====================================================================== table, .table { font-size: 14px; &-success, &-info, &-warning, &-danger { color: #fff; } } .table { &-success { &, > th, > td { background-color: $success; } } &-info { &, > th, > td { background-color: $info; } } &-danger { &, > th, > td { background-color: $danger; } } &-warning { &, > th, > td { background-color: $warning; } } &-hover { .table-success:hover { &, > th, > td { background-color: darken($success, 5%); } } .table-info:hover { &, > th, > td { background-color: darken($info, 5%); } } .table-danger:hover { &, > th, > td { background-color: darken($danger, 5%); } } .table-warning:hover { &, > th, > td { background-color: darken($warning, 5%); } } } } // Forms ======================================================================= // Navs ======================================================================== .nav, .breadcrumb, .pagination { font-size: 14px; } .dropdown-menu { font-size: 14px; } // Indicators ================================================================== .alert { border: none; color: $white; font-size: 14px; &, p { font-family: $font-family-sans-serif; } a, .alert-link { color: #fff; font-weight: normal; text-decoration: underline; } &-primary { background-color: $primary; } &-success { background-color: $success; } &-danger { background-color: $danger; } &-warning { background-color: $warning; } &-info { background-color: $info; } &-dark { background-color: $dark; } } .badge { vertical-align: bottom; &-secondary, &-warning { color: $white; } } .tooltip { font-size: 11px; } // Progress bars =============================================================== // Containers ================================================================== .list-group { font-size: 14px; } cards_754: id: 1631 name: litera skin+Image key: litera_skin+image codename: litera_skin_image left_id: 1626 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":litera_skin_image/bootstrap.png" cards_755: id: 1633 name: lux skin key: lux_skin codename: lux_skin left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_756: id: 1634 name: lux skin+variables key: lux_skin+variable codename: left_id: 1633 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Lux 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #f7f7f9; $gray-300: #eceeef; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #919aa1; $gray-700: #55595c; $gray-800: #343a40 !default; $gray-900: #1a1a1a; $black: #000 !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #d9534f; $orange: #fd7e14 !default; $yellow: #f0ad4e; $green: #4BBF73; $teal: #20c997 !default; $cyan: #1F9BCF; $primary: $gray-900; $secondary: $white; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $white; $dark: $gray-800 !default; // Body $body-color: $gray-600; // Components $border-radius: 0; $border-radius-lg: 0; $border-radius-sm: 0; // Fonts $font-family-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $font-size-base: 0.875rem; $h1-font-size: 2rem; $h2-font-size: 1.75rem; $h3-font-size: 1.5rem; $h4-font-size: 1.25rem; $h5-font-size: 1rem; $h6-font-size: 0.75rem; $headings-font-weight: 600; $headings-color: $gray-900; // Tables $table-border-color: rgba(0, 0, 0, 0.05); // Buttons $input-btn-padding-y: 0.75rem; $input-btn-padding-x: 2rem; $input-btn-padding-y-sm: .5rem; $input-btn-padding-x-sm: 1rem; $input-btn-padding-y-lg: 2rem; $input-btn-padding-x-lg: 3rem; $btn-font-weight: 600; // Forms $input-bg: $gray-200; $input-disabled-bg: $gray-300; $input-group-addon-bg: $gray-300; // Navbar $navbar-padding-y: 1.5rem; $navbar-dark-hover-color: $white; $navbar-light-color: rgba($black,.3); $navbar-light-hover-color: $gray-900; $navbar-light-active-color: $gray-900; // Pagination $pagination-border-color: transparent; $pagination-hover-border-color: $pagination-border-color; $pagination-disabled-border-color: $pagination-border-color; // Breadcrumbs $breadcrumb-bg: transparent; cards_757: id: 1636 name: lux skin+style key: lux_skin+style codename: left_id: 1633 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Lux 4.0.0 // Bootswatch // Variables =================================================================== $web-font-path: "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600" !default; @import url($web-font-path); // Navbar ====================================================================== .navbar { font-size: $font-size-sm; text-transform: uppercase; font-weight: 600; &-nav { .nav-link { padding-top: .715rem; padding-bottom: .715rem; } .nav-item + .nav-item { margin-left: 3rem; } } &-brand { margin-right: 3rem; } } .bg-primary { background-color: $gray-900 !important; } .bg-light { border: 1px solid rgba(0, 0, 0, 0.1); &.navbar-fixed-top { border-width: 0 0 1px 0; } &.navbar-bottom-top { border-width: 1px 0 0 0; } } // Buttons ===================================================================== .btn { font-size: $font-size-sm; text-transform: uppercase; &-sm { font-size: 10px; } } .btn-outline-secondary { border-color: $gray-600; color: $gray-600; &:hover { background-color: $gray-600; } } [class*="btn-outline-"] { border-width: 2px; } // Typography ================================================================== body { font-weight: 200; letter-spacing: 1px; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; letter-spacing: 3px; } // Tables ====================================================================== th { font-size: $font-size-sm; text-transform: uppercase; } .table { th, td { padding: 1.5rem; } } // Forms ======================================================================= // Navs ======================================================================== .dropdown-menu { font-size: $font-size-sm; text-transform: none; } // Indicators ================================================================== // Progress bars =============================================================== // Containers ================================================================== cards_758: id: 1638 name: lux skin+Image key: lux_skin+image codename: lux_skin_image left_id: 1633 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":lux_skin_image/bootstrap.png" cards_759: id: 1640 name: materia skin key: materium_skin codename: materia_skin left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_760: id: 1641 name: materia skin+variables key: materium_skin+variable codename: left_id: 1640 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Materia 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #eee; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #bbb; $gray-600: #666; $gray-700: #444; $gray-800: #222; $gray-900: #212121; $black: #000 !default; $blue: #2196F3; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #e51c23; $orange: #fd7e14 !default; $yellow: #ff9800; $green: #4CAF50; $teal: #20c997 !default; $cyan: #9C27B0; $primary: $blue !default; $secondary: $white; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $white; $dark: $gray-800 !default; // Spacing $spacer: 1rem !default; // Body $body-color: $gray-700; // Fonts $font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; $font-size-base: 0.8125rem; $font-weight-base: 400; // Buttons $input-btn-padding-y: 1rem; $input-btn-padding-x: 1rem; // Forms $input-bg: transparent; $input-disabled-bg: transparent; $input-color: $gray-600; $input-border-color: transparent; $input-border-radius: 0; $input-border-radius-lg: 0; $input-border-radius-sm: 0; $input-placeholder-color: rgba(0,0,0,0.4); $input-group-addon-bg: transparent; // Navs $nav-link-disabled-color: $gray-500; $nav-tabs-border-color: transparent; // Navbar $navbar-padding-y: $spacer; $navbar-dark-color: rgba($white,.75); $navbar-dark-hover-color: $white; // Progress bars $progress-height: 6px; $progress-border-radius: 0; // Close $close-font-size: 34px; $close-font-weight: 300; cards_761: id: 1643 name: materia skin+style key: materium_skin+style codename: left_id: 1640 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Materia 4.0.0 // Bootswatch // Variables =================================================================== $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" !default; @import url($web-font-path); // Effects ===================================================================== @mixin ripple($color){ position: relative; &:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin-left: 0; @include gradient-radial($color 10%, transparent 10.01%); background-size: 1000% 1000%; background-position: 50%; border: none; opacity: 0; pointer-events: none; transition: background .5s, opacity 1s; } &:active:after { background-size: 0 0; opacity: .2; transition: 0s; } &.disabled, &[disabled] { &:after { display: none; } } } // Navbar ====================================================================== .navbar { border: none; box-shadow: 0 1px 2px rgba(0,0,0,.3); &-brand { font-size: 24px; } &-nav .nav-link { padding-top: 0.9rem; padding-bottom: 0.9rem; } &.bg-dark, &.bg-primary { input[type=text], input[type=password] { color: #fff; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5); &:focus { box-shadow: inset 0 -2px 0 #fff; } &::placeholder { color: rgba(255, 255, 255, 0.5); } } } } // Buttons ===================================================================== @mixin btn($class,$bg,$color){ .btn-#{$class} { &:focus { background-color: $bg; box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } &:hover, &:active:hover { background-color: darken($bg, 6%); } &:active { box-shadow: 2px 2px 4px rgba(0,0,0,.4); } @include ripple($color); } .btn-outline-#{$class} { @include ripple($color); } } @include btn(primary,$primary,$white); @include btn(secondary,$secondary,$gray-500); @include btn(success,$success,$white); @include btn(info,$info,$white); @include btn(warning,$warning,$white); @include btn(danger,$danger,$white); @include btn(dark,$dark,$white); @include btn(light,$light,$white); .btn { text-transform: uppercase; border: none; box-shadow: 1px 1px 4px rgba(0,0,0,.4); transition: all 0.4s; &-link { box-shadow: none; color: $link-color; &:hover, &:focus { box-shadow: none; color: $link-hover-color; text-decoration: $link-hover-decoration; } &.disabled, // Although btn-link is intended for buttons, which want to look like link, I include here a.disable for the sake of consistency &[disabled], fieldset[disabled] & { &:hover, &:active:hover { color: $btn-link-disabled-color; text-decoration: none; } } } &-secondary { &.disabled, &[disabled], fieldset[disabled] & { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); opacity: 1; &:hover, &:focus { background-color: rgba(0, 0, 0, 0.1); } } } &-outline-secondary { border-color: $gray-200; color: $gray-300; } &-warning { color: $white; } &.dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } } .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: 0; } &-vertical { > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: 0; } } } // Typography ================================================================== body, input, button { -webkit-font-smoothing: antialiased; letter-spacing: .1px; } p { margin: 0 0 1em; } a { transition: all 0.2s; } // Tables ====================================================================== .table-hover { > tbody > tr, > tbody > tr > th, > tbody > tr > td { transition: all 0.2s; } } .thead-inverse th { background-color: $primary; color: $white; } // Forms ======================================================================= .col-form-label { font-size: 16px; &-sm { font-size: $font-size-sm; } &-lg { font-size: $font-size-lg; } } textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control { padding: 0; border: none; appearance: none; box-shadow: inset 0 -1px 0 #ddd; font-size: 16px; transition: all 0.2s; &:focus { box-shadow: inset 0 -2px 0 $primary; } &[disabled], &[readonly] { box-shadow: none; border-bottom: 1px dotted #ddd; } &:not(textarea) { height: $input-height; } &.form-control { &-sm { height: $input-height-sm; font-size: $font-size-sm; } &-lg { height: $input-height-lg; font-size: $font-size-lg; } } &::-ms-clear { display: none; } } select, select.form-control { border: 0; border-radius: 0; appearance: none; padding-left: 0; padding-right: 0\9; // remove padding for < ie9 since default arrow can't be removed background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); background-size: 13px; background-repeat: no-repeat; background-position: right center; box-shadow: inset 0 -1px 0 #ddd; font-size: 16px; line-height: 1.5; &::-ms-expand { display: none; } &.input { &-sm { font-size: $font-size-sm; } &-lg { font-size: $font-size-lg; } } &:focus { box-shadow: inset 0 -2px 0 $primary; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); } &[multiple] { background: none; } } .radio, .radio-inline, .checkbox, .checkbox-inline { label { padding-left: 25px; } input[type="radio"], input[type="checkbox"] { margin-left: -25px; } } input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: relative; margin-right: 4px; vertical-align: top; border: none; background-color: transparent; appearance: none; cursor: pointer; &:focus { outline: none; } &:before, &:after { content: ""; display: block; width: 18px; height: 18px; border-radius: 50%; transition: 240ms; } &:before { position: absolute; left: 0; top: 2px; background-color: $primary; transform: scale(0); } &:after { position: relative; top: -2px; border: 2px solid $gray-500; } &:checked:before { transform: scale(0.5); } &:disabled:checked:before { background-color: $gray-300; } &:checked:after { border-color: $primary; } &:disabled:after, &:disabled:checked:after { border-color: $gray-300; } } input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; border: none; margin-bottom: -4px; appearance: none; cursor: pointer; &:focus { outline: none; } &:focus:after { border-color: $primary; } &:after { content: ""; display: block; width: 18px; height: 18px; margin-right: 5px; border: 2px solid $gray-500; border-radius: 2px; transition: 240ms; } &:checked:before { content: ""; position: absolute; top: 5px; left: 6px; display: table; width: 6px; height: 12px; border: 2px solid #fff; border-top-width: 0; border-left-width: 0; transform: rotate(45deg); } &:checked:after { background-color: $primary; border-color: $primary; } &:disabled:after { border-color: $gray-300; } &:disabled:checked:after { background-color: $gray-300; border-color: transparent; } } .has-warning { input:not([type=checkbox]), .form-control, input.form-control[readonly], input[type=text][readonly], [type=text].form-control[readonly], input:not([type=checkbox]):focus, .form-control:focus { border-bottom: none; box-shadow: inset 0 -2px 0 $warning; } } .has-danger { input:not([type=checkbox]), .form-control, input.form-control[readonly], input[type=text][readonly], [type=text].form-control[readonly], input:not([type=checkbox]):focus, .form-control:focus { border-bottom: none; box-shadow: inset 0 -2px 0 $danger; } } .has-success { input:not([type=checkbox]), .form-control, input.form-control[readonly], input[type=text][readonly], [type=text].form-control[readonly], input:not([type=checkbox]):focus, .form-control:focus { border-bottom: none; box-shadow: inset 0 -2px 0 $success; } } // Remove the Bootstrap feedback styles for input addons .input-group-addon { .has-warning &, .has-danger &, .has-success & { color: $input-color; border-color: $input-group-addon-border-color; background-color: $input-group-addon-bg; } } .form-group-lg { select, select.form-control { line-height: 1.5; } } // Navs ======================================================================== .nav-tabs { .nav-item + .nav-item { margin-left: 0; } .nav-link, .nav-link:focus { margin-right: 0; background-color: transparent; border: none; color: $body-color; box-shadow: inset 0 -1px 0 #ddd; transition: all 0.2s; &:hover { background-color: transparent; box-shadow: inset 0 -2px 0 $primary; color: $primary; } } .nav-link.active, .nav-link.active:focus { border: none; box-shadow: inset 0 -2px 0 $primary; color: $primary; &:hover { border: none; color: $primary; } } .nav-link.disabled { box-shadow: inset 0 -1px 0 #ddd; } &.nav-justified { .nav-link, .nav-link:hover, .nav-link:focus, .nav-link.active, .nav-link.active:hover, .nav-link.active:focus { border: none; } } .dropdown-menu { margin-top: 0; } } .dropdown-menu { margin-top: 0; border: none; box-shadow: 0 1px 4px rgba(0,0,0,.3); } // Indicators ================================================================== .alert { padding-right: 2.5rem; &, h1, h2, h3, h4, h5, h6 { color: #fff; } &-primary { background-color: $primary; } &-success { background-color: $success; } &-danger { background-color: $danger; } &-warning { background-color: $warning; } &-info { background-color: $info; } &-dark { background-color: $dark; } a:not(.close):not(.btn), .alert-link { color: #fff; font-weight: bold; } .close { color: #fff; } } .badge { &-secondary { background-color: $gray-500; color: $white; } &-light { background-color: $gray-200; } } .tag { padding: 4px 6px 4px; } // Progress bars =============================================================== // Containers ================================================================== .close { line-height: 0.5; opacity: 0.6; transition: all 0.2s; &:hover { opacity: 1; } } .alert-dismissible { .close { padding: 0.5rem 0.75rem; } } .list-group { &-item-action.active { h1, h2, h3, h4, h5, h6 { color: $white; } } } .popover { border: none; box-shadow: 0 1px 4px rgba(0,0,0,.3); } .carousel { &-caption { h1, h2, h3, h4, h5, h6 { color: inherit; } } } cards_762: id: 1645 name: materia skin+Image key: materium_skin+image codename: materia_skin_image left_id: 1640 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":materia_skin_image/bootstrap.png" cards_763: id: 1647 name: minty skin key: minty_skin codename: minty_skin left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_764: id: 1648 name: minty skin+variables key: minty_skin+variable codename: left_id: 1647 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Minty 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #f7f7f9; $gray-300: #eceeef; $gray-400: #ced4da !default; $gray-500: #aaa; $gray-600: #888; $gray-700: #5a5a5a; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #FF7851; $orange: #fd7e14 !default; $yellow: #FFCE67; $green: #56CC9D; $teal: #20c997 !default; $cyan: #6CC3D5; $primary: #78C2AD; $secondary: #F3969A; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default; // Body $body-color: $gray-600; // Components $border-radius: .4rem; $border-radius-lg: .6rem; $border-radius-sm: .3rem; // Fonts $headings-font-family: "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; $headings-color: $gray-700; // Tables $table-border-color: rgba(0,0,0,0.05); // Dropdowns $dropdown-link-hover-color: $white; $dropdown-link-hover-bg: $secondary; // Navbar $navbar-dark-color: rgba($white,.6); $navbar-dark-hover-color: $white; $navbar-light-color: rgba($black,.3); $navbar-light-hover-color: $gray-700; $navbar-light-active-color: $gray-700; $navbar-light-disabled-color: rgba($black,.1); // Pagination $pagination-color: $white; $pagination-bg: $primary; $pagination-border-color: $primary; $pagination-hover-color: $white; $pagination-hover-bg: $secondary; $pagination-hover-border-color: $pagination-hover-bg; $pagination-active-bg: $secondary; $pagination-active-border-color: $pagination-active-bg; $pagination-disabled-color: $white; $pagination-disabled-bg: #CCE8E0; $pagination-disabled-border-color: $pagination-disabled-bg; // Breadcrumbs $breadcrumb-bg: $primary; $breadcrumb-divider-color: $white; $breadcrumb-active-color: $breadcrumb-divider-color; cards_765: id: 1650 name: minty skin+style key: minty_skin+style codename: left_id: 1647 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Minty 4.0.0 // Bootswatch // Variables =================================================================== $web-font-path: "https://fonts.googleapis.com/css?family=Montserrat" !default; @import url($web-font-path); // Navbar ====================================================================== .navbar { font-family: $headings-font-family; } .bg-dark { background-color: $secondary !important; } .border-dark { border-color: $secondary !important; } // Buttons ===================================================================== .btn { font-family: $headings-font-family; &, &:hover { color: $white; } &-link, &-link:hover { color: $primary; } &-link.disabled:hover { color: $gray-600; } &-outline-primary { color: $primary; } &-outline-secondary { color: $secondary; } &-outline-success { color: $success; } &-outline-info { color: $info; } &-outline-warning { color: $warning; } &-outline-danger { color: $danger; } &-outline-dark { color: $dark; } &-outline-light { color: $light; } } // Typography ================================================================== // Tables ====================================================================== .table { &-success, &-info, &-warning, &-danger { color: #fff; } &-success { &, > th, > td { background-color: $success; } } &-info { &, > th, > td { background-color: $info; } } &-danger { &, > th, > td { background-color: $danger; } } &-warning { &, > th, > td { background-color: $warning; } } &-hover { .table-success:hover { &, > th, > td { background-color: darken($success, 5%); } } .table-info:hover { &, > th, > td { background-color: darken($info, 5%); } } .table-danger:hover { &, > th, > td { background-color: darken($danger, 5%); } } .table-warning:hover { &, > th, > td { background-color: darken($warning, 5%); } } } .thead-dark th { background-color: $primary; border-color: $table-border-color; font-family: $headings-font-family; } } // Forms ======================================================================= legend { font-family: $headings-font-family; } // Navs ======================================================================== .dropdown-menu { font-family: $font-family-sans-serif; } .breadcrumb { a { color: $navbar-dark-color; } a:hover { color: $white; text-decoration: none; } } .pagination { .page-link:hover { text-decoration: none; } } // Indicators ================================================================== .alert { color: $white; h1, h2, h3, h4, h5, h6 { color: inherit; } a, .alert-link { color: $white; } &-success { &, > th, > td { background-color: $success; } } &-info { &, > th, > td { background-color: $info; } } &-danger { &, > th, > td { background-color: $danger; } } &-warning { &, > th, > td { background-color: $warning; } } } .badge { color: $white; &-light { color: $gray-700; } } // Progress bars =============================================================== // Containers ================================================================== .list-group-item { h1, h2, h3, h4, h5, h6 { color: inherit; } } cards_766: id: 1652 name: minty skin+Image key: minty_skin+image codename: minty_skin_image left_id: 1647 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":minty_skin_image/bootstrap.png" cards_767: id: 1654 name: pulse skin key: pulse_skin codename: pulse_skin left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_768: id: 1655 name: pulse skin+variables key: pulse_skin+variable codename: left_id: 1654 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Pulse 4.0.0 // Bootswatch // // Color system // $white: #fff !default; $gray-100: #fafafa; $gray-200: #F9F8FC; $gray-300: #EDEDED; $gray-400: #cbc8d0; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #444; $gray-800: #343a40 !default; $gray-900: #17141F; $black: #000 !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #593196; $pink: #e83e8c !default; $red: #FC3939; $orange: #fd7e14 !default; $yellow: #EFA31D; $green: #13B955; $teal: #20c997 !default; $cyan: #009CDC; $primary: $purple; $secondary: #A991D4; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-200; $dark: $gray-900; // Body $body-color: $gray-700; // Links $link-hover-color: $primary; // Components $border-radius: 0; $border-radius-lg: 0; $border-radius-sm: 0; // Fonts $font-size-base: 0.875rem; // Tables $table-border-color: rgba(0, 0, 0, 0.05); // Forms $input-focus-border-color: $primary; // Dropdowns $dropdown-link-color: $gray-700; $dropdown-link-hover-color: $white; $dropdown-link-hover-bg: $primary; // Navs $nav-tabs-border-color: $gray-300; $nav-tabs-link-hover-border-color: $primary; // Navbar $navbar-padding-y: 1.2rem; $navbar-dark-hover-color: rgba($white,.9); $navbar-dark-active-color: rgba($white,.9); $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-light-color: rgba($black,.4); $navbar-light-active-color: rgba($black,.7); $navbar-light-disabled-color: rgba($black,.2); // Progress bars $progress-bg: $gray-300; $progress-bar-bg: $primary; // List group $list-group-bg: $gray-900; $list-group-border-color: transparent; $list-group-hover-bg: lighten($list-group-bg, 10%); $list-group-active-color: $white; $list-group-active-bg: $list-group-bg; $list-group-disabled-color: lighten($list-group-bg, 30%); cards_769: id: 1657 name: pulse skin+style key: pulse_skin+style codename: left_id: 1654 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Pulse 4.0.0 // Bootswatch // Variables =================================================================== // Navbar ====================================================================== .bg-dark { // background-color: $gray-900 !important; } // Buttons ===================================================================== .btn { &:focus, &:active, &:active:focus, &.active:focus { outline: none; } &-secondary { background-color: $white; border-color: #ccc; color: $gray-900; &:hover { background-color: $gray-300; border-color: $gray-500; color: $gray-900; } &.disabled { background-color: $white; border-color: lighten(#ccc, 5%); color: lighten($gray-900, 5%); } } &-warning { color: $white; } &-primary:focus { box-shadow: 0 0 5px lighten($primary, 10%); } &-secondary:focus { box-shadow: 0 0 5px $gray-400; } &-success:focus { box-shadow: 0 0 5px lighten($success, 10%); } &-info:focus { box-shadow: 0 0 5px lighten($info, 10%); } &-warning:focus { box-shadow: 0 0 5px lighten($warning, 10%); } &-danger:focus { box-shadow: 0 0 5px lighten($danger, 10%); } &.disabled:focus { box-shadow: none; } } // Typography ================================================================== // Tables ====================================================================== .table .thead-dark th { background-color: $secondary; border-color: $table-border-color; } // Forms ======================================================================= .form-control:focus { box-shadow: 0 0 5px rgba(100,65,164,.4); } // Navs ======================================================================== .nav-tabs { .nav-link, .nav-link.active, { border-width: 0 0 1px 0; } .nav-link:hover, .nav-link.active, .nav-link.active:hover, .nav-link.active:focus { border-bottom: 1px solid $primary; } .nav-item + .nav-item { margin-left: 0; } } .breadcrumb { &-item.active { color: $gray-700; } } // Indicators ================================================================== .badge { padding-bottom: 0.4em; &-secondary, &-warning { color: $white; } } // Progress bars =============================================================== .progress { height: 8px; } // Containers ================================================================== .list-group { &-item { color: rgba(255, 255, 255, 0.8); &.active, &:hover, &:focus { color: #fff; } &.active { font-weight: bold; &:hover { background-color: $list-group-hover-bg; } } &.disabled:hover { color: $list-group-disabled-color; } } } cards_770: id: 1659 name: pulse skin+Image key: pulse_skin+image codename: pulse_skin_image left_id: 1654 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":pulse_skin_image/bootstrap.png" cards_771: id: 1661 name: solar skin key: solar_skin codename: solar_skin left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 944 db_content: |- [[themeless bootstrap skin]] [[+bootswatch theme]] cards_772: id: 1662 name: solar skin+variables key: solar_skin+variable codename: left_id: 1661 right_id: 1438 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Bootstrap functions // // Utility mixins and functions for evalutating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Starts at zero // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } // Color contrast @mixin color-yiq($color) { $r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { color: #111; } @else { color: #fff; } } // Retreive color Sass maps @function color($key: "blue") { @return map-get($colors, $key); } @function theme-color($key: "primary") { @return map-get($theme-colors, $key); } @function grayscale($key: "100") { @return map-get($grays, $key); } // Request a theme color level @function theme-color-level($color-name: "primary", $level: 0) { $color: theme-color($color-name); $color-base: if($level > 0, #000, #fff); @if $level < 0 { // Lighter values need a quick double negative for the Sass math to work @return mix($color-base, $color, $level * -1 * $theme-color-interval); } @else { @return mix($color-base, $color, $level * $theme-color-interval); } } // Variables // // Copy settings from this file into the provided `_custom.scss` to override // the Bootstrap defaults without modifying key, versioned files. // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Table of Contents // // Color system // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navs // Navbar // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code // // Color system // $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ) !default; $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: ( blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600, gray-dark: $gray-800 ) !default; $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default; // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ) !default; // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: 2.5rem !default; $h2-font-size: 2rem !default; $h3-font-size: 1.75rem !default; $h4-font-size: 1.5rem !default; $h5-font-size: 1.25rem !default; $h6-font-size: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; $mark-bg: #fcf8e3 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; $table-accent-bg: rgba($black,.05) !default; $table-hover-bg: rgba($black,.075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $gray-200 !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-inverse-bg: $gray-900 !default; $table-inverse-accent-bg: rgba($white, .05) !default; $table-inverse-hover-bg: rgba($white, .075) !default; $table-inverse-border-color: lighten($gray-900, 7.5%) !default; $table-inverse-color: $body-bg !default; // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $input-btn-padding-y: .5rem !default; $input-btn-padding-x: .75rem !default; $input-btn-line-height: 1.25 !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-line-height-sm: 1.5 !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: 1.5 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .15s ease-in-out !default; // Forms $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten(theme-color("primary"), 25%) !default; $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default; $input-focus-color: $input-color !default; $input-placeholder-color: $gray-600 !default; $input-height-border: $input-btn-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $white !default; $custom-control-indicator-checked-bg: theme-color("primary") !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default; $custom-control-indicator-active-color: $white !default; $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-y: .375rem !default; $custom-select-padding-x: .75rem !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-btn-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-font-size-sm: 75% !default; $custom-select-height-sm: $input-height-sm !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default; $custom-file-padding-y: 1rem !default; $custom-file-padding-x: .5rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray-700 !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-200 !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: #ddd !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; // Navbar $navbar-padding-y: ($spacer / 2) !default; $navbar-padding-x: $spacer !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white,.5) !default; $navbar-dark-hover-color: rgba($white,.75) !default; $navbar-dark-active-color: rgba($white,1) !default; $navbar-dark-disabled-color: rgba($white,.25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black,.1) !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: #ddd !default; $pagination-active-color: $white !default; $pagination-active-bg: theme-color("primary") !default; $pagination-active-border-color: theme-color("primary") !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: #ddd !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-height: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black,.2) !default; $popover-box-shadow: 0 5px 10px rgba($black,.2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: 8px !default; $popover-header-padding-x: 14px !default; $popover-body-color: $body-color !default; $popover-body-padding-y: 9px !default; $popover-body-padding-x: 14px !default; $popover-arrow-width: 10px !default; $popover-arrow-height: 5px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black,.2) !default; $modal-content-border-width: $border-width !default; $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; $list-group-border-color: rgba($black,.125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 90% !default; $code-padding-y: .2rem !default; $code-padding-x: .4rem !default; $code-color: #bd4147 !default; $code-bg: $gray-100 !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Solar 4.0.0 // Bootswatch // Table of Contents // // Colors // Options // Spacing // Body // Links // Grid breakpoints // Grid containers // Grid columns // Fonts // Components // Tables // Buttons // Forms // Dropdowns // Z-index master list // Navbar // Navs // Pagination // Jumbotron // Form states and alerts // Cards // Tooltips // Popovers // Badges // Modals // Alerts // Progress bars // List group // Image thumbnails // Figures // Breadcrumbs // Carousel // Close // Code @mixin _assert-ascending($map, $map-name) { $prev-key: null; $prev-num: null; @each $key, $num in $map { @if $prev-num == null { // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; $prev-num: $num; } } // Replace `$search` with `$replace` in `$string` // @author Hugo Giraudel // @param {String} $string - Initial string // @param {String} $search - Substring to replace // @param {String} $replace ('') - New value // @return {String} - Updated string @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); @if $index { @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); } @return $string; } @mixin _assert-starts-at-zero($map) { $values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0 { @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}."; } } // General variable structure // // Variable format should follow the `$component-modifier-state-property` order. // Colors // // Grayscale and brand colors for use across Bootstrap. // Start with assigning color names to specific hex values. $white: #fff !default; $black: #000 !default; $red: #d9534f !default; $orange: #f0ad4e !default; $yellow: #ffd500 !default; $green: #5cb85c !default; $blue: #0275d8 !default; $teal: #5bc0de !default; $pink: #ff5b77 !default; $purple: #613d7c !default; // Create grayscale $gray-dark: #002B36 !default; // ChangedLineForBootstrap4 $gray: #073642 !default; // ChangedLineForBootstrap4 $gray-light: #839496 !default; // ChangedLineForBootstrap4 $gray-lighter: #EEE8D5 !default; // ChangedLineForBootstrap4 $gray-lightest: #FDF6E3 !default; // ChangedLineForBootstrap4 // Reassign color vars to semantic color scheme $brand-primary: #B58900 !default; // ChangedLineForBootstrap4 $brand-success: #2AA198 !default; // ChangedLineForBootstrap4 $brand-info: #268BD2 !default; // ChangedLineForBootstrap4 $brand-warning: #CB4B16 !default; // ChangedLineForBootstrap4 $brand-danger: #D33682 !default; // ChangedLineForBootstrap4 $brand-inverse: $gray-dark !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; $enable-grid-classes: true !default; $enable-print-styles: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacer-x: $spacer !default; $spacer-y: $spacer !default; $spacers: ( 0: ( x: 0, y: 0 ), 1: ( x: ($spacer-x * .25), y: ($spacer-y * .25) ), 2: ( x: ($spacer-x * .5), y: ($spacer-y * .5) ), 3: ( x: $spacer-x, y: $spacer-y ), 4: ( x: ($spacer-x * 1.5), y: ($spacer-y * 1.5) ), 5: ( x: ($spacer-x * 3), y: ($spacer-y * 3) ) ) !default; $border-width: 2px !default; // ChangedLineForBootstrap4 // This variable affects the `.h-*` and `.w-*` classes. $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100% ) !default; // Body // // Settings for the `` element. $body-bg: $gray-dark !default; // ChangedLineForBootstrap4 $body-color: $gray-light !default; // ChangedLineForBootstrap4 $inverse-bg: $gray-dark !default; $inverse-color: $gray-lighter !default; // Links // // Style anchor elements. $link-color: $brand-success !default; // ChangedLineForBootstrap4 $link-decoration: none !default; $link-hover-color: $link-color !default; // ChangedLineForBootstrap4 $link-hover-decoration: underline !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width-base: 30px !default; $grid-gutter-widths: ( xs: $grid-gutter-width-base, sm: $grid-gutter-width-base, md: $grid-gutter-width-base, lg: $grid-gutter-width-base, xl: $grid-gutter-width-base ) !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: 'Source Sans Pro', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; $font-family-serif: Georgia, "Times New Roman", Times, serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; $font-size-base: 1rem !default; $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-size-xs: .75rem !default; $font-weight-normal: normal !default; $font-weight-bold: bold !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $font-size-h1: 2.5rem !default; $font-size-h2: 2rem !default; $font-size-h3: 1.75rem !default; $font-size-h4: 1.5rem !default; $font-size-h5: 1.25rem !default; $font-size-h6: 1rem !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-light !default; $abbr-border-color: $gray-light !default; $blockquote-small-color: $gray-light !default; $blockquote-font-size: ($font-size-base * 1.25) !default; $blockquote-border-color: $gray !default; // ChangedLineForBootstrap4 $blockquote-border-width: .25rem !default; $hr-border-color: rgba($black,.1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: (4 / 3) !default; $line-height-sm: 1.5 !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $component-active-color: rgba(255,255,255,.75) !default; // ChangedLineForBootstrap4 $component-active-bg: $gray !default; // ChangedLineForBootstrap4 $caret-width: .3em !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-sm-cell-padding: .3rem !default; $table-bg: transparent !default; $table-inverse-bg: $gray-dark !default; $table-inverse-color: $body-bg !default; $table-bg-accent: rgba($white,.05) !default; // ChangedLineForBootstrap4 $table-bg-hover: rgba($white,.075) !default; // ChangedLineForBootstrap4 $table-bg-active: $table-bg-hover !default; $table-head-bg: $gray-lighter !default; $table-head-color: $gray !default; $table-border-width: $border-width !default; $table-border-color: $component-active-bg !default; // ChangedLineForBootstrap4 // Buttons // // For each of Bootstrap's buttons, define text, background and border color. $btn-padding-x: 1rem !default; $btn-padding-y: .5rem !default; $btn-line-height: 1.25 !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; $btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-primary-color: $white !default; $btn-primary-bg: $brand-primary !default; $btn-primary-border: $btn-primary-bg !default; $btn-secondary-color: #fff !default; // ChangedLineForBootstrap4 $btn-secondary-bg: #586E75 !default; // ChangedLineForBootstrap4 $btn-secondary-border: $btn-secondary-bg !default; // ChangedLineForBootstrap4 $btn-info-color: $white !default; $btn-info-bg: $brand-info !default; $btn-info-border: $btn-info-bg !default; $btn-success-color: $white !default; $btn-success-bg: $brand-success !default; $btn-success-border: $btn-success-bg !default; $btn-warning-color: $white !default; $btn-warning-bg: $brand-warning !default; $btn-warning-border: $btn-warning-bg !default; $btn-danger-color: $white !default; $btn-danger-bg: $brand-danger !default; $btn-danger-border: $btn-danger-bg !default; $btn-link-disabled-color: $gray-light !default; $btn-padding-x-sm: .5rem !default; $btn-padding-y-sm: .25rem !default; $btn-padding-x-lg: 1.5rem !default; $btn-padding-y-lg: .75rem !default; $btn-block-spacing-y: .5rem !default; $btn-toolbar-margin: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: all .2s ease-in-out !default; // Forms $input-padding-x: .75rem !default; $input-padding-y: .5rem !default; $input-line-height: 1.25 !default; $input-bg: #A9BDBD !default; // ChangedLineForBootstrap4 $input-bg-disabled: #657B83 !default; // ChangedLineForBootstrap4 $input-color: $gray !default; $input-border-color: rgba($black,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-bg-focus: $input-bg !default; $input-border-focus: lighten($brand-primary, 25%) !default; $input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default; $input-color-focus: $input-color !default; $input-color-placeholder: #657B83 !default; // ChangedLineForBootstrap4 $input-padding-x-sm: .5rem !default; $input-padding-y-sm: .25rem !default; $input-padding-x-lg: 1.5rem !default; $input-padding-y-lg: .75rem !default; $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default; $input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default; $input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default; $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default; $form-text-margin-top: .25rem !default; $form-feedback-margin-top: $form-text-margin-top !default; $form-check-margin-bottom: .5rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .25rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-group-margin-bottom: $spacer-y !default; $input-group-addon-bg: $gray !default; // ChangedLineForBootstrap4 $input-group-addon-border-color: $input-border-color !default; $cursor-disabled: not-allowed !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-spacer-y: .25rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; $custom-control-disabled-cursor: $cursor-disabled !default; $custom-control-disabled-indicator-bg: $gray-lighter !default; $custom-control-disabled-description-color: $gray-light !default; $custom-control-checked-indicator-color: $white !default; $custom-control-checked-indicator-bg: $brand-primary !default; $custom-control-checked-indicator-box-shadow: none !default; $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default; $custom-control-active-indicator-color: $white !default; $custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default; $custom-control-active-indicator-box-shadow: none !default; $custom-checkbox-radius: $border-radius !default; $custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indeterminate-bg: $brand-primary !default; $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default; $custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-checkbox-indeterminate-box-shadow: none !default; $custom-radio-radius: 50% !default; $custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-padding-x: .75rem !default; $custom-select-padding-y: .375rem !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-line-height: $input-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-light !default; $custom-select-bg: $white !default; $custom-select-disabled-bg: $gray-lighter !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: #333 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default; $custom-select-border-width: $input-btn-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-focus-border-color: lighten($brand-primary, 25%) !default; $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default; $custom-select-sm-padding-y: .2rem !default; $custom-select-sm-font-size: 75% !default; $custom-file-height: 2.5rem !default; $custom-file-width: 14rem !default; $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default; $custom-file-padding-x: .5rem !default; $custom-file-padding-y: 1rem !default; $custom-file-line-height: 1.5 !default; $custom-file-color: $gray !default; $custom-file-bg: $white !default; $custom-file-border-width: $border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $gray-lighter !default; $custom-file-text: ( placeholder: ( en: "Choose file..." ), button-label: ( en: "Browse" ) ) !default; // Form validation icons $form-icon-success-color: $brand-success !default; $form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default; $form-icon-warning-color: $brand-warning !default; $form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default; $form-icon-danger-color: $brand-danger !default; $form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-margin-top: .125rem !default; $dropdown-bg: $gray !default; // ChangedLineForBootstrap4 $dropdown-border-color: rgba(0,0,0,.15) !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $body-bg !default; // ChangedLineForBootstrap4 $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; $dropdown-link-color: $body-color !default; // ChangedLineForBootstrap4 $dropdown-link-hover-color: rgba(255,255,255,.75) !default; // ChangedLineForBootstrap4 $dropdown-link-hover-bg: $body-bg !default; // ChangedLineForBootstrap4 $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-light !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-light !default; // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown-backdrop: 990 !default; $zindex-navbar: 1000 !default; $zindex-dropdown: 1000 !default; $zindex-fixed: 1030 !default; $zindex-sticky: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navbar $navbar-border-radius: $border-radius !default; $navbar-padding-x: $spacer !default; $navbar-padding-y: ($spacer / 2) !default; $navbar-brand-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-inverse-color: rgba(255,255,255,.5) !default; $navbar-inverse-hover-color: rgba(255,255,255,.75) !default; $navbar-inverse-active-color: rgba(255,255,255,1) !default; $navbar-inverse-disabled-color: rgba(255,255,255,.25) !default; $navbar-inverse-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-inverse-toggler-border: rgba($white,.1) !default; $navbar-light-color: rgba($black,.5) !default; $navbar-light-hover-color: rgba($black,.7) !default; $navbar-light-active-color: rgba($black,.9) !default; $navbar-light-disabled-color: rgba($black,.3) !default; $navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default; $navbar-light-toggler-border: rgba($black,.1) !default; // Navs $nav-item-margin: .2rem !default; $nav-item-inline-spacer: 1rem !default; $nav-link-padding: .5em 1em !default; $nav-link-hover-bg: $gray-lighter !default; $nav-disabled-link-color: $gray-light !default; $nav-tabs-border-color: $gray !default; // ChangedLineForBootstrap4 $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $nav-tabs-border-color !default; // ChangedLineForBootstrap4 $nav-tabs-active-link-hover-color: $navbar-inverse-hover-color !default; // ChangedLineForBootstrap4 $nav-tabs-active-link-hover-bg: $body-bg !default; $nav-tabs-active-link-hover-border-color: $nav-tabs-border-color !default; // ChangedLineForBootstrap4 $nav-tabs-justified-link-border-color: $nav-tabs-border-color !default; // ChangedLineForBootstrap4 $nav-tabs-justified-active-link-border-color: $body-bg !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-active-link-color: $component-active-color !default; $nav-pills-active-link-bg: $component-active-bg !default; // Pagination $pagination-padding-x: .75rem !default; $pagination-padding-y: .5rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: transparent !default; // ChangedLineForBootstrap4 $pagination-border-width: $border-width !default; $pagination-border-color: $component-active-bg !default; // ChangedLineForBootstrap4 $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $pagination-hover-border: $component-active-bg !default; // ChangedLineForBootstrap4 $pagination-active-color: rgba(255,255,255,.75) !default; // ChangedLineForBootstrap4 $pagination-active-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $pagination-active-border: $component-active-bg !default; // ChangedLineForBootstrap4 $pagination-disabled-color: $component-active-bg !default; // ChangedLineForBootstrap4 $pagination-disabled-bg: transparent !default; // ChangedLineForBootstrap4 $pagination-disabled-border: $component-active-bg !default; // ChangedLineForBootstrap4 // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-bg: $component-active-bg !default; // ChangedLineForBootstrap4 // Form states and alerts // // Define colors for form feedback states and, by default, alerts. $state-success-text: #fff !default; // ChangedLineForBootstrap4 $state-success-bg: $brand-success !default; // ChangedLineForBootstrap4 $state-success-border: darken($state-success-bg, 5%) !default; $state-info-text: #fff !default; // ChangedLineForBootstrap4 $state-info-bg: $brand-info !default; // ChangedLineForBootstrap4 $state-info-border: darken($state-info-bg, 7%) !default; $state-warning-text: #fff !default; // ChangedLineForBootstrap4 $state-warning-bg: $brand-warning !default; // ChangedLineForBootstrap4 $mark-bg: $state-warning-bg !default; $state-warning-border: darken($state-warning-bg, 5%) !default; $state-danger-text: #fff !default; // ChangedLineForBootstrap4 $state-danger-bg: $brand-danger !default; // ChangedLineForBootstrap4 $state-danger-border: darken($state-danger-bg, 5%) !default; // Cards $card-spacer-x: 1.25rem !default; $card-spacer-y: .75rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: $component-active-bg !default; // ChangedLineForBootstrap4 $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $card-bg: transparent !default; // ChangedLineForBootstrap4 $card-link-hover-color: #fff !default; $card-img-overlay-padding: 1.25rem !default; $card-deck-margin: ($grid-gutter-width-base / 2) !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: 3px !default; $tooltip-padding-x: 8px !default; $tooltip-margin: 3px !default; $tooltip-arrow-width: 5px !default; $tooltip-arrow-color: $tooltip-bg !default; // Popovers $popover-inner-padding: 1px !default; $popover-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: $body-bg !default; // ChangedLineForBootstrap4 $popover-box-shadow: 0 5px 10px rgba(0,0,0,.2) !default; $popover-title-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $popover-title-padding-x: 14px !default; $popover-title-padding-y: 8px !default; $popover-content-padding-x: 14px !default; $popover-content-padding-y: 9px !default; $popover-arrow-width: 10px !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Badges $badge-default-bg: $gray-light !default; $badge-primary-bg: $brand-primary !default; $badge-success-bg: $brand-success !default; $badge-info-bg: $brand-info !default; $badge-warning-bg: $brand-warning !default; $badge-danger-bg: $brand-danger !default; $badge-color: $white !default; $badge-link-hover-color: $white !default; $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-x: .4em !default; $badge-padding-y: .25em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 15px !default; $modal-dialog-margin: 10px !default; $modal-dialog-sm-up-margin-y: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $modal-content-border-color: $body-bg !default; // ChangedLineForBootstrap4 $modal-content-border-width: $border-width !default; $modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default; $modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default; $modal-backdrop-bg: #000 !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $body-bg !default; // ChangedLineForBootstrap4 $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding: 15px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-x: 1.25rem !default; $alert-padding-y: .75rem !default; $alert-margin-bottom: $spacer-y !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; $alert-success-bg: $state-success-bg !default; $alert-success-text: $state-success-text !default; $alert-success-border: $state-success-border !default; $alert-info-bg: $state-info-bg !default; $alert-info-text: $state-info-text !default; $alert-info-border: $state-info-border !default; $alert-warning-bg: $state-warning-bg !default; $alert-warning-text: $state-warning-text !default; $alert-warning-border: $state-warning-border !default; $alert-danger-bg: $state-danger-bg !default; $alert-danger-text: $state-danger-text !default; $alert-danger-border: $state-danger-border !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: .75rem !default; $progress-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; $progress-bar-color: $brand-primary !default; // ChangedLineForBootstrap4 $progress-bar-bg: $brand-primary !default; $progress-bar-animation-timing: 1s linear infinite !default; // List group $list-group-color: $body-color !default; $list-group-bg: transparent !default; // ChangedLineForBootstrap4 $list-group-border-color: $component-active-bg !default; // ChangedLineForBootstrap4 $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-x: 1.25rem !default; $list-group-item-padding-y: .75rem !default; $list-group-hover-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border: $list-group-active-bg !default; $list-group-active-text-color: $component-active-color !default; // ChangedLineForBootstrap4 $list-group-disabled-color: $component-active-bg !default; // ChangedLineForBootstrap4 $list-group-disabled-bg: transparent !default; // ChangedLineForBootstrap4 $list-group-disabled-text-color: $list-group-disabled-color !default; $list-group-link-color: $body-color !default; // ChangedLineForBootstrap4 $list-group-link-heading-color: $body-color !default; // ChangedLineForBootstrap4 $list-group-link-hover-color: $component-active-color !default; // ChangedLineForBootstrap4 $list-group-link-active-color: $list-group-color !default; $list-group-link-active-bg: $gray-lighter !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; $thumbnail-transition: all .2s ease-in-out !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-light !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $component-active-bg !default; // ChangedLineForBootstrap4 $breadcrumb-divider-color: $gray-light !default; $breadcrumb-active-color: $gray-light !default; $breadcrumb-divider: "/" !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default; $carousel-transition: transform .6s ease-in-out !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $body-color !default; // ChangedLineForBootstrap4 $close-text-shadow: none !default; // ChangedLineForBootstrap4 // Code $code-font-size: 90% !default; $code-padding-x: .4rem !default; $code-padding-y: .2rem !default; $code-color: #bd4147 !default; $code-bg: $gray-lightest !default; $kbd-color: $white !default; $kbd-bg: $gray-dark !default; $pre-bg: $gray-lightest !default; $pre-color: $gray-dark !default; $pre-border-color: #ccc !default; $pre-scrollable-max-height: 340px !default; cards_773: id: 1664 name: solar skin+style key: solar_skin+style codename: left_id: 1661 right_id: 1443 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: | // Solar 4.0.0 // Bootswatch $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro" !default; @import url($web-font-path); // Navbar ====================================================================== .bg-primary { background-color: $gray !important; } .bg-inverse { background-color: $brand-primary !important; } // Buttons ===================================================================== // Typography ================================================================== // Tables ====================================================================== .table { &-success, &-info, &-warning, &-danger { color: #fff; } } .thead-inverse th { color: $white; } // Forms ======================================================================= .input-group-addon { color: $body-color; } // Navs ======================================================================== // Indicators ================================================================== // Progress bars =============================================================== // Containers ================================================================== cards_774: id: 1666 name: solar skin+Image key: solar_skin+image codename: solar_skin_image left_id: 1661 right_id: 19 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 19 db_content: ":solar_skin_image/bootstrap.png" cards_775: id: 1668 name: 'style: bootstrap mixins' key: style_bootstrap_mixin codename: style_bootstrap_mixins left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: '' cards_776: id: 1670 name: 'style: bootstrap breakpoints' key: style_bootstrap_breakpoint codename: style_bootstrap_breakpoints left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: '' cards_777: id: 1672 name: 'script: select2' key: script_select2 codename: script_select2 left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1034 db_content: '' cards_778: id: 1674 name: 'style: select2' key: style_select2 codename: style_select2 left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 942 db_content: '' cards_779: id: 1676 name: 'style: select2 bootstrap' key: style_select2_bootstrap codename: style_select2_bootstrap left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 943 db_content: '' cards_780: id: 1678 name: 'script: load select2' key: script_load_select2 codename: script_load_select2 left_id: right_id: current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all" read_rule_id: 500 references_expired: trash: false type_id: 1033 db_content: '' cards_781: id: 1681 name: 'script: jquery+*all' key: script_jquery+*all codename: left_id: 1057 right_id: 274 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 500 references_expired: trash: false type_id: 3 db_content: '' cards_782: id: 1682 name: 'script: jquery+*all+*script' key: script_jquery+*all+*script codename: left_id: 1681 right_id: 1043 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*right" read_rule_id: 1046 references_expired: trash: false type_id: 47 db_content: '' cards_783: id: 1684 name: 'script: jquery+*all+*script+*machine cache' key: script_jquery+*all+*script+*machine_cache codename: left_id: 1682 right_id: 1567 current_revision_id: created_at: 2017-11-07 05:50:47.000000000 Z updated_at: 2017-11-07 05:50:47.000000000 Z creator_id: 1 updater_id: 1 read_rule_class: "*all plus" read_rule_id: 1046 references_expired: trash: false type_id: 22 db_content: |- //script: jquery /*! jQuery v1.11.2 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ !function(e,t){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){function n(e){var t=e.length,n=ie.type(e);return"function"!==n&&!ie.isWindow(e)&&(!(1!==e.nodeType||!t)||("array"===n||0===t||"number"==typeof t&&t>0&&t-1 in e))}function r(e,t,n){if(ie.isFunction(t))return ie.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return ie.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(fe.test(t))return ie.filter(t,e,n);t=ie.filter(t,e)}return ie.grep(e,function(e){return ie.inArray(e,t)>=0!==n})}function i(e,t){do{e=e[t]}while(e&&1!==e.nodeType);return e}function o(e){var t=be[e]={};return ie.each(e.match(ye)||[],function(e,n){t[n]=!0}),t}function a(){he.addEventListener?(he.removeEventListener("DOMContentLoaded",s,!1),e.removeEventListener("load",s,!1)):(he.detachEvent("onreadystatechange",s),e.detachEvent("onload",s))}function s(){(he.addEventListener||"load"===event.type||"complete"===he.readyState)&&(a(),ie.ready())}function l(e,t,n){if(void 0===n&&1===e.nodeType){var r="data-"+t.replace(Ne,"-$1").toLowerCase();if("string"==typeof(n=e.getAttribute(r))){try{n="true"===n||"false"!==n&&("null"===n?null:+n+""===n?+n:Ce.test(n)?ie.parseJSON(n):n)}catch(e){}ie.data(e,t,n)}else n=void 0}return n}function u(e){var t;for(t in e)if(("data"!==t||!ie.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}function c(e,t,n,r){if(ie.acceptData(e)){var i,o,a=ie.expando,s=e.nodeType,l=s?ie.cache:e,u=s?e[a]:e[a]&&a;if(u&&l[u]&&(r||l[u].data)||void 0!==n||"string"!=typeof t)return u||(u=s?e[a]=J.pop()||ie.guid++:a),l[u]||(l[u]=s?{}:{toJSON:ie.noop}),("object"==typeof t||"function"==typeof t)&&(r?l[u]=ie.extend(l[u],t):l[u].data=ie.extend(l[u].data,t)),o=l[u],r||(o.data||(o.data={}),o=o.data),void 0!==n&&(o[ie.camelCase(t)]=n),"string"==typeof t?null==(i=o[t])&&(i=o[ie.camelCase(t)]):i=o,i}}function d(e,t,n){if(ie.acceptData(e)){var r,i,o=e.nodeType,a=o?ie.cache:e,s=o?e[ie.expando]:ie.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){ie.isArray(t)?t=t.concat(ie.map(t,ie.camelCase)):t in r?t=[t]:(t=ie.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;for(;i--;)delete r[t[i]];if(n?!u(r):!ie.isEmptyObject(r))return}(n||(delete a[s].data,u(a[s])))&&(o?ie.cleanData([e],!0):ne.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}function f(){return!0}function p(){return!1}function h(){try{return he.activeElement}catch(e){}}function m(e){var t=Me.split("|"),n=e.createDocumentFragment();if(n.createElement)for(;t.length;)n.createElement(t.pop());return n}function g(e,t){var n,r,i=0,o=typeof e.getElementsByTagName!==Te?e.getElementsByTagName(t||"*"):typeof e.querySelectorAll!==Te?e.querySelectorAll(t||"*"):void 0;if(!o)for(o=[],n=e.childNodes||e;null!=(r=n[i]);i++)!t||ie.nodeName(r,t)?o.push(r):ie.merge(o,g(r,t));return void 0===t||t&&ie.nodeName(e,t)?ie.merge([e],o):o}function v(e){De.test(e.type)&&(e.defaultChecked=e.checked)}function y(e,t){return ie.nodeName(e,"table")&&ie.nodeName(11!==t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function b(e){return e.type=(null!==ie.find.attr(e,"type"))+"/"+e.type,e}function x(e){var t=Ue.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function w(e,t){for(var n,r=0;null!=(n=e[r]);r++)ie._data(n,"globalEval",!t||ie._data(t[r],"globalEval"))}function T(e,t){if(1===t.nodeType&&ie.hasData(e)){var n,r,i,o=ie._data(e),a=ie._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)ie.event.add(t,n,s[n][r])}a.data&&(a.data=ie.extend({},a.data))}}function C(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!ne.noCloneEvent&&t[ie.expando]){i=ie._data(t);for(r in i.events)ie.removeEvent(t,r,i.handle);t.removeAttribute(ie.expando)}"script"===n&&t.text!==e.text?(b(t).text=e.text,x(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),ne.html5Clone&&e.innerHTML&&!ie.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&De.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}function N(t,n){var r,i=ie(n.createElement(t)).appendTo(n.body),o=e.getDefaultComputedStyle&&(r=e.getDefaultComputedStyle(i[0]))?r.display:ie.css(i[0],"display");return i.detach(),o}function E(e){var t=he,n=Ke[e];return n||(n=N(e,t),"none"!==n&&n||(Qe=(Qe||ie("':\"\"),t._keyEvent=!1,H},_generateMonthYearHeader:function(t,e,i,s,n,a,o,r){var l=this._get(t,\"changeMonth\"),h=this._get(t,\"changeYear\"),c=this._get(t,\"showMonthAfterYear\"),u='
',d=\"\";if(a||!l)d+=''+o[e]+\"\";else{var p=s&&s.getFullYear()==i,f=n&&n.getFullYear()==i;d+='\"}if(c||(u+=d+(!a&&l&&h?\"\":\" \")),!t.yearshtml)if(t.yearshtml=\"\",a||!h)u+=''+i+\"\";else{var m=this._get(t,\"yearRange\").split(\":\"),v=(new Date).getFullYear(),_=function(t){var e=t.match(/c[+-].*/)?i+parseInt(t.substring(1),10):t.match(/[+-].*/)?v+parseInt(t,10):parseInt(t,10);return isNaN(e)?v:e},b=_(m[0]),y=Math.max(b,_(m[1]||\"\"));for(b=s?Math.max(b,s.getFullYear()):b,y=n?Math.min(y,n.getFullYear()):y,t.yearshtml+='\",u+=t.yearshtml,t.yearshtml=null}return u+=this._get(t,\"yearSuffix\"),c&&(u+=(!a&&l&&h?\"\":\" \")+d),u+=\"
\"},_adjustInstDate:function(t,e,i){var s=t.drawYear+(\"Y\"==i?e:0),n=t.drawMonth+(\"M\"==i?e:0),a=Math.min(t.selectedDay,this._getDaysInMonth(s,n))+(\"D\"==i?e:0),o=this._restrictMinMax(t,this._daylightSavingAdjust(new Date(s,n,a)));t.selectedDay=o.getDate(),t.drawMonth=t.selectedMonth=o.getMonth(),t.drawYear=t.selectedYear=o.getFullYear(),\"M\"!=i&&\"Y\"!=i||this._notifyChange(t)},_restrictMinMax:function(t,e){var i=this._getMinMaxDate(t,\"min\"),s=this._getMinMaxDate(t,\"max\"),n=i&&es?s:n},_notifyChange:function(t){var e=this._get(t,\"onChangeMonthYear\");e&&e.apply(t.input?t.input[0]:null,[t.selectedYear,t.selectedMonth+1,t])},_getNumberOfMonths:function(t){var e=this._get(t,\"numberOfMonths\");return null==e?[1,1]:\"number\"==typeof e?[1,e]:e},_getMinMaxDate:function(t,e){return this._determineDate(t,this._get(t,e+\"Date\"),null)},_getDaysInMonth:function(t,e){return 32-this._daylightSavingAdjust(new Date(t,e,32)).getDate()},_getFirstDayOfMonth:function(t,e){return new Date(t,e,1).getDay()},_canAdjustMonth:function(t,e,i,s){var n=this._getNumberOfMonths(t),a=this._daylightSavingAdjust(new Date(i,s+(e<0?e:n[0]*n[1]),1));return e<0&&a.setDate(this._getDaysInMonth(a.getFullYear(),a.getMonth())),this._isInRange(t,a)},_isInRange:function(t,e){var i=this._getMinMaxDate(t,\"min\"),s=this._getMinMaxDate(t,\"max\");return(!i||e.getTime()>=i.getTime())&&(!s||e.getTime()<=s.getTime())},_getFormatConfig:function(t){var e=this._get(t,\"shortYearCutoff\");return e=\"string\"!=typeof e?e:(new Date).getFullYear()%100+parseInt(e,10),{shortYearCutoff:e,dayNamesShort:this._get(t,\"dayNamesShort\"),dayNames:this._get(t,\"dayNames\"),monthNamesShort:this._get(t,\"monthNamesShort\"),monthNames:this._get(t,\"monthNames\")}},_formatDate:function(t,e,i,s){e||(t.currentDay=t.selectedDay,t.currentMonth=t.selectedMonth,t.currentYear=t.selectedYear);var n=e?\"object\"==typeof e?e:this._daylightSavingAdjust(new Date(s,i,e)):this._daylightSavingAdjust(new Date(t.currentYear,t.currentMonth,t.currentDay));return this.formatDate(this._get(t,\"dateFormat\"),n,this._getFormatConfig(t))}}),$.fn.datepicker=function(t){if(!this.length)return this;$.datepicker.initialized||($(document).mousedown($.datepicker._checkExternalClick).find(document.body).append($.datepicker.dpDiv),$.datepicker.initialized=!0);var e=Array.prototype.slice.call(arguments,1);return\"string\"!=typeof t||\"isDisabled\"!=t&&\"getDate\"!=t&&\"widget\"!=t?\"option\"==t&&2==arguments.length&&\"string\"==typeof arguments[1]?$.datepicker[\"_\"+t+\"Datepicker\"].apply($.datepicker,[this[0]].concat(e)):this.each(function(){\"string\"==typeof t?$.datepicker[\"_\"+t+\"Datepicker\"].apply($.datepicker,[this].concat(e)):$.datepicker._attachDatepicker(this,t)}):$.datepicker[\"_\"+t+\"Datepicker\"].apply($.datepicker,[this[0]].concat(e))},$.datepicker=new Datepicker,$.datepicker.initialized=!1,$.datepicker.uuid=(new Date).getTime(),$.datepicker.version=\"1.9.2\",window[\"DP_jQuery_\"+dpuuid]=$}(jQuery),function(t,e){var i=\"ui-dialog ui-widget ui-widget-content ui-corner-all \",s={buttons:!0,height:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,width:!0},n={maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0};t.widget(\"ui.dialog\",{version:\"1.9.2\",options:{autoOpen:!0,buttons:{},closeOnEscape:!0,closeText:\"close\",dialogClass:\"\",draggable:!0,hide:null,height:\"auto\",maxHeight:!1,maxWidth:!1,minHeight:150,minWidth:150,modal:!1,position:{my:\"center\",at:\"center\",of:window,collision:\"fit\",using:function(e){var i=t(this).css(e).offset().top;i<0&&t(this).css(\"top\",e.top-i)}},resizable:!0,show:null,stack:!0,title:\"\",width:300,zIndex:1e3},_create:function(){this.originalTitle=this.element.attr(\"title\"),\"string\"!=typeof this.originalTitle&&(this.originalTitle=\"\"),this.oldPosition={parent:this.element.parent(),index:this.element.parent().children().index(this.element)},this.options.title=this.options.title||this.originalTitle;var e,s,n,a,o,r=this,l=this.options,h=l.title||\" \";e=(this.uiDialog=t(\"
\")).addClass(i+l.dialogClass).css({display:\"none\",outline:0,zIndex:l.zIndex}).attr(\"tabIndex\",-1).keydown(function(e){l.closeOnEscape&&!e.isDefaultPrevented()&&e.keyCode&&e.keyCode===t.ui.keyCode.ESCAPE&&(r.close(e),e.preventDefault())}).mousedown(function(t){r.moveToTop(!1,t)}).appendTo(\"body\"),this.element.show().removeAttr(\"title\").addClass(\"ui-dialog-content ui-widget-content\").appendTo(e),s=(this.uiDialogTitlebar=t(\"
\")).addClass(\"ui-dialog-titlebar \ ui-widget-header ui-corner-all ui-helper-clearfix\").bind(\"mousedown\",function(){e.focus()}).prependTo(e),n=t(\"\").addClass(\"ui-dialog-titlebar-close ui-corner-all\").attr(\"role\",\"button\").click(function(t){t.preventDefault(),r.close(t)}).appendTo(s),(this.uiDialogTitlebarCloseText=t(\"\")).addClass(\"ui-icon ui-icon-closethick\").text(l.closeText).appendTo(n),a=t(\"\").uniqueId().addClass(\"ui-dialog-title\").html(h).prependTo(s),o=(this.uiDialogButtonPane=t(\"
\")).addClass(\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\"),(this.uiButtonSet=t(\"
\")).addClass(\"ui-dialog-buttonset\").appendTo(o),e.attr({role:\"dialog\",\"aria-labelledby\":a.attr(\"id\")}),s.find(\"*\").add(s).disableSelection(),this._hoverable(n),this._focusable(n),l.draggable&&t.fn.draggable&&this._makeDraggable(),l.resizable&&t.fn.resizable&&this._makeResizable(),this._createButtons(l.buttons),this._isOpen=!1,t.fn.bgiframe&&e.bgiframe(),this._on(e,{keydown:function(i){if(l.modal&&i.keyCode===t.ui.keyCode.TAB){var s=t(\":tabbable\",e),n=s.filter(\":first\"),a=s.filter(\":last\");return i.target!==a[0]||i.shiftKey?i.target===n[0]&&i.shiftKey?(a.focus(1),!1):void 0:(n.focus(1),!1)}}})},_init:function(){this.options.autoOpen&&this.open()},_destroy:function(){var t,e=this.oldPosition;this.overlay&&this.overlay.destroy(),this.uiDialog.hide(),this.element.removeClass(\"ui-dialog-content ui-widget-content\").hide().appendTo(\"body\"),this.uiDialog.remove(),this.originalTitle&&this.element.attr(\"title\",this.originalTitle),t=e.parent.children().eq(e.index),t.length&&t[0]!==this.element[0]?t.before(this.element):e.parent.append(this.element)},widget:function(){return this.uiDialog},close:function(e){var i,s,n=this;if(this._isOpen&&!1!==this._trigger(\"beforeClose\",e))return this._isOpen=!1,this.overlay&&this.overlay.destroy(),this.options.hide?this._hide(this.uiDialog,this.options.hide,function(){n._trigger(\"close\",e)}):(this.uiDialog.hide(),this._trigger(\"close\",e)),t.ui.dialog.overlay.resize(),this.options.modal&&(i=0,t(\".ui-dialog\").each(function(){this!==n.uiDialog[0]&&(s=t(this).css(\"z-index\"),isNaN(s)||(i=Math.max(i,s)))}),t.ui.dialog.maxZ=i),this},isOpen:function(){return this._isOpen},moveToTop:function(e,i){var s,n=this.options;return n.modal&&!e||!n.stack&&!n.modal?this._trigger(\"focus\",i):(n.zIndex>t.ui.dialog.maxZ&&(t.ui.dialog.maxZ=n.zIndex),this.overlay&&(t.ui.dialog.maxZ+=1,t.ui.dialog.overlay.maxZ=t.ui.dialog.maxZ,this.overlay.$el.css(\"z-index\",t.ui.dialog.overlay.maxZ)),s={scrollTop:this.element.scrollTop(),scrollLeft:this.element.scrollLeft()},t.ui.dialog.maxZ+=1,this.uiDialog.css(\"z-index\",t.ui.dialog.maxZ),this.element.attr(s),this._trigger(\"focus\",i),this)},open:function(){if(!this._isOpen){var e,i=this.options,s=this.uiDialog;return this._size(),this._position(i.position),s.show(i.show),this.overlay=i.modal?new t.ui.dialog.overlay(this):null,this.moveToTop(!0),e=this.element.find(\":tabbable\"),e.length||(e=this.uiDialogButtonPane.find(\":tabbable\"),e.length||(e=s)),e.eq(0).focus(),this._isOpen=!0,this._trigger(\"open\"),this}},_createButtons:function(e){var i=this,s=!1;this.uiDialogButtonPane.remove(),this.uiButtonSet.empty(),\"object\"==typeof e&&null!==e&&t.each(e,function(){return!(s=!0)}),s?(t.each(e,function(e,s){var n,a;s=t.isFunction(s)?{click:s,text:e}:s,s=t.extend({type:\"button\"},s),a=s.click,s.click=function(){a.apply(i.element[0],arguments)},n=t(\"\",s).appendTo(i.uiButtonSet),t.fn.button&&n.button()}),this.uiDialog.addClass(\"ui-dialog-buttons\"),this.uiDialogButtonPane.appendTo(this.uiDialog)):this.uiDialog.removeClass(\"ui-dialog-buttons\")},_makeDraggable:function(){function e(t){return{position:t.position,offset:t.offset}}var i=this,s=this.options;this.uiDialog.draggable({cancel:\".ui-dialog-content, .ui-dialog-titlebar-close\",handle:\".ui-dialog-titlebar\",containment:\"document\",start:function(s,n){t(this).addClass(\"ui-dialog-dragging\"),i._trigger(\"dragStart\",s,e(n))},drag:function(t,s){i._trigger(\"drag\",t,e(s))},stop:function(n,a){s.position=[a.position.left-i.document.scrollLeft(),a.position.top-i.document.scrollTop()],t(this).removeClass(\"ui-dialog-dragging\"),i._trigger(\"dragStop\",n,e(a)),t.ui.dialog.overlay.resize()}})},_makeResizable:function(i){function s(t){return{originalPosition:t.originalPosition,originalSize:t.originalSize,position:t.position,size:t.size}}i=i===e?this.options.resizable:i;var n=this,a=this.options,o=this.uiDialog.css(\"position\"),r=\"string\"==typeof i?i:\"n,e,s,w,se,sw,ne,nw\";this.uiDialog.resizable({cancel:\".ui-dialog-content\",containment:\"document\",alsoResize:this.element,maxWidth:a.maxWidth,maxHeight:a.maxHeight,minWidth:a.minWidth,minHeight:this._minHeight(),handles:r,start:function(e,i){t(this).addClass(\"ui-dialog-resizing\"),n._trigger(\"resizeStart\",e,s(i))},resize:function(t,e){n._trigger(\"resize\",t,s(e))},stop:function(e,i){t(this).removeClass(\"ui-dialog-resizing\"),a.height=t(this).height(),a.width=t(this).width(),n._trigger(\"resizeStop\",e,s(i)),t.ui.dialog.overlay.resize()}}).css(\"position\",o).find(\".ui-resizable-se\").addClass(\"ui-icon ui-icon-grip-diagonal-se\")},_minHeight:function(){var t=this.options;return\"auto\"===t.height?t.minHeight:Math.min(t.minHeight,t.height)},_position:function(e){var i,s=[],n=[0,0];e?((\"string\"==typeof e||\"object\"==typeof e&&\"0\"in e)&&(s=e.split?e.split(\" \"):[e[0],e[1]],1===s.length&&(s[1]=s[0]),t.each([\"left\",\"top\"],function(t,e){+s[t]===s[t]&&(n[t]=s[t],s[t]=e)}),e={my:s[0]+(n[0]<0?n[0]:\"+\"+n[0])+\" \"+s[1]+(n[1]<0?n[1]:\"+\"+n[1]),at:s.join(\" \")}),e=t.extend({},t.ui.dialog.prototype.options.position,e)):e=t.ui.dialog.prototype.options.position,i=this.uiDialog.is(\":visible\"),i||this.uiDialog.show(),this.uiDialog.position(e),i||this.uiDialog.hide()},_setOptions:function(e){var i=this,a={},o=!1;t.each(e,function(t,e){i._setOption(t,e),t in s&&(o=!0),t in n&&(a[t]=e)}),o&&this._size(),this.uiDialog.is(\":data(resizable)\")&&this.uiDialog.resizable(\"option\",a)},_setOption:function(e,s){var n,a,o=this.uiDialog;switch(e){case\"buttons\":this._createButtons(s);break;case\"closeText\":this.uiDialogTitlebarCloseText.text(\"\"+s);break;case\"dialogClass\":o.removeClass(this.options.dialogClass).addClass(i+s);break;case\"disabled\":s?o.addClass(\"ui-dialog-disabled\"):o.removeClass(\"ui-dialog-disabled\");break;case\"draggable\":n=o.is(\":data(draggable)\"),n&&!s&&o.draggable(\"destroy\"),!n&&s&&this._makeDraggable();break;case\"position\":this._position(s);break;case\"resizable\":a=o.is(\":data(resizable)\"),a&&!s&&o.resizable(\"destroy\"),a&&\"string\"==typeof s&&o.resizable(\"option\",\"handles\",s),a||!1===s||this._makeResizable(s);break;case\"title\":t(\".ui-dialog-title\",this.uiDialogTitlebar).html(\"\"+(s||\" \"))}this._super(e,s)},_size:function(){var e,i,s,n=this.options,a=this.uiDialog.is(\":visible\");this.element.show().css({width:\"auto\",minHeight:0,height:0}),n.minWidth>n.width&&(n.width=n.minWidth),e=this.uiDialog.css({height:\"auto\",width:n.width}).outerHeight(),i=Math.max(0,n.minHeight-e),\"auto\"===n.height?t.support.minHeight?this.element.css({minHeight:i,height:\"auto\"}):(this.uiDialog.show(),s=this.element.css(\"height\",\"auto\").height(),a||this.uiDialog.hide(),this.element.height(Math.max(s,i))):this.element.height(Math.max(n.height-e,0)),this.uiDialog.is(\":data(resizable)\")&&this.uiDialog.resizable(\"option\",\"minHeight\",this._minHeight())}}),t.extend(t.ui.dialog,{uuid:0,maxZ:0,getTitleId:function(t){var e=t.attr(\"id\");return e||(this.uuid+=1,e=this.uuid),\"ui-dialog-title-\"+e},overlay:function(e){this.$el=t.ui.dialog.overlay.create(e)}}),t.extend(t.ui.dialog.overlay,{instances:[],oldInstances:[],maxZ:0,events:t.map(\"focus,mousedown,mouseup,keydown,keypress,click\".split(\",\"),function(t){return t+\".dialog-overlay\"}).join(\" \"),create:function(e){0===this.instances.length&&(setTimeout(function(){t.ui.dialog.overlay.instances.length&&t(document).bind(t.ui.dialog.overlay.events,function(e){if(t(e.target).zIndex()\").addClass(\"ui-widget-overlay\");return t(document).bind(\"keydown.dialog-overlay\",function(s){var n=t.ui.dialog.overlay.instances;0!==n.length&&n[n.length-1]===i&&e.options.closeOnEscape&&!s.isDefaultPrevented()&&s.keyCode&&s.keyCode===t.ui.keyCode.ESCAPE&&(e.close(s),s.preventDefault())}),i.appendTo(document.body).css({width:this.width(),height:this.height()}),t.fn.bgiframe&&i.bgiframe(),this.instances.push(i),i},destroy:function(e){var i=t.inArray(e,this.instances),s=0;-1!==i&&this.oldInstances.push(this.instances.splice(i,1)[0]),0===this.instances.length&&t([document,window]).unbind(\".dialog-overlay\"),e.height(0).width(0).remove(),t.each(this.instances,function(){s=Math.max(s,this.css(\"z-index\"))}),this.maxZ=s},height:function(){var e,i;return t.ui.ie?(e=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),i=Math.max(document.documentElement.offsetHeight,document.body.offsetHeight),e1&&b.splice.apply(b,[1,0].concat(b.splice(y,f+1))),o.dequeue()}}(jQuery),function(t){t.effects.effect.clip=function(e,i){var s,n,a,o=t(this),r=[\"position\",\"top\",\"bottom\",\"left\",\"right\",\"height\",\"width\"],l=t.effects.setMode(o,e.mode||\"hide\"),h=\"show\"===l,c=e.direction||\"vertical\",u=\"vertical\"===c,d=u?\"height\":\"width\",p=u?\"top\":\"left\",f={};t.effects.save(o,r),o.show(),s=t.effects.createWrapper(o).css({overflow:\"hidden\"}),n=\"IMG\"===o[0].tagName?s:o,a=n[d](),h&&(n.css(d,0),n.css(p,a/2)),f[d]=h?a:0,f[p]=h?0:a/2,n.animate(f,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){h||o.hide(),t.effects.restore(o,r),t.effects.removeWrapper(o),i()}})}}(jQuery),function(t){t.effects.effect.drop=function(e,i){var s,n=t(this),a=[\"position\",\"top\",\"bottom\",\"left\",\"right\",\"opacity\",\"height\",\"width\"],o=t.effects.setMode(n,e.mode||\"hide\"),r=\"show\"===o,l=e.direction||\"left\",h=\"up\"===l||\"down\"===l?\"top\":\"left\",c=\"up\"===l||\"left\"===l?\"pos\":\"neg\",u={opacity:r?1:0};t.effects.save(n,a),n.show(),t.effects.createWrapper(n),s=e.distance||n[\"top\"===h?\"outerHeight\":\"outerWidth\"](!0)/2,r&&n.css(\"opacity\",0).css(h,\"pos\"===c?-s:s),u[h]=(r?\"pos\"===c?\"+=\":\"-=\":\"pos\"===c?\"-=\":\"+=\")+s,n.animate(u,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){\"hide\"===o&&n.hide(),t.effects.restore(n,a),t.effects.removeWrapper(n),i()}})}}(jQuery),function(t){t.effects.effect.explode=function(e,i){function s(){b.push(this),b.length===u*d&&n()}function n(){p.css({visibility:\"visible\"}),t(b).remove(),g||p.hide(),i()}var a,o,r,l,h,c,u=e.pieces?Math.round(Math.sqrt(e.pieces)):3,d=u,p=t(this),f=t.effects.setMode(p,e.mode||\"hide\"),g=\"show\"===f,m=p.show().css(\"visibility\",\"hidden\").offset(),v=Math.ceil(p.outerWidth()/d),_=Math.ceil(p.outerHeight()/u),b=[];for(a=0;a
\").css({position:\"absolute\",visibility:\"visible\",left:-o*v,top:-a*_}).parent().addClass(\"ui-effects-explode\").css({position:\"absolute\",overflow:\"hidden\",width:v,height:_,left:r+(g?h*v:0),top:l+(g?c*_:0),opacity:g?0:1}).animate({left:r+(g?0:h*v),top:l+(g?0:c*_),opacity:g?1:0},e.duration||500,e.easing,s)}}(jQuery),function(t){t.effects.effect.fade=function(e,i){var s=t(this),n=t.effects.setMode(s,e.mode||\"toggle\");s.animate({opacity:n},{queue:!1,duration:e.duration,easing:e.easing,complete:i})}}(jQuery),function(t){t.effects.effect.fold=function(e,i){var s,n,a=t(this),o=[\"position\",\"top\",\"bottom\",\"left\",\"right\",\"height\",\"width\"],r=t.effects.setMode(a,e.mode||\"hide\"),l=\"show\"===r,h=\"hide\"===r,c=e.size||15,u=/([0-9]+)%/.exec(c),d=!!e.horizFirst,p=l!==d,f=p?[\"width\",\"height\"]:[\"height\",\"width\"],g=e.duration/2,m={},v={};t.effects.save(a,o),a.show(),s=t.effects.createWrapper(a).css({overflow:\"hidden\"}),n=p?[s.width(),s.height()]:[s.height(),s.width()],u&&(c=parseInt(u[1],10)/100*n[h?0:1]),l&&s.css(d?{height:0,width:c}:{height:c,width:0}),m[f[0]]=l?n[0]:c,v[f[1]]=l?n[1]:0,s.animate(m,g,e.easing).animate(v,g,e.easing,function(){h&&a.hide(),t.effects.restore(a,o),t.effects.removeWrapper(a),i()})}}(jQuery),function(t){t.effects.effect.highlight=function(e,i){var s=t(this),n=[\"backgroundImage\",\"backgroundColor\",\"opacity\"],a=t.effects.setMode(s,e.mode||\"show\"),o={backgroundColor:s.css(\"backgroundColor\")};\"hide\"===a&&(o.opacity=0),t.effects.save(s,n),s.show().css({backgroundImage:\"none\",backgroundColor:e.color||\"#ffff99\"}).animate(o,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){\"hide\"===a&&s.hide(),t.effects.restore(s,n),i()}})}}(jQuery),function(t){t.effects.effect.pulsate=function(e,i){var s,n=t(this),a=t.effects.setMode(n,e.mode||\"show\"),o=\"show\"===a,r=\"hide\"===a,l=o||\"hide\"===a,h=2*(e.times||5)+(l?1:0),c=e.duration/h,u=0,d=n.queue(),p=d.length;for(!o&&n.is(\":visible\")||(n.css(\"opacity\",0).show(),u=1),s=1;s1&&d.splice.apply(d,[1,0].concat(d.splice(p,h+1))),n.dequeue()}}(jQuery),function(t){t.effects.effect.puff=function(e,i){var s=t(this),n=t.effects.setMode(s,e.mode||\"hide\"),a=\"hide\"===n,o=parseInt(e.percent,10)||150,r=o/100,l={height:s.height(),width:s.width(),outerHeight:s.outerHeight(),outerWidth:s.outerWidth()};t.extend(e,{effect:\"scale\",queue:!1,fade:!0,mode:n,complete:i,percent:a?o:100,from:a?l:{height:l.height*r,width:l.width*r,outerHeight:l.outerHeight*r,outerWidth:l.outerWidth*r}}),s.effect(e)},t.effects.effect.scale=function(e,i){var s=t(this),n=t.extend(!0,{},e),a=t.effects.setMode(s,e.mode||\"effect\"),o=parseInt(e.percent,10)||(0===parseInt(e.percent,10)?0:\"hide\"===a?0:100),r=e.direction||\"both\",l=e.origin,h={height:s.height(),width:s.width(),outerHeight:s.outerHeight(),outerWidth:s.outerWidth()},c={y:\"horizontal\"!==r?o/100:1,x:\"vertical\"!==r?o/100:1};n.effect=\"size\",n.queue=!1,n.complete=i,\"effect\"!==a&&(n.origin=l||[\"middle\",\"center\"],n.restore=!0),n.from=e.from||(\"show\"===a?{height:0,width:0,outerHeight:0,outerWidth:0}:h),n.to={height:h.height*c.y,width:h.width*c.x,outerHeight:h.outerHeight*c.y,outerWidth:h.outerWidth*c.x},n.fade&&(\"show\"===a&&(n.from.opacity=0,n.to.opacity=1),\"hide\"===a&&(n.from.opacity=1,n.to.opacity=0)),s.effect(n)},t.effects.effect.size=function(e,i){var s,n,a,o=t(this),r=[\"position\",\"top\",\"bottom\",\"left\",\"right\",\"width\",\"height\",\"overflow\",\"opacity\"],l=[\"position\",\"top\",\"bottom\",\"left\",\"right\",\"overflow\",\"opacity\"],h=[\"width\",\"height\",\"overflow\"],c=[\"fontSize\"],u=[\"borderTopWidth\",\"borderBottomWidth\",\"paddingTop\",\"paddingBottom\"],d=[\"borderLeftWidth\",\"borderRightWidth\",\"paddingLeft\",\"paddingRight\"],p=t.effects.setMode(o,e.mode||\"effect\"),f=e.restore||\"effect\"!==p,g=e.scale||\"both\",m=e.origin||[\"middle\",\"center\"],v=o.css(\"position\"),_=f?r:l,b={height:0,width:0,outerHeight:0,outerWidth:0};\"show\"===p&&o.show(),s={height:o.height(),width:o.width(),outerHeight:o.outerHeight(),outerWidth:o.outerWidth()},\"toggle\"===e.mode&&\"show\"===p?(o.from=e.to||b,o.to=e.from||s):(o.from=e.from||(\"show\"===p?b:s),o.to=e.to||(\"hide\"===p?b:s)),a={from:{y:o.from.height/s.height,x:o.from.width/s.width},to:{y:o.to.height/s.height,x:o.to.width/s.width}},\"box\"!==g&&\"both\"!==g||(a.from.y!==a.to.y&&(_=_.concat(u),o.from=t.effects.setTransition(o,u,a.from.y,o.from),o.to=t.effects.setTransition(o,u,a.to.y,o.to)),a.from.x!==a.to.x&&(_=_.concat(d),o.from=t.effects.setTransition(o,d,a.from.x,o.from),o.to=t.effects.setTransition(o,d,a.to.x,o.to))),\"content\"!==g&&\"both\"!==g||a.from.y!==a.to.y&&(_=_.concat(c).concat(h),o.from=t.effects.setTransition(o,c,a.from.y,o.from),o.to=t.effects.setTransition(o,c,a.to.y,o.to)),t.effects.save(o,_),o.show(),t.effects.createWrapper(o),o.css(\"overflow\",\"hidden\").css(o.from),m&&(n=t.effects.getBaseline(m,s),o.from.top=(s.outerHeight-o.outerHeight())*n.y,o.from.left=(s.outerWidth-o.outerWidth())*n.x,o.to.top=(s.outerHeight-o.to.outerHeight)*n.y,o.to.left=(s.outerWidth-o.to.outerWidth)*n.x),o.css(o.from),\"content\"!==g&&\"both\"!==g||(u=u.concat([\"marginTop\",\"marginBottom\"]).concat(c),d=d.concat([\"marginLeft\",\"marginRight\"]),h=r.concat(u).concat(d),o.find(\"*[width]\").each(function(){var i=t(this),s={height:i.height(),width:i.width(),outerHeight:i.outerHeight(),outerWidth:i.outerWidth()};f&&t.effects.save(i,h),i.from={height:s.height*a.from.y,width:s.width*a.from.x,outerHeight:s.outerHeight*a.from.y,outerWidth:s.outerWidth*a.from.x},i.to={height:s.height*a.to.y,width:s.width*a.to.x,outerHeight:s.height*a.to.y,outerWidth:s.width*a.to.x},a.from.y!==a.to.y&&(i.from=t.effects.setTransition(i,u,a.from.y,i.from),i.to=t.effects.setTransition(i,u,a.to.y,i.to)),a.from.x!==a.to.x&&(i.from=t.effects.setTransition(i,d,a.from.x,i.from),i.to=t.effects.setTransition(i,d,a.to.x,i.to)),i.css(i.from),i.animate(i.to,e.duration,e.easing,function(){f&&t.effects.restore(i,h)})})),o.animate(o.to,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){0===o.to.opacity&&o.css(\"opacity\",o.from.opacity),\"hide\"===p&&o.hide(),t.effects.restore(o,_),f||(\"static\"===v?o.css({position:\"relative\",top:o.to.top,left:o.to.left}):t.each([\"top\",\"left\"],function(t,e){o.css(e,function(e,i){var s=parseInt(i,10),n=t?o.to.left:o.to.top;return\"auto\"===i?n+\"px\":s+n+\"px\"})})),t.effects.removeWrapper(o),i()}})}}(jQuery),function(t){t.effects.effect.shake=function(e,i){var s,n=t(this),a=[\"position\",\"top\",\"bottom\",\"left\",\"right\",\"height\",\"width\"],o=t.effects.setMode(n,e.mode||\"effect\"),r=e.direction||\"left\",l=e.distance||20,h=e.times||3,c=2*h+1,u=Math.round(e.duration/c),d=\"up\"===r||\"down\"===r?\"top\":\"left\",p=\"up\"===r||\"left\"===r,f={},g={},m={},v=n.queue(),_=v.length;for(t.effects.save(n,a),n.show(),t.effects.createWrapper(n),f[d]=(p?\"-=\":\"+=\")+l,g[d]=(p?\"+=\":\"-=\")+2*l,m[d]=(p?\"-=\":\"+=\")+2*l,n.animate(f,u,e.easing),s=1;s1&&v.splice.apply(v,[1,0].concat(v.splice(_,c+1))),n.dequeue()}}(jQuery),function(t){t.effects.effect.slide=function(e,i){var s,n=t(this),a=[\"position\",\"top\",\"bottom\",\"left\",\"right\",\"width\",\"height\"],o=t.effects.setMode(n,e.mode||\"show\"),r=\"show\"===o,l=e.direction||\"left\",h=\"up\"===l||\"down\"===l?\"top\":\"left\",c=\"up\"===l||\"left\"===l,u={};t.effects.save(n,a),n.show(),s=e.distance||n[\"top\"===h?\"outerHeight\":\"outerWidth\"](!0),t.effects.createWrapper(n).css({overflow:\"hidden\"}),r&&n.css(h,c?isNaN(s)?\"-\"+s:-s:s),u[h]=(r?c?\"+=\":\"-=\":c?\"-=\":\"+=\")+s,n.animate(u,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){\"hide\"===o&&n.hide(),t.effects.restore(n,a),t.effects.removeWrapper(n),i()}})}}(jQuery),function(t){t.effects.effect.transfer=function(e,i){var s=t(this),n=t(e.to),a=\"fixed\"===n.css(\"position\"),o=t(\"body\"),r=a?o.scrollTop():0,l=a?o.scrollLeft():0,h=n.offset(),c={top:h.top-r,left:h.left-l,height:n.innerHeight(),width:n.innerWidth()},u=s.offset(),d=t('
').appendTo(document.body).addClass(e.className).css({top:u.top-r,left:u.left-l,height:s.innerHeight(),width:s.innerWidth(),position:a?\"fixed\":\"absolute\"}).animate(c,e.duration,e.easing,function(){d.remove(),i()})}}(jQuery),function(t){var e=!1;t.widget(\"ui.menu\",{version:\"1.9.2\",defaultElement:\"
    \",delay:300,options:{icons:{submenu:\"ui-icon-carat-1-e\"},menus:\"ul\",position:{my:\"left top\",at:\"right top\"},role:\"menu\",blur:null,focus:null,select:null},_create:function(){this.activeMenu=this.element,this.element.uniqueId().addClass(\"ui-menu ui-widget ui-widget-content ui-corner-all\").toggleClass(\"ui-menu-icons\",!!this.element.find(\".ui-icon\").length).attr({role:this.options.role,tabIndex:0}).bind(\"click\"+this.eventNamespace,t.proxy(function(t){this.options.disabled&&t.preventDefault()},this)),this.options.disabled&&this.element.addClass(\"ui-state-disabled\").attr(\"aria-disabled\",\"true\"),this._on({\n\"mousedown .ui-menu-item > a\":function(t){t.preventDefault()},\"click .ui-state-disabled > a\":function(t){t.preventDefault()},\"click .ui-menu-item:has(a)\":function(i){var s=t(i.target).closest(\".ui-menu-item\");!e&&s.not(\".ui-state-disabled\").length&&(e=!0,this.select(i),s.has(\".ui-menu\").length?this.expand(i):this.element.is(\":focus\")||(this.element.trigger(\"focus\",[!0]),this.active&&1===this.active.parents(\".ui-menu\").length&&clearTimeout(this.timer)))},\"mouseenter .ui-menu-item\":function(e){var i=t(e.currentTarget);i.siblings().children(\".ui-state-active\").removeClass(\"ui-state-active\"),this.focus(e,i)},mouseleave:\"collapseAll\",\"mouseleave .ui-menu\":\"collapseAll\",focus:function(t,e){var i=this.active||this.element.children(\".ui-menu-item\").eq(0);e||this.focus(t,i)},blur:function(e){this._delay(function(){t.contains(this.element[0],this.document[0].activeElement)||this.collapseAll(e)})},keydown:\"_keydown\"}),this.refresh(),this._on(this.document,{click:function(i){t(i.target).closest(\".ui-menu\").length||this.collapseAll(i),e=!1}})},_destroy:function(){this.element.removeAttr(\"aria-activedescendant\").find(\".ui-menu\").andSelf().removeClass(\"ui-menu ui-widget ui-widget-content ui-corner-all ui-menu-icons\").removeAttr(\"role\").removeAttr(\"tabIndex\").removeAttr(\"aria-labelledby\").removeAttr(\"aria-expanded\").removeAttr(\"aria-hidden\").removeAttr(\"aria-disabled\").removeUniqueId().show(),this.element.find(\".ui-menu-item\").removeClass(\"ui-menu-item\").removeAttr(\"role\").removeAttr(\"aria-disabled\").children(\"a\").removeUniqueId().removeClass(\"ui-corner-all ui-state-hover\").removeAttr(\"tabIndex\").removeAttr(\"role\").removeAttr(\"aria-haspopup\").children().each(function(){var e=t(this);e.data(\"ui-menu-submenu-carat\")&&e.remove()}),this.element.find(\".ui-menu-divider\").removeClass(\"ui-menu-divider ui-widget-content\")},_keydown:function(e){function i(t){return t.replace(/[\\-\\[\\]{}()*+?.,\\\\\\^$|#\\s]/g,\"\\\\$&\")}var s,n,a,o,r,l=!0;switch(e.keyCode){case t.ui.keyCode.PAGE_UP:this.previousPage(e);break;case t.ui.keyCode.PAGE_DOWN:this.nextPage(e);break;case t.ui.keyCode.HOME:this._move(\"first\",\"first\",e);break;case t.ui.keyCode.END:this._move(\"last\",\"last\",e);break;case t.ui.keyCode.UP:this.previous(e);break;case t.ui.keyCode.DOWN:this.next(e);break;case t.ui.keyCode.LEFT:this.collapse(e);break;case t.ui.keyCode.RIGHT:this.active&&!this.active.is(\".ui-state-disabled\")&&this.expand(e);break;case t.ui.keyCode.ENTER:case t.ui.keyCode.SPACE:this._activate(e);break;case t.ui.keyCode.ESCAPE:this.collapse(e);break;default:l=!1,n=this.previousFilter||\"\",a=String.fromCharCode(e.keyCode),o=!1,clearTimeout(this.filterTimer),a===n?o=!0:a=n+a,r=new RegExp(\"^\"+i(a),\"i\"),s=this.activeMenu.children(\".ui-menu-item\").filter(function(){return r.test(t(this).children(\"a\").text())}),s=o&&-1!==s.index(this.active.next())?this.active.nextAll(\".ui-menu-item\"):s,s.length||(a=String.fromCharCode(e.keyCode),r=new RegExp(\"^\"+i(a),\"i\"),s=this.activeMenu.children(\".ui-menu-item\").filter(function(){return r.test(t(this).children(\"a\").text())})),s.length?(this.focus(e,s),s.length>1?(this.previousFilter=a,this.filterTimer=this._delay(function(){delete this.previousFilter},1e3)):delete this.previousFilter):delete this.previousFilter}l&&e.preventDefault()},_activate:function(t){this.active.is(\".ui-state-disabled\")||(this.active.children(\"a[aria-haspopup='true']\").length?this.expand(t):this.select(t))},refresh:function(){var e,i=this.options.icons.submenu,s=this.element.find(this.options.menus);s.filter(\":not(.ui-menu)\").addClass(\"ui-menu ui-widget ui-widget-content ui-corner-all\").hide().attr({role:this.options.role,\"aria-hidden\":\"true\",\"aria-expanded\":\"false\"}).each(function(){var e=t(this),s=e.prev(\"a\"),n=t(\"\").addClass(\"ui-menu-icon ui-icon \"+i).data(\"ui-menu-submenu-carat\",!0);s.attr(\"aria-haspopup\",\"true\").prepend(n),e.attr(\"aria-labelledby\",s.attr(\"id\"))}),e=s.add(this.element),e.children(\":not(.ui-menu-item):has(a)\").addClass(\"ui-menu-item\").attr(\"role\",\"presentation\").children(\"a\").uniqueId().addClass(\"ui-corner-all\").attr({tabIndex:-1,role:this._itemRole()}),e.children(\":not(.ui-menu-item)\").each(function(){var e=t(this);/[^\\-\\u2014\\u2013\\s]/.test(e.text())||e.addClass(\"ui-widget-content ui-menu-divider\")}),e.children(\".ui-state-disabled\").attr(\"aria-disabled\",\"true\"),this.active&&!t.contains(this.element[0],this.active[0])&&this.blur()},_itemRole:function(){return{menu:\"menuitem\",listbox:\"option\"}[this.options.role]},focus:function(t,e){var i,s;this.blur(t,t&&\"focus\"===t.type),this._scrollIntoView(e),this.active=e.first(),s=this.active.children(\"a\").addClass(\"ui-state-focus\"),this.options.role&&this.element.attr(\"aria-activedescendant\",s.attr(\"id\")),this.active.parent().closest(\".ui-menu-item\").children(\"a:first\").addClass(\"ui-state-active\"),t&&\"keydown\"===t.type?this._close():this.timer=this._delay(function(){this._close()},this.delay),i=e.children(\".ui-menu\"),i.length&&/^mouse/.test(t.type)&&this._startOpening(i),this.activeMenu=e.parent(),this._trigger(\"focus\",t,{item:e})},_scrollIntoView:function(e){var i,s,n,a,o,r;this._hasScroll()&&(i=parseFloat(t.css(this.activeMenu[0],\"borderTopWidth\"))||0,s=parseFloat(t.css(this.activeMenu[0],\"paddingTop\"))||0,n=e.offset().top-this.activeMenu.offset().top-i-s,a=this.activeMenu.scrollTop(),o=this.activeMenu.height(),r=e.height(),n<0?this.activeMenu.scrollTop(a+n):n+r>o&&this.activeMenu.scrollTop(a+n-o+r))},blur:function(t,e){e||clearTimeout(this.timer),this.active&&(this.active.children(\"a\").removeClass(\"ui-state-focus\"),this.active=null,this._trigger(\"blur\",t,{item:this.active}))},_startOpening:function(t){clearTimeout(this.timer),\"true\"===t.attr(\"aria-hidden\")&&(this.timer=this._delay(function(){this._close(),this._open(t)},this.delay))},_open:function(e){var i=t.extend({of:this.active},this.options.position);clearTimeout(this.timer),this.element.find(\".ui-menu\").not(e.parents(\".ui-menu\")).hide().attr(\"aria-hidden\",\"true\"),e.show().removeAttr(\"aria-hidden\").attr(\"aria-expanded\",\"true\").position(i)},collapseAll:function(e,i){clearTimeout(this.timer),this.timer=this._delay(function(){var s=i?this.element:t(e&&e.target).closest(this.element.find(\".ui-menu\"));s.length||(s=this.element),this._close(s),this.blur(e),this.activeMenu=s},this.delay)},_close:function(t){t||(t=this.active?this.active.parent():this.element),t.find(\".ui-menu\").hide().attr(\"aria-hidden\",\"true\").attr(\"aria-expanded\",\"false\").end().find(\"a.ui-state-active\").removeClass(\"ui-state-active\")},collapse:function(t){var e=this.active&&this.active.parent().closest(\".ui-menu-item\",this.element);e&&e.length&&(this._close(),this.focus(t,e))},expand:function(t){var e=this.active&&this.active.children(\".ui-menu \").children(\".ui-menu-item\").first();e&&e.length&&(this._open(e.parent()),this._delay(function(){this.focus(t,e)}))},next:function(t){this._move(\"next\",\"first\",t)},previous:function(t){this._move(\"prev\",\"last\",t)},isFirstItem:function(){return this.active&&!this.active.prevAll(\".ui-menu-item\").length},isLastItem:function(){return this.active&&!this.active.nextAll(\".ui-menu-item\").length},_move:function(t,e,i){var s;this.active&&(s=\"first\"===t||\"last\"===t?this.active[\"first\"===t?\"prevAll\":\"nextAll\"](\".ui-menu-item\").eq(-1):this.active[t+\"All\"](\".ui-menu-item\").eq(0)),s&&s.length&&this.active||(s=this.activeMenu.children(\".ui-menu-item\")[e]()),this.focus(i,s)},nextPage:function(e){var i,s,n;if(!this.active)return void this.next(e);this.isLastItem()||(this._hasScroll()?(s=this.active.offset().top,n=this.element.height(),this.active.nextAll(\".ui-menu-item\").each(function(){return i=t(this),i.offset().top-s-n<0}),this.focus(e,i)):this.focus(e,this.activeMenu.children(\".ui-menu-item\")[this.active?\"last\":\"first\"]()))},previousPage:function(e){var i,s,n;if(!this.active)return void this.next(e);this.isFirstItem()||(this._hasScroll()?(s=this.active.offset().top,n=this.element.height(),this.active.prevAll(\".ui-menu-item\").each(function(){return i=t(this),i.offset().top-s+n>0}),this.focus(e,i)):this.focus(e,this.activeMenu.children(\".ui-menu-item\").first()))},_hasScroll:function(){return this.element.outerHeight()
\"),o=a.children()[0];return t(\"body\").append(a),i=o.offsetWidth,a.css(\"overflow\",\"scroll\"),s=o.offsetWidth,i===s&&(s=a[0].clientWidth),a.remove(),n=i-s},getScrollInfo:function(e){var i=e.isWindow?\"\":e.element.css(\"overflow-x\"),s=e.isWindow?\"\":e.element.css(\"overflow-y\"),n=\"scroll\"===i||\"auto\"===i&&e.width0?\"right\":\"center\",vertical:r<0?\"top\":n>0?\"bottom\":\"middle\"};da(o(n),o(r))?l.important=\"horizontal\":l.important=\"vertical\",e.using.call(this,t,l)}),c.offset(t.extend(I,{using:h}))})},t.ui.position={fit:{left:function(t,e){var i,s=e.within,n=s.isWindow?s.scrollLeft:s.offset.left,o=s.width,r=t.left-e.collisionPosition.marginLeft,l=n-r,h=r+e.collisionWidth-o-n;e.collisionWidth>o?l>0&&h<=0?(i=t.left+l+e.collisionWidth-o-n,t.left+=l-i):t.left=h>0&&l<=0?n:l>h?n+o-e.collisionWidth:n:l>0?t.left+=l:h>0?t.left-=h:t.left=a(t.left-r,t.left)},top:function(t,e){var i,s=e.within,n=s.isWindow?s.scrollTop:s.offset.top,o=e.within.height,r=t.top-e.collisionPosition.marginTop,l=n-r,h=r+e.collisionHeight-o-n;e.collisionHeight>o?l>0&&h<=0?(i=t.top+l+e.collisionHeight-o-n,t.top+=l-i):t.top=h>0&&l<=0?n:l>h?n+o-e.collisionHeight:n:l>0?t.top+=l:h>0?t.top-=h:t.top=a(t.top-r,t.top)}},flip:{left:function(t,e){var i,s,n=e.within,a=n.offset.left+n.scrollLeft,r=n.width,l=n.isWindow?n.scrollLeft:n.offset.left,h=t.left-e.collisionPosition.marginLeft,c=h-l,u=h+e.collisionWidth-r-l,d=\"left\"===e.my[0]?-e.elemWidth:\"right\"===e.my[0]?e.elemWidth:0,p=\"left\"===e.at[0]?e.targetWidth:\"right\"===e.at[0]?-e.targetWidth:0,f=-2*e.offset[0];c<0?((i=t.left+d+p+f+e.collisionWidth-r-a)<0||i0&&((s=t.left-e.collisionPosition.marginLeft+d+p+f-l)>0||o(s)c&&(s<0||s0&&(i=t.top-e.collisionPosition.marginTop+p+f+g-l,t.top+p+f+g>u&&(i>0||o(i)10&&n<11,e.innerHTML=\"\",i.removeChild(e)}(),!1!==t.uiBackCompat&&function(t){var i=t.fn.position;t.fn.position=function(s){if(!s||!s.offset)return i.call(this,s);var n=s.offset.split(\" \"),a=s.at.split(\" \");return 1===n.length&&(n[1]=n[0]),/^\\d/.test(n[0])&&(n[0]=\"+\"+n[0]),/^\\d/.test(n[1])&&(n[1]=\"+\"+n[1]),1===a.length&&(/left|center|right/.test(a[0])?a[1]=\"center\":(a[1]=a[0],a[0]=\"center\")),i.call(this,t.extend(s,{at:a[0]+n[0]+\" \"+a[1]+n[1],offset:e}))}}(jQuery)}(jQuery),function(t,e){t.widget(\"ui.progressbar\",{version:\"1.9.2\",options:{value:0,max:100},min:0,_create:function(){this.element.addClass(\"ui-progressbar ui-widget ui-widget-content ui-corner-all\").attr({role:\"progressbar\",\"aria-valuemin\":this.min,\"aria-valuemax\":this.options.max,\"aria-valuenow\":this._value()}),this.valueDiv=t(\"
\").appendTo(this.element),this.oldValue=this._value(),this._refreshValue()},_destroy:function(){this.element.removeClass(\"ui-progressbar ui-widget ui-widget-content ui-corner-all\").removeAttr(\"role\").removeAttr(\"aria-valuemin\").removeAttr(\"aria-valuemax\").removeAttr(\"aria-valuenow\"),this.valueDiv.remove()},value:function(t){return t===e?this._value():(this._setOption(\"value\",t),this)},_setOption:function(t,e){\"value\"===t&&(this.options.value=e,this._refreshValue(),this._value()===this.options.max&&this._trigger(\"complete\")),this._super(t,e)},_value:function(){var t=this.options.value;return\"number\"!=typeof t&&(t=0),Math.min(this.options.max,Math.max(this.min,t))},_percentage:function(){return 100*this._value()/this.options.max},_refreshValue:function(){var t=this.value(),e=this._percentage();this.oldValue!==t&&(this.oldValue=t,this._trigger(\"change\")),this.valueDiv.toggle(t>this.min).toggleClass(\"ui-corner-right\",t===this.options.max).width(e.toFixed(0)+\"%\"),this.element.attr(\"aria-valuenow\",t)}})}(jQuery),function(t){var e=5;t.widget(\"ui.slider\",t.ui.mouse,{version:\"1.9.2\",widgetEventPrefix:\"slide\",options:{animate:!1,distance:0,max:100,min:0,orientation:\"horizontal\",range:!1,step:1,value:0,values:null},_create:function(){var i,s,n=this.options,a=this.element.find(\".ui-slider-handle\").addClass(\"ui-state-default ui-corner-all\"),o=[];for(this._keySliding=!1,this._mouseSliding=!1,this._animateOff=!0,this._handleIndex=null,this._detectOrientation(),this._mouseInit(),this.element.addClass(\"ui-slider ui-slider-\"+this.orientation+\" ui-widget ui-widget-content ui-corner-all\"+(n.disabled?\" ui-slider-disabled ui-disabled\":\"\")),this.range=t([]),n.range&&(!0===n.range&&(n.values||(n.values=[this._valueMin(),this._valueMin()]),n.values.length&&2!==n.values.length&&(n.values=[n.values[0],n.values[0]])),this.range=t(\"
\").appendTo(this.element).addClass(\"ui-slider-range ui-widget-header\"+(\"min\"===n.range||\"max\"===n.range?\" ui-slider-range-\"+n.range:\"\"))),s=n.values&&n.values.length||1,i=a.length;i\");this.handles=a.add(t(o.join(\"\")).appendTo(this.element)),this.handle=this.handles.eq(0),this.handles.add(this.range).filter(\"a\").click(function(t){t.preventDefault()}).mouseenter(function(){n.disabled||t(this).addClass(\"ui-state-hover\")}).mouseleave(function(){t(this).removeClass(\"ui-state-hover\")}).focus(function(){n.disabled?t(this).blur():(t(\".ui-slider .ui-state-focus\").removeClass(\"ui-state-focus\"),t(this).addClass(\"ui-state-focus\"))}).blur(function(){t(this).removeClass(\"ui-state-focus\")}),this.handles.each(function(e){t(this).data(\"ui-slider-handle-index\",e)}),this._on(this.handles,{keydown:function(i){var s,n,a,o=t(i.target).data(\"ui-slider-handle-index\");switch(i.keyCode){case t.ui.keyCode.HOME:case t.ui.keyCode.END:case t.ui.keyCode.PAGE_UP:case t.ui.keyCode.PAGE_DOWN:case t.ui.keyCode.UP:case t.ui.keyCode.RIGHT:case t.ui.keyCode.DOWN:case t.ui.keyCode.LEFT:if(i.preventDefault(),!this._keySliding&&(this._keySliding=!0,t(i.target).addClass(\"ui-state-active\"),!1===this._start(i,o)))return}switch(a=this.options.step,s=n=this.options.values&&this.options.values.length?this.values(o):this.value(),i.keyCode){case t.ui.keyCode.HOME:n=this._valueMin();break;case t.ui.keyCode.END:n=this._valueMax();break;case t.ui.keyCode.PAGE_UP:n=this._trimAlignValue(s+(this._valueMax()-this._valueMin())/e);break;case t.ui.keyCode.PAGE_DOWN:n=this._trimAlignValue(s-(this._valueMax()-this._valueMin())/e);break;case t.ui.keyCode.UP:case t.ui.keyCode.RIGHT:if(s===this._valueMax())return;n=this._trimAlignValue(s+a);break;case t.ui.keyCode.DOWN:case t.ui.keyCode.LEFT:if(s===this._valueMin())return;n=this._trimAlignValue(s-a)}this._slide(i,o,n)},keyup:function(e){var i=t(e.target).data(\"ui-slider-handle-index\");this._keySliding&&(this._keySliding=!1,this._stop(e,i),this._change(e,i),t(e.target).removeClass(\"ui-state-active\"))}}),this._refreshValue(),this._animateOff=!1},_destroy:function(){this.handles.remove(),this.range.remove(),this.element.removeClass(\"ui-slider ui-slider-horizontal ui-slider-vertical ui-slider-disabled ui-widget ui-widget-content ui-corner-all\"),this._mouseDestroy()},_mouseCapture:function(e){var i,s,n,a,o,r,l,h=this,c=this.options;return!c.disabled&&(this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()},this.elementOffset=this.element.offset(),i={x:e.pageX,y:e.pageY},s=this._normValueFromMouse(i),n=this._valueMax()-this._valueMin()+1,this.handles.each(function(e){var i=Math.abs(s-h.values(e));n>i&&(n=i,a=t(this),o=e)}),!0===c.range&&this.values(1)===c.min&&(o+=1,a=t(this.handles[o])),!1!==this._start(e,o)&&(this._mouseSliding=!0,this._handleIndex=o,a.addClass(\"ui-state-active\").focus(),r=a.offset(),l=!t(e.target).parents().andSelf().is(\".ui-slider-handle\"),this._clickOffset=l?{left:0,top:0}:{left:e.pageX-r.left-a.width()/2,top:e.pageY-r.top-a.height()/2-(parseInt(a.css(\"borderTopWidth\"),10)||0)-(parseInt(a.css(\"borderBottomWidth\"),10)||0)+(parseInt(a.css(\"marginTop\"),10)||0)},this.handles.hasClass(\"ui-state-hover\")||this._slide(e,o,s),this._animateOff=!0,!0))},_mouseStart:function(){return!0},_mouseDrag:function(t){var e={x:t.pageX,y:t.pageY},i=this._normValueFromMouse(e);return this._slide(t,this._handleIndex,i),!1},_mouseStop:function(t){return this.handles.removeClass(\"ui-state-active\"),this._mouseSliding=!1,this._stop(t,this._handleIndex),this._change(t,this._handleIndex),this._handleIndex=null,this._clickOffset=null,this._animateOff=!1,!1},_detectOrientation:function(){this.orientation=\"vertical\"===this.options.orientation?\"vertical\":\"horizontal\"},_normValueFromMouse:function(t){var e,i,s,n,a;return\"horizontal\"===this.orientation?(e=this.elementSize.width,i=t.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)):(e=this.elementSize.height,i=t.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)),s=i/e,s>1&&(s=1),s<0&&(s=0),\"vertical\"===this.orientation&&(s=1-s),n=this._valueMax()-this._valueMin(),a=this._valueMin()+s*n,this._trimAlignValue(a)},_start:function(t,e){var i={handle:this.handles[e],value:this.value()};return this.options.values&&this.options.values.length&&(i.value=this.values(e),i.values=this.values()),this._trigger(\"start\",t,i)},_slide:function(t,e,i){var s,n,a;this.options.values&&this.options.values.length?(s=this.values(e?0:1),2===this.options.values.length&&!0===this.options.range&&(0===e&&i>s||1===e&&i1)return this.options.values[e]=this._trimAlignValue(i),this._refreshValue(),void this._change(null,e);if(!arguments.length)return this._values();if(!t.isArray(arguments[0]))return this.options.values&&this.options.values.length?this._values(e):this.value();for(s=this.options.values,n=arguments[0],a=0;a=this._valueMax())return this._valueMax();var e=this.options.step>0?this.options.step:1,i=(t-this._valueMin())%e,s=t-i;return 2*Math.abs(i)>=e&&(s+=i>0?e:-e),parseFloat(s.toFixed(5))},_valueMin:function(){return this.options.min},_valueMax:function(){return this.options.max},_refreshValue:function(){var e,i,s,n,a,o=this.options.range,r=this.options,l=this,h=!this._animateOff&&r.animate,c={};this.options.values&&this.options.values.length?this.handles.each(function(s){i=(l.values(s)-l._valueMin())/(l._valueMax()-l._valueMin())*100,c[\"horizontal\"===l.orientation?\"left\":\"bottom\"]=i+\"%\",t(this).stop(1,1)[h?\"animate\":\"css\"](c,r.animate),!0===l.options.range&&(\"horizontal\"===l.orientation?(0===s&&l.range.stop(1,1)[h?\"animate\":\"css\"]({left:i+\"%\"},r.animate),1===s&&l.range[h?\"animate\":\"css\"]({width:i-e+\"%\"},{queue:!1,duration:r.animate})):(0===s&&l.range.stop(1,1)[h?\"animate\":\"css\"]({bottom:i+\"%\"},r.animate),1===s&&l.range[h?\"animate\":\"css\"]({height:i-e+\"%\"},{queue:!1,duration:r.animate}))),e=i}):(s=this.value(),n=this._valueMin(),a=this._valueMax(),i=a!==n?(s-n)/(a-n)*100:0,c[\"horizontal\"===this.orientation?\"left\":\"bottom\"]=i+\"%\",this.handle.stop(1,1)[h?\"animate\":\"css\"](c,r.animate),\"min\"===o&&\"horizontal\"===this.orientation&&this.range.stop(1,1)[h?\"animate\":\"css\"]({width:i+\"%\"},r.animate),\"max\"===o&&\"horizontal\"===this.orientation&&this.range[h?\"animate\":\"css\"]({width:100-i+\"%\"},{queue:!1,duration:r.animate}),\"min\"===o&&\"vertical\"===this.orientation&&this.range.stop(1,1)[h?\"animate\":\"css\"]({height:i+\"%\"},r.animate),\"max\"===o&&\"vertical\"===this.orientation&&this.range[h?\"animate\":\"css\"]({height:100-i+\"%\"},{queue:!1,duration:r.animate}))}})}(jQuery),function(t){function e(t){return function(){var e=this.element.val();t.apply(this,arguments),this._refresh(),e!==this.element.val()&&this._trigger(\"change\")}}t.widget(\"ui.spinner\",{version:\"1.9.2\",defaultElement:\"\",widgetEventPrefix:\"spin\",options:{culture:null,icons:{down:\"ui-icon-triangle-1-s\",up:\"ui-icon-triangle-1-n\"},incremental:!0,max:null,min:null,numberFormat:null,page:10,step:1,change:null,spin:null,start:null,stop:null},_create:function(){this._setOption(\"max\",this.options.max),this._setOption(\"min\",this.options.min),this._setOption(\"step\",this.options.step),this._value(this.element.val(),!0),this._draw(),this._on(this._events),this._refresh(),this._on(this.window,{beforeunload:function(){this.element.removeAttr(\"autocomplete\")}})},_getCreateOptions:function(){var e={},i=this.element;return t.each([\"min\",\"max\",\"step\"],function(t,s){var n=i.attr(s);n!==undefined&&n.length&&(e[s]=n)}),e},_events:{keydown:function(t){this._start(t)&&this._keydown(t)&&t.preventDefault()},keyup:\"_stop\",focus:function(){this.previous=this.element.val()},blur:function(t){if(this.cancelBlur)return void delete this.cancelBlur;this._refresh(),this.previous!==this.element.val()&&this._trigger(\"change\",t)},mousewheel:function(t,e){if(e){if(!this.spinning&&!this._start(t))return!1;this._spin((e>0?1:-1)*this.options.step,t),clearTimeout(this.mousewheelTimer),this.mousewheelTimer=this._delay(function(){this.spinning&&this._stop(t)},100),t.preventDefault()}},\"mousedown .ui-spinner-button\":function(e){function i(){this.element[0]===this.document[0].activeElement||(this.element.focus(),this.previous=s,this._delay(function(){this.previous=s}))}var s;s=this.element[0]===this.document[0].activeElement?this.previous:this.element.val(),e.preventDefault(),i.call(this),this.cancelBlur=!0,this._delay(function(){delete this.cancelBlur,i.call(this)}),!1!==this._start(e)&&this._repeat(null,t(e.currentTarget).hasClass(\"ui-spinner-up\")?1:-1,e)},\"mouseup .ui-spinner-button\":\"_stop\",\"mouseenter .ui-spinner-button\":function(e){if(t(e.currentTarget).hasClass(\"ui-state-active\"))return!1!==this._start(e)&&void this._repeat(null,t(e.currentTarget).hasClass(\"ui-spinner-up\")?1:-1,e)},\"mouseleave .ui-spinner-button\":\"_stop\"},_draw:function(){var t=this.uiSpinner=this.element.addClass(\"ui-spinner-input\").attr(\"autocomplete\",\"off\").wrap(this._uiSpinnerHtml()).parent().append(this._buttonHtml());this.element.attr(\"role\",\"spinbutton\"),this.buttons=t.find(\".ui-spinner-button\").attr(\"tabIndex\",-1).button().removeClass(\"ui-corner-all\"),this.buttons.height()>Math.ceil(.5*t.height())&&t.height()>0&&t.height(t.height()),this.options.disabled&&this.disable()},_keydown:function(e){var i=this.options,s=t.ui.keyCode;switch(e.keyCode){case s.UP:return this._repeat(null,1,e),!0;case s.DOWN:return this._repeat(null,-1,e),!0;case s.PAGE_UP:return this._repeat(null,i.page,e),!0;case s.PAGE_DOWN:return this._repeat(null,-i.page,e),!0}return!1},_uiSpinnerHtml:function(){return\"\"},_buttonHtml:function(){return\"\"},_start:function(t){return!(!this.spinning&&!1===this._trigger(\"start\",t))&&(this.counter||(this.counter=1),this.spinning=!0,!0)},_repeat:function(t,e,i){t=t||500,clearTimeout(this.timer),this.timer=this._delay(function(){this._repeat(40,e,i)},t),this._spin(e*this.options.step,i)},_spin:function(t,e){var i=this.value()||0;this.counter||(this.counter=1),i=this._adjustValue(i+t*this._increment(this.counter)),this.spinning&&!1===this._trigger(\"spin\",e,{value:i})||(this._value(i),this.counter++)},_increment:function(e){var i=this.options.incremental;return i?t.isFunction(i)?i(e):Math.floor(e*e*e/5e4-e*e/500+17*e/200+1):1},_precision:function(){var t=this._precisionOf(this.options.step);return null!==this.options.min&&(t=Math.max(t,this._precisionOf(this.options.min))),t},_precisionOf:function(t){var e=t.toString(),i=e.indexOf(\".\");return-1===i?0:e.length-i-1},_adjustValue:function(t){var e,i,s=this.options;return e=null!==s.min?s.min:0,i=t-e,i=Math.round(i/s.step)*s.step,t=e+i,t=parseFloat(t.toFixed(this._precision())),null!==s.max&&t>s.max?s.max:null!==s.min&&t1&&t.href.replace(a,\"\")===location.href.replace(a,\"\").replace(/\\s/g,\"%20\")}var n=0,a=/#.*$/;t.widget(\"ui.tabs\",{version:\"1.9.2\",delay:300,options:{active:null,collapsible:!1,event:\"click\",heightStyle:\"content\",hide:null,show:null,activate:null,beforeActivate:null,beforeLoad:null,load:null},_create:function(){\nvar e=this,i=this.options,s=i.active,n=location.hash.substring(1);this.running=!1,this.element.addClass(\"ui-tabs ui-widget ui-widget-content ui-corner-all\").toggleClass(\"ui-tabs-collapsible\",i.collapsible).delegate(\".ui-tabs-nav > li\",\"mousedown\"+this.eventNamespace,function(e){t(this).is(\".ui-state-disabled\")&&e.preventDefault()}).delegate(\".ui-tabs-anchor\",\"focus\"+this.eventNamespace,function(){t(this).closest(\"li\").is(\".ui-state-disabled\")&&this.blur()}),this._processTabs(),null===s&&(n&&this.tabs.each(function(e,i){if(t(i).attr(\"aria-controls\")===n)return s=e,!1}),null===s&&(s=this.tabs.index(this.tabs.filter(\".ui-tabs-active\"))),null!==s&&-1!==s||(s=!!this.tabs.length&&0)),!1!==s&&-1===(s=this.tabs.index(this.tabs.eq(s)))&&(s=!i.collapsible&&0),i.active=s,!i.collapsible&&!1===i.active&&this.anchors.length&&(i.active=0),t.isArray(i.disabled)&&(i.disabled=t.unique(i.disabled.concat(t.map(this.tabs.filter(\".ui-state-disabled\"),function(t){return e.tabs.index(t)}))).sort()),!1!==this.options.active&&this.anchors.length?this.active=this._findActive(this.options.active):this.active=t(),this._refresh(),this.active.length&&this.load(i.active)},_getCreateEventData:function(){return{tab:this.active,panel:this.active.length?this._getPanelForTab(this.active):t()}},_tabKeydown:function(e){var i=t(this.document[0].activeElement).closest(\"li\"),s=this.tabs.index(i),n=!0;if(!this._handlePageNav(e)){switch(e.keyCode){case t.ui.keyCode.RIGHT:case t.ui.keyCode.DOWN:s++;break;case t.ui.keyCode.UP:case t.ui.keyCode.LEFT:n=!1,s--;break;case t.ui.keyCode.END:s=this.anchors.length-1;break;case t.ui.keyCode.HOME:s=0;break;case t.ui.keyCode.SPACE:return e.preventDefault(),clearTimeout(this.activating),void this._activate(s);case t.ui.keyCode.ENTER:return e.preventDefault(),clearTimeout(this.activating),void this._activate(s!==this.options.active&&s);default:return}e.preventDefault(),clearTimeout(this.activating),s=this._focusNextTab(s,n),e.ctrlKey||(i.attr(\"aria-selected\",\"false\"),this.tabs.eq(s).attr(\"aria-selected\",\"true\"),this.activating=this._delay(function(){this.option(\"active\",s)},this.delay))}},_panelKeydown:function(e){this._handlePageNav(e)||e.ctrlKey&&e.keyCode===t.ui.keyCode.UP&&(e.preventDefault(),this.active.focus())},_handlePageNav:function(e){return e.altKey&&e.keyCode===t.ui.keyCode.PAGE_UP?(this._activate(this._focusNextTab(this.options.active-1,!1)),!0):e.altKey&&e.keyCode===t.ui.keyCode.PAGE_DOWN?(this._activate(this._focusNextTab(this.options.active+1,!0)),!0):void 0},_findNextTab:function(e,i){function s(){return e>n&&(e=0),e<0&&(e=n),e}for(var n=this.tabs.length-1;-1!==t.inArray(s(),this.options.disabled);)e=i?e+1:e-1;return e},_focusNextTab:function(t,e){return t=this._findNextTab(t,e),this.tabs.eq(t).focus(),t},_setOption:function(t,e){return\"active\"===t?void this._activate(e):\"disabled\"===t?void this._setupDisabled(e):(this._super(t,e),\"collapsible\"===t&&(this.element.toggleClass(\"ui-tabs-collapsible\",e),e||!1!==this.options.active||this._activate(0)),\"event\"===t&&this._setupEvents(e),void(\"heightStyle\"===t&&this._setupHeightStyle(e)))},_tabId:function(t){return t.attr(\"aria-controls\")||\"ui-tabs-\"+i()},_sanitizeSelector:function(t){return t?t.replace(/[!\"$%&'()*+,.\\/:;<=>?@\\[\\]\\^`{|}~]/g,\"\\\\$&\"):\"\"},refresh:function(){var e=this.options,i=this.tablist.children(\":has(a[href])\");e.disabled=t.map(i.filter(\".ui-state-disabled\"),function(t){return i.index(t)}),this._processTabs(),!1!==e.active&&this.anchors.length?this.active.length&&!t.contains(this.tablist[0],this.active[0])?this.tabs.length===e.disabled.length?(e.active=!1,this.active=t()):this._activate(this._findNextTab(Math.max(0,e.active-1),!1)):e.active=this.tabs.index(this.active):(e.active=!1,this.active=t()),this._refresh()},_refresh:function(){this._setupDisabled(this.options.disabled),this._setupEvents(this.options.event),this._setupHeightStyle(this.options.heightStyle),this.tabs.not(this.active).attr({\"aria-selected\":\"false\",tabIndex:-1}),this.panels.not(this._getPanelForTab(this.active)).hide().attr({\"aria-expanded\":\"false\",\"aria-hidden\":\"true\"}),this.active.length?(this.active.addClass(\"ui-tabs-active ui-state-active\").attr({\"aria-selected\":\"true\",tabIndex:0}),this._getPanelForTab(this.active).show().attr({\"aria-expanded\":\"true\",\"aria-hidden\":\"false\"})):this.tabs.eq(0).attr(\"tabIndex\",0)},_processTabs:function(){var e=this;this.tablist=this._getList().addClass(\"ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all\").attr(\"role\",\"tablist\"),this.tabs=this.tablist.find(\"> li:has(a[href])\").addClass(\"ui-state-default ui-corner-top\").attr({role:\"tab\",tabIndex:-1}),this.anchors=this.tabs.map(function(){return t(\"a\",this)[0]}).addClass(\"ui-tabs-anchor\").attr({role:\"presentation\",tabIndex:-1}),this.panels=t(),this.anchors.each(function(i,n){var a,o,r,l=t(n).uniqueId().attr(\"id\"),h=t(n).closest(\"li\"),c=h.attr(\"aria-controls\");s(n)?(a=n.hash,o=e.element.find(e._sanitizeSelector(a))):(r=e._tabId(h),a=\"#\"+r,o=e.element.find(a),o.length||(o=e._createPanel(r),o.insertAfter(e.panels[i-1]||e.tablist)),o.attr(\"aria-live\",\"polite\")),o.length&&(e.panels=e.panels.add(o)),c&&h.data(\"ui-tabs-aria-controls\",c),h.attr({\"aria-controls\":a.substring(1),\"aria-labelledby\":l}),o.attr(\"aria-labelledby\",l)}),this.panels.addClass(\"ui-tabs-panel ui-widget-content ui-corner-bottom\").attr(\"role\",\"tabpanel\")},_getList:function(){return this.element.find(\"ol,ul\").eq(0)},_createPanel:function(e){return t(\"
\").attr(\"id\",e).addClass(\"ui-tabs-panel ui-widget-content ui-corner-bottom\").data(\"ui-tabs-destroy\",!0)},_setupDisabled:function(e){t.isArray(e)&&(e.length?e.length===this.anchors.length&&(e=!0):e=!1);for(var i,s=0;i=this.tabs[s];s++)!0===e||-1!==t.inArray(s,e)?t(i).addClass(\"ui-state-disabled\").attr(\"aria-disabled\",\"true\"):t(i).removeClass(\"ui-state-disabled\").removeAttr(\"aria-disabled\");this.options.disabled=e},_setupEvents:function(e){var i={click:function(t){t.preventDefault()}};e&&t.each(e.split(\" \"),function(t,e){i[e]=\"_eventHandler\"}),this._off(this.anchors.add(this.tabs).add(this.panels)),this._on(this.anchors,i),this._on(this.tabs,{keydown:\"_tabKeydown\"}),this._on(this.panels,{keydown:\"_panelKeydown\"}),this._focusable(this.tabs),this._hoverable(this.tabs)},_setupHeightStyle:function(e){var i,s,n=this.element.parent();\"fill\"===e?(t.support.minHeight||(s=n.css(\"overflow\"),n.css(\"overflow\",\"hidden\")),i=n.height(),this.element.siblings(\":visible\").each(function(){var e=t(this),s=e.css(\"position\");\"absolute\"!==s&&\"fixed\"!==s&&(i-=e.outerHeight(!0))}),s&&n.css(\"overflow\",s),this.element.children().not(this.panels).each(function(){i-=t(this).outerHeight(!0)}),this.panels.each(function(){t(this).height(Math.max(0,i-t(this).innerHeight()+t(this).height()))}).css(\"overflow\",\"auto\")):\"auto\"===e&&(i=0,this.panels.each(function(){i=Math.max(i,t(this).height(\"\").height())}).height(i))},_eventHandler:function(e){var i=this.options,s=this.active,n=t(e.currentTarget),a=n.closest(\"li\"),o=a[0]===s[0],r=o&&i.collapsible,l=r?t():this._getPanelForTab(a),h=s.length?this._getPanelForTab(s):t(),c={oldTab:s,oldPanel:h,newTab:r?t():a,newPanel:l};e.preventDefault(),a.hasClass(\"ui-state-disabled\")||a.hasClass(\"ui-tabs-loading\")||this.running||o&&!i.collapsible||!1===this._trigger(\"beforeActivate\",e,c)||(i.active=!r&&this.tabs.index(a),this.active=o?t():a,this.xhr&&this.xhr.abort(),h.length||l.length||t.error(\"jQuery UI Tabs: Mismatching fragment identifier.\"),l.length&&this.load(this.tabs.index(a),e),this._toggle(e,c))},_toggle:function(e,i){function s(){a.running=!1,a._trigger(\"activate\",e,i)}function n(){i.newTab.closest(\"li\").addClass(\"ui-tabs-active ui-state-active\"),o.length&&a.options.show?a._show(o,a.options.show,s):(o.show(),s())}var a=this,o=i.newPanel,r=i.oldPanel;this.running=!0,r.length&&this.options.hide?this._hide(r,this.options.hide,function(){i.oldTab.closest(\"li\").removeClass(\"ui-tabs-active ui-state-active\"),n()}):(i.oldTab.closest(\"li\").removeClass(\"ui-tabs-active ui-state-active\"),r.hide(),n()),r.attr({\"aria-expanded\":\"false\",\"aria-hidden\":\"true\"}),i.oldTab.attr(\"aria-selected\",\"false\"),o.length&&r.length?i.oldTab.attr(\"tabIndex\",-1):o.length&&this.tabs.filter(function(){return 0===t(this).attr(\"tabIndex\")}).attr(\"tabIndex\",-1),o.attr({\"aria-expanded\":\"true\",\"aria-hidden\":\"false\"}),i.newTab.attr({\"aria-selected\":\"true\",tabIndex:0})},_activate:function(e){var i,s=this._findActive(e);s[0]!==this.active[0]&&(s.length||(s=this.active),i=s.find(\".ui-tabs-anchor\")[0],this._eventHandler({target:i,currentTarget:i,preventDefault:t.noop}))},_findActive:function(e){return!1===e?t():this.tabs.eq(e)},_getIndex:function(t){return\"string\"==typeof t&&(t=this.anchors.index(this.anchors.filter(\"[href$='\"+t+\"']\"))),t},_destroy:function(){this.xhr&&this.xhr.abort(),this.element.removeClass(\"ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible\"),this.tablist.removeClass(\"ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all\").removeAttr(\"role\"),this.anchors.removeClass(\"ui-tabs-anchor\").removeAttr(\"role\").removeAttr(\"tabIndex\").removeData(\"href.tabs\").removeData(\"load.tabs\").removeUniqueId(),this.tabs.add(this.panels).each(function(){t.data(this,\"ui-tabs-destroy\")?t(this).remove():t(this).removeClass(\"ui-state-default ui-state-active ui-state-disabled ui-corner-top ui-corner-bottom ui-widget-content ui-tabs-active ui-tabs-panel\").removeAttr(\"tabIndex\").removeAttr(\"aria-live\").removeAttr(\"aria-busy\").removeAttr(\"aria-selected\").removeAttr(\"aria-labelledby\").removeAttr(\"aria-hidden\").removeAttr(\"aria-expanded\").removeAttr(\"role\")}),this.tabs.each(function(){var e=t(this),i=e.data(\"ui-tabs-aria-controls\");i?e.attr(\"aria-controls\",i):e.removeAttr(\"aria-controls\")}),this.panels.show(),\"content\"!==this.options.heightStyle&&this.panels.css(\"height\",\"\")},enable:function(i){var s=this.options.disabled;!1!==s&&(i===e?s=!1:(i=this._getIndex(i),s=t.isArray(s)?t.map(s,function(t){return t!==i?t:null}):t.map(this.tabs,function(t,e){return e!==i?e:null})),this._setupDisabled(s))},disable:function(i){var s=this.options.disabled;if(!0!==s){if(i===e)s=!0;else{if(i=this._getIndex(i),-1!==t.inArray(i,s))return;s=t.isArray(s)?t.merge([i],s).sort():[i]}this._setupDisabled(s)}},load:function(e,i){e=this._getIndex(e);var n=this,a=this.tabs.eq(e),o=a.find(\".ui-tabs-anchor\"),r=this._getPanelForTab(a),l={tab:a,panel:r};s(o[0])||(this.xhr=t.ajax(this._ajaxSettings(o,i,l)),this.xhr&&\"canceled\"!==this.xhr.statusText&&(a.addClass(\"ui-tabs-loading\"),r.attr(\"aria-busy\",\"true\"),this.xhr.success(function(t){setTimeout(function(){r.html(t),n._trigger(\"load\",i,l)},1)}).complete(function(t,e){setTimeout(function(){\"abort\"===e&&n.panels.stop(!1,!0),a.removeClass(\"ui-tabs-loading\"),r.removeAttr(\"aria-busy\"),t===n.xhr&&delete n.xhr},1)})))},_ajaxSettings:function(e,i,s){var n=this;return{url:e.attr(\"href\"),beforeSend:function(e,a){return n._trigger(\"beforeLoad\",i,t.extend({jqXHR:e,ajaxSettings:a},s))}}},_getPanelForTab:function(e){var i=t(e).attr(\"aria-controls\");return this.element.find(this._sanitizeSelector(\"#\"+i))}}),!1!==t.uiBackCompat&&(t.ui.tabs.prototype._ui=function(t,e){return{tab:t,panel:e,index:this.anchors.index(t)}},t.widget(\"ui.tabs\",t.ui.tabs,{url:function(t,e){this.anchors.eq(t).attr(\"href\",e)}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{ajaxOptions:null,cache:!1},_create:function(){this._super();var e=this;this._on({tabsbeforeload:function(i,s){if(t.data(s.tab[0],\"cache.tabs\"))return void i.preventDefault();s.jqXHR.success(function(){e.options.cache&&t.data(s.tab[0],\"cache.tabs\",!0)})}})},_ajaxSettings:function(e,i,s){var n=this.options.ajaxOptions;return t.extend({},n,{error:function(t,e){try{n.error(t,e,s.tab.closest(\"li\").index(),s.tab[0])}catch(t){}}},this._superApply(arguments))},_setOption:function(t,e){\"cache\"===t&&!1===e&&this.anchors.removeData(\"cache.tabs\"),this._super(t,e)},_destroy:function(){this.anchors.removeData(\"cache.tabs\"),this._super()},url:function(t){this.anchors.eq(t).removeData(\"cache.tabs\"),this._superApply(arguments)}}),t.widget(\"ui.tabs\",t.ui.tabs,{abort:function(){this.xhr&&this.xhr.abort()}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{spinner:\"Loading…\"},_create:function(){this._super(),this._on({tabsbeforeload:function(t,e){if(t.target===this.element[0]&&this.options.spinner){var i=e.tab.find(\"span\"),s=i.html();i.html(this.options.spinner),e.jqXHR.complete(function(){i.html(s)})}}})}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{enable:null,disable:null},enable:function(e){var i,s=this.options;(e&&!0===s.disabled||t.isArray(s.disabled)&&-1!==t.inArray(e,s.disabled))&&(i=!0),this._superApply(arguments),i&&this._trigger(\"enable\",null,this._ui(this.anchors[e],this.panels[e]))},disable:function(e){var i,s=this.options;(e&&!1===s.disabled||t.isArray(s.disabled)&&-1===t.inArray(e,s.disabled))&&(i=!0),this._superApply(arguments),i&&this._trigger(\"disable\",null,this._ui(this.anchors[e],this.panels[e]))}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{add:null,remove:null,tabTemplate:\"
  • #{label}
  • \"},add:function(i,s,n){n===e&&(n=this.anchors.length);var a,o,r=this.options,l=t(r.tabTemplate.replace(/#\\{href\\}/g,i).replace(/#\\{label\\}/g,s)),h=i.indexOf(\"#\")?this._tabId(l):i.replace(\"#\",\"\");return l.addClass(\"ui-state-default ui-corner-top\").data(\"ui-tabs-destroy\",!0),l.attr(\"aria-controls\",h),a=n>=this.tabs.length,o=this.element.find(\"#\"+h),o.length||(o=this._createPanel(h),a?n>0?o.insertAfter(this.panels.eq(-1)):o.appendTo(this.element):o.insertBefore(this.panels[n])),o.addClass(\"ui-tabs-panel ui-widget-content ui-corner-bottom\").hide(),a?l.appendTo(this.tablist):l.insertBefore(this.tabs[n]),r.disabled=t.map(r.disabled,function(t){return t>=n?++t:t}),this.refresh(),1===this.tabs.length&&!1===r.active&&this.option(\"active\",0),this._trigger(\"add\",null,this._ui(this.anchors[n],this.panels[n])),this},remove:function(e){e=this._getIndex(e);var i=this.options,s=this.tabs.eq(e).remove(),n=this._getPanelForTab(s).remove();return s.hasClass(\"ui-tabs-active\")&&this.anchors.length>2&&this._activate(e+(e+1=e?--t:t}),this.refresh(),this._trigger(\"remove\",null,this._ui(s.find(\"a\")[0],n[0])),this}}),t.widget(\"ui.tabs\",t.ui.tabs,{length:function(){return this.anchors.length}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{idPrefix:\"ui-tabs-\"},_tabId:function(e){var s=e.is(\"li\")?e.find(\"a[href]\"):e;return s=s[0],t(s).closest(\"li\").attr(\"aria-controls\")||s.title&&s.title.replace(/\\s/g,\"_\").replace(/[^\\w\\u00c0-\\uFFFF\\-]/g,\"\")||this.options.idPrefix+i()}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{panelTemplate:\"
    \"},_createPanel:function(e){return t(this.options.panelTemplate).attr(\"id\",e).addClass(\"ui-tabs-panel ui-widget-content ui-corner-bottom\").data(\"ui-tabs-destroy\",!0)}}),t.widget(\"ui.tabs\",t.ui.tabs,{_create:function(){var t=this.options;null===t.active&&t.selected!==e&&(t.active=-1!==t.selected&&t.selected),this._super(),t.selected=t.active,!1===t.selected&&(t.selected=-1)},_setOption:function(t,e){if(\"selected\"!==t)return this._super(t,e);var i=this.options;this._super(\"active\",-1!==e&&e),i.selected=i.active,!1===i.selected&&(i.selected=-1)},_eventHandler:function(){this._superApply(arguments),this.options.selected=this.options.active,!1===this.options.selected&&(this.options.selected=-1)}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{show:null,select:null},_create:function(){this._super(),!1!==this.options.active&&this._trigger(\"show\",null,this._ui(this.active.find(\".ui-tabs-anchor\")[0],this._getPanelForTab(this.active)[0]))},_trigger:function(t,e,i){var s,n,a=this._superApply(arguments);return!!a&&(\"beforeActivate\"===t?(s=i.newTab.length?i.newTab:i.oldTab,n=i.newPanel.length?i.newPanel:i.oldPanel,a=this._super(\"select\",e,{tab:s.find(\".ui-tabs-anchor\")[0],panel:n[0],index:s.closest(\"li\").index()})):\"activate\"===t&&i.newTab.length&&(a=this._super(\"show\",e,{tab:i.newTab.find(\".ui-tabs-anchor\")[0],panel:i.newPanel[0],index:i.newTab.closest(\"li\").index()})),a)}}),t.widget(\"ui.tabs\",t.ui.tabs,{select:function(t){if(-1===(t=this._getIndex(t))){if(!this.options.collapsible||-1===this.options.selected)return;t=this.options.selected}this.anchors.eq(t).trigger(this.options.event+this.eventNamespace)}}),function(){var e=0;t.widget(\"ui.tabs\",t.ui.tabs,{options:{cookie:null},_create:function(){var t,e=this.options;null==e.active&&e.cookie&&(t=parseInt(this._cookie(),10),-1===t&&(t=!1),e.active=t),this._super()},_cookie:function(i){var s=[this.cookie||(this.cookie=this.options.cookie.name||\"ui-tabs-\"+ ++e)];return arguments.length&&(s.push(!1===i?-1:i),s.push(this.options.cookie)),t.cookie.apply(null,s)},_refresh:function(){this._super(),this.options.cookie&&this._cookie(this.options.active,this.options.cookie)},_eventHandler:function(){this._superApply(arguments),this.options.cookie&&this._cookie(this.options.active,this.options.cookie)},_destroy:function(){this._super(),this.options.cookie&&this._cookie(null,this.options.cookie)}})}(),t.widget(\"ui.tabs\",t.ui.tabs,{_trigger:function(e,i,s){var n=t.extend({},s);return\"load\"===e&&(n.panel=n.panel[0],n.tab=n.tab.find(\".ui-tabs-anchor\")[0]),this._super(e,i,n)}}),t.widget(\"ui.tabs\",t.ui.tabs,{options:{fx:null},_getFx:function(){var e,i,s=this.options.fx;return s&&(t.isArray(s)?(e=s[0],i=s[1]):e=i=s),s?{show:i,hide:e}:null},_toggle:function(t,e){function i(){n.running=!1,n._trigger(\"activate\",t,e)}function s(){e.newTab.closest(\"li\").addClass(\"ui-tabs-active ui-state-active\"),a.length&&r.show?a.animate(r.show,r.show.duration,function(){i()}):(a.show(),i())}var n=this,a=e.newPanel,o=e.oldPanel,r=this._getFx();if(!r)return this._super(t,e);n.running=!0,o.length&&r.hide?o.animate(r.hide,r.hide.duration,function(){e.oldTab.closest(\"li\").removeClass(\"ui-tabs-active ui-state-active\"),s()}):(e.oldTab.closest(\"li\").removeClass(\"ui-tabs-active ui-state-active\"),o.hide(),s())}}))}(jQuery),function(t){function e(e,i){var s=(e.attr(\"aria-describedby\")||\"\").split(/\\s+/);s.push(i),e.data(\"ui-tooltip-id\",i).attr(\"aria-describedby\",t.trim(s.join(\" \")))}function i(e){var i=e.data(\"ui-tooltip-id\"),s=(e.attr(\"aria-describedby\")||\"\").split(/\\s+/),n=t.inArray(i,s);-1!==n&&s.splice(n,1),e.removeData(\"ui-tooltip-id\"),s=t.trim(s.join(\" \")),s?e.attr(\"aria-describedby\",s):e.removeAttr(\"aria-describedby\")}var s=0;t.widget(\"ui.tooltip\",{version:\"1.9.2\",options:{content:function(){return t(this).attr(\"title\")},hide:!0,items:\"[title]:not([disabled])\",position:{my:\"left top+15\",at:\"left bottom\",collision:\"flipfit flip\"},show:!0,tooltipClass:null,track:!1,close:null,open:null},_create:function(){this._on({mouseover:\"open\",focusin:\"open\"}),this.tooltips={},this.parents={},this.options.disabled&&this._disable()},_setOption:function(e,i){var s=this;if(\"disabled\"===e)return this[i?\"_disable\":\"_enable\"](),void(this.options[e]=i);this._super(e,i),\"content\"===e&&t.each(this.tooltips,function(t,e){s._updateContent(e)})},_disable:function(){var e=this;t.each(this.tooltips,function(i,s){var n=t.Event(\"blur\");n.target=n.currentTarget=s[0],e.close(n,!0)}),this.element.find(this.options.items).andSelf().each(function(){var e=t(this);e.is(\"[title]\")&&e.data(\"ui-tooltip-title\",e.attr(\"title\")).attr(\"title\",\"\")})},_enable:function(){this.element.find(this.options.items).andSelf().each(function(){var e=t(this);e.data(\"ui-tooltip-title\")&&e.attr(\"title\",e.data(\"ui-tooltip-title\"))})},open:function(e){var i=this,s=t(e?e.target:this.element).closest(this.options.items);s.length&&!s.data(\"ui-tooltip-id\")&&(s.attr(\"title\")&&s.data(\"ui-tooltip-title\",s.attr(\"title\")),s.data(\"ui-tooltip-open\",!0),e&&\"mouseover\"===e.type&&s.parents().each(function(){var e,s=t(this);s.data(\"ui-tooltip-open\")&&(e=t.Event(\"blur\"),e.target=e.currentTarget=this,i.close(e,!0)),s.attr(\"title\")&&(s.uniqueId(),i.parents[this.id]={element:this,title:s.attr(\"title\")},s.attr(\"title\",\"\"))}),this._updateContent(s,e))},_updateContent:function(t,e){var i,s=this.options.content,n=this,a=e?e.type:null;if(\"string\"==typeof s)return this._open(e,t,s);(i=s.call(t[0],function(i){t.data(\"ui-tooltip-open\")&&n._delay(function(){e&&(e.type=a),this._open(e,t,i)})}))&&this._open(e,t,i)},_open:function(i,s,n){function a(t){h.of=t,o.is(\":hidden\")||o.position(h)}var o,r,l,h=t.extend({},this.options.position);if(n){if(o=this._find(s),o.length)return void o.find(\".ui-tooltip-content\").html(n);s.is(\"[title]\")&&(i&&\"mouseover\"===i.type?s.attr(\"title\",\"\"):s.removeAttr(\"title\")),o=this._tooltip(s),e(s,o.attr(\"id\")),o.find(\".ui-tooltip-content\").html(n),this.options.track&&i&&/^mouse/.test(i.type)?(this._on(this.document,{mousemove:a}),a(i)):o.position(t.extend({of:s},this.options.position)),o.hide(),this._show(o,this.options.show),this.options.show&&this.options.show.delay&&(l=setInterval(function(){o.is(\":visible\")&&(a(h.of),clearInterval(l))},t.fx.interval)),this._trigger(\"open\",i,{tooltip:o}),r={keyup:function(e){if(e.keyCode===t.ui.keyCode.ESCAPE){var i=t.Event(e);i.currentTarget=s[0],this.close(i,!0)}},remove:function(){this._removeTooltip(o)}},i&&\"mouseover\"!==i.type||(r.mouseleave=\"close\"),i&&\"focusin\"!==i.type||(r.focusout=\"close\"),this._on(!0,s,r)}},close:function(e){var s=this,n=t(e?e.currentTarget:this.element),a=this._find(n);this.closing||(n.data(\"ui-tooltip-title\")&&n.attr(\"title\",n.data(\"ui-tooltip-title\")),i(n),a.stop(!0),this._hide(a,this.options.hide,function(){s._removeTooltip(t(this))}),n.removeData(\"ui-tooltip-open\"),this._off(n,\"mouseleave focusout keyup\"),n[0]!==this.element[0]&&this._off(n,\"remove\"),this._off(this.document,\"mousemove\"),e&&\"mouseleave\"===e.type&&t.each(this.parents,function(e,i){t(i.element).attr(\"title\",i.title),delete s.parents[e]}),this.closing=!0,this._trigger(\"close\",e,{tooltip:a}),this.closing=!1)},_tooltip:function(e){var i=\"ui-tooltip-\"+s++,n=t(\"
    \").attr({id:i,role:\"tooltip\"}).addClass(\"ui-tooltip ui-widget ui-corner-all ui-widget-content \"+(this.options.tooltipClass||\"\"));return t(\"
    \").addClass(\"ui-tooltip-content\").appendTo(n),n.appendTo(this.document[0].body),t.fn.bgiframe&&n.bgiframe(),this.tooltips[i]=e,n},_find:function(e){var i=e.data(\"ui-tooltip-id\");return i?t(\"#\"+i):t()},_removeTooltip:function(t){t.remove(),delete this.tooltips[t.attr(\"id\")]},_destroy:function(){var e=this;t.each(this.tooltips,function(i,s){var n=t.Event(\"blur\");n.target=n.currentTarget=s[0],e.close(n,!0),t(\"#\"+i).remove(),s.data(\"ui-tooltip-title\")&&(s.attr(\"title\",s.data(\"ui-tooltip-title\")),s.removeData(\"ui-tooltip-title\"))})}})}(jQuery),/*\n * jQuery UI Autocomplete HTML Extension\n *\n * Copyright 2010, Scott González (http://scottgonzalez.com)\n * Dual licensed under the MIT or GPL Version 2 licenses.\n *\n * http://github.com/scottgonzalez/jquery-ui-extensions\n */\nfunction(t){function e(e,i){var s=new RegExp(t.ui.autocomplete.escapeRegex(i),\"i\");return t.grep(e,function(e){return s.test(t(\"
    \").html(e.label||e.value||e).text())})}var i=t.ui.autocomplete.prototype,s=i._initSource;t.extend(i,{_initSource:function(){this.options.html&&t.isArray(this.options.source)?this.source=function(t,i){i(e(this.options.source,t.term))}:s.call(this)},_renderItem:function(e,i){return t(\"
  • \").data(\"item.autocomplete\",i).append(t(\"\")[this.options.html?\"html\":\"text\"](i.label)).appendTo(e)}})}(jQuery),/*!\n\tAutosize 1.18.13\n\tlicense: MIT\n\thttp://www.jacklmoore.com/autosize\n*/\nfunction(t){var e,i={className:\"autosizejs\",id:\"autosizejs\",append:\"\\n\",callback:!1,resizeDelay:10,placeholder:!0},s='