<commit_before>/*----------------------------------------------------------------------------
Screen CSS file for MDN wiki (kuma)
Created by <NAME> - focalcurve.com
        on 17 May, 2011

Colors -
Orange        #fb9500
Green         #8dc434
Blue          #00b6f0
Red           #ed2024
Gold          #f8d575
Off-black     #333
Dark red      #630a0c

Link          #369
Hover         #25a
Visited       #69c

Font sizes -
16px *  .875 = 14px (base size)

14px * 1.857 = 26px
14px * 1.714 = 24px
14px * 1.571 = 22px
14px * 1.428 = 20px
14px * 1.285 = 18px
14px * 1.142 = 16px
14px *  .928 = 13px
14px *  .857 = 12px
14px *  .785 = 11px
14px *  .714 = 10px
14px *  .642 = 9px
-----------------------------------------------------------------------------*/

a.new:link, a.new:visited, a.new:hover, a.new:active, a.new:focus { color: #900; }

/*** =External Link Styles *********/
.article a.external, .article a[rel~="external"] { padding-right: 16px; background: transparent url("../img/wiki/icons/link_external.png") 99% 40% no-repeat; }
.article a[href^="mailto:"], .article .link-mailto { padding-right: 16px; background: url("../img/wiki/icons/link_mail.png") 99% 40% no-repeat; }
.article a[href^="news://"] { padding-right: 18px; background: url("../img/wiki/icons/link_news.png") 99% 40% no-repeat; }
.article a[href^="ftp://"], .article .link-ftp { padding-right: 18px; background: url("../img/wiki/icons/link_download.png") 99% 40% no-repeat; }
.article a[href^="irc://"], .article .link-irc { padding-right: 18px; background: url("../img/wiki/icons/link_chat.png") 99% 40% no-repeat; }

.article a.imagelink { background: none; padding-right: 0; }

/*** @Basics *********/
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: Georgia, Times, "Times New Roman", serif; border-bottom: 1px solid #e0e0dc; position: relative; }
.page-content blockquote { padding: 0 25px; border-left: 5px solid #ccc; }
.page-content ul { list-style: disc; padding-left: 22px; }
.page-content ul ul { list-style: circle; }
.page-content ol { padding-left: 22px; }
.page-content dt { font-style: normal; font-weight: bold; }
.page-content dd { margin-bottom: .5em; padding-left: 15px; }
.page-content pre { border: 1px dotted #cbc8b9; background: #f6f6f2; padding: 15px; overflow: auto; font: 100% "Courier New", "Andale Mono", monospace; }
.page-content code, .pageText tt { font: 100% "Courier New", "Andale Mono", monospace; font-weight: inherit; }
.page-content pre code { font-size: 100%; }
.page-content strong code { font-weight: inherit; }
.page-content strong tt { font-weight: inherit; }
.page-content a code { color: inherit; }
.page-content img { max-width: 100%; height: auto; }
.page-content caption { font-weight: bold; }
.page-content table { border-collapse: collapse; border: solid #e0e0dc; border-width: 1px 0 0 1px; }
.page-content td, .page-content th { border: solid #e0e0dc; border-width: 0 1px 1px 0; padding: 6px; text-align: left; }
.page-content thead th { background: #f3f3ef; }

/* Increase line-height in wide windows */
.page-content { line-height: inherit; -moz-transition: line-height 0.2s ease-in-out; -webkit-transition: line-height 0.2s ease-in-out; transition: line-height 0.2s ease-in-out; } 
@media screen and (min-width: 890px) { 
  .page-content { line-height: 1.572; -moz-transition: line-height 0.2s ease-in-out; -webkit-transition: line-height 0.2s ease-in-out; transition: line-height 0.2s ease-in-out; } 
}

img.lwrap { background: #fff; padding: 0 20px .75em 0; }
img.rwrap { background: #fff; padding: 0 0 .75em 20px; }

/* @Layout (wiki is liquid) *********/
.wrap { position: relative; width: 95%; min-width: 760px; max-width: 1200px; padding: 0 10px; margin: 0 auto; }
#content { border-top: 0; }
.page-content { background: #fff; min-height: 300px; }

textarea#id_content { width: 96%; padding: 15px; min-height: 300px; }

/* tag editing; uses tagit */
#page-tags #id_tags { width: 90%; }
#page-tags ul.tagit { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBC8B9; padding: 6px 8px; }
#page-tags ul.tagit .tagit-label { color: #333333; font-weight: normal; }


/*** @Tools @Nav *********/
#nav-toolbar { font-size: .785em; text-shadow: 1px 1px 0 rgba(255,255,255,.25); padding: 0; border-top: 1px solid #cbc8b9; border-bottom: 1px solid #f8f8f6; background: #e4e4d9; background: rgba(198,198,175,.35); }
#nav-toolbar .crumbs { margin: 0; }

#tool-menus { width: 300px; float: right; }
#tool-menus ul li.menu { float: right; padding: 0; margin: 0; position: relative; }
#tool-menus li a { display: block; padding: .6em 20px .7em 8px; background: transparent url("../img/wiki/menu-arrow.png") 92% 0 no-repeat; }
#tool-menus li a:hover, #tool-menus li a:focus, #tool-menus li a:active, #tool-menus li.sfhover > a { background-color: #369; background-position: 92% -100px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,.25); }
#tool-menus li li a, #tool-menus li li strong { display: block; padding: .5em 15px; background: transparent none; }
#tool-menus li li strong { background-color: #f5f5f1; }

#tools .menu ul { position: absolute; left: -999em; z-index: 9999; width: 180px; background: #fff; border: 1px solid #c6c6c2; -moz-box-shadow: 2px 2px 0 rgba(170,160,130,.2); -webkit-box-shadow: 2px 2px 0 rgba(170,160,130,.2); box-shadow: 2px 2px 0 rgba(170,160,130,.2); }
#tools.superfish .menu ul { left: auto; right: 0; z-index: 9999; }
#tools .menu ul li { width: 180px; margin: 0; font-size: 1.12em; }
#tools .menu:hover ul, #tool-menus ul .sfhover ul { left: auto; right: 0; }

#nav-toolbar a:link, #nav-toolbar a:visited { color: #6d6d67; }
#nav-toolbar a:hover, #nav-toolbar a:focus, #nav-toolbar a:active { color: #25a; }
#nav-toolbar a.disabled:hover, #nav-toolbar a.disabled:focus, #nav-toolbar a.disabled:active { color: #6d6d67; cursor: default; }

.sf-js-enabled .toggle:focus { outline: 0; }

/*** @Breadcrumbs *********/
#nav-toolbar .crumbs { float: left; }
#nav-toolbar .crumbs ol { margin: 0; padding: .6em 0 .7em; list-style: none; }
#nav-toolbar .crumbs li { display: inline; padding-left: 13px; margin-left: 6px; background: url("../img/wiki/nav-arrows.png") -15px -698px no-repeat; }
#nav-toolbar .crumbs li.first, #nav-toolbar .crumbs li.second { display:none; }
#nav-toolbar .crumbs li.first.last { display: inline; }
#nav-toolbar .crumbs li.crumb-one { padding-left: 0; margin-left: 0; background: none; }

/* @Footer *********/
.last-mod { clear: both; text-align: right; font-size: .785em; }

/* @Search *********/
#doc-search { border: 1px solid #cbc8b9; background: rgba(198,198,175,.25); padding: 4px; margin-bottom: 1em; font-size: .928em; }
#doc-search p { margin: 0; }
#doc-search #q-docs { width: 590px; margin-right: 8px; }
#doc-search #doc-filter { width: 140px; margin-right: 8px; }

@media screen and (max-width: 890px) { 
  #site-search { width: 190px; -moz-transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
  #site-search #q { width: 90px; -moz-transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
}

/* @Search @Results *********/
#google-branding { font-size: .785em; float: right; margin-top: -3.75em; opacity: .3; }
#google-branding .gsc-branding-text { vertical-align: top; padding-right: 2px; }

#search-results .gs-result { margin: 0 0 1.2em; padding: 0 2px 1.2em; border-bottom: 1px dotted #d8d4ca; }
#search-results .gs-title { font-size: 1em; font-weight: bold; margin: 0 0 .25em; }
#search-results .gs-snippet { font-size: .857em; margin: 0 0 .25em; }
#search-results .gs-visibleUrl { font-size: .785em; display: inline; margin-right: 10px; color: #aaa; }
#search-results .gs-visibleUrl-short { font-weight: bold; }
#search-results div.gs-watermark { display: none; }

/* @Custom styles *********/
p.footnote { font-size: 90%; font-style: italic; color: #716d65; }
div.callout-box, p.trans-note { float: right; margin: 0 0 .5em 15px; border: 1px solid #eee; padding: 10px; width: 200px; background: #fafafa; text-align: center; }
p.trans-note { float:none; clear: both; width: auto; margin-bottom: 1em; }
div.note { margin-bottom: 1.286em; border: solid #dddaaa; border-width: 1px 0; padding: .75em 15px; background: #faf9e2; color: #5d5636; }
div.tip { margin-bottom: 1.286em; border: 1px solid #e1f5f0; border-width: 1px 0; padding: .75em 15px; color: #6d675f; }
div.note p, div.tip p { margin-bottom: .75em; }

/* @Page @Title and @Buttons *********/
#article-head { position: relative; clear: both; max-width: 1200px; padding-top: 20px; margin-top: -19px; background: #f6f6f1 url("../img/bg-content.png") fixed; }
#article-head:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.title { position: relative; }
.title:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* clear floats */
.title h1 { float: left; width: 60%; }
.title h1.talk span { font-size: .538em; font-weight: normal; color: #6d6d67; }
.title .pageback { font-size: .857em; margin-top: -1.6em; float: left; width: 75%; }
.title .page-moved { float: left; width: 60%; clear: both; margin: -1.5em 0 1em; font-size: .785em; }

.template { display: none; }

a.edit-section { float: right; padding: .25em 5px .15em; margin-top: .25em; border: 0; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.25); color: #333; background: #a5d9f3 url("../img/light-shade.png") 0 .75em repeat-x; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; }
a.edit-section:before { content: "\25c0\00a0"; font-size: .857em; }
a.edit-section:hover, a.edit-section:active, a.edit-section:focus { color: #333; background-color: #ade4ff; text-decoration: none; }

.edited-section { display: none; }
.edited-section a.edit-section { display: none; }
.edited-section-loading { display: block; opacity: 0.25; }
.edited-section-loading a.edit-section { display: block; }
.edited-section-loading a.edit-section:before { content: "\26a1\00a0"; }

.edited-section-ui { position: relative; }
.edited-section-ui .btn-save, .edited-section-ui .btn-cancel { padding: .25em 8px .15em; margin: .25em 10px 1em 0; border: 0; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.25); color: #333; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; }
.edited-section-ui .btn-save:before { content: "\2714\00a0"; font-size: .857em;}
.edited-section-ui .btn-cancel:before { content: "\2718\00a0"; font-size: .857em; }

.edited-section-ui-saving { opacity: 0.5; }
.edited-section-ui-saving .btn-save, .edited-section-ui-saving .btn-cancel{ display: none; }

.editing .metadata { float: left; width: 55%; display: none; }
.new .editing .metadata { display: block; }
.editing ul.metadata li { margin: 0; padding: 0; clear: both; }
.editing ul.metadata li label { display: block; float: left; line-height: 2.5em; text-align: right; width: 10ex; font-weight: bold; padding-right: 0.25em; color: #888; }
.editing ul.metadata li input, .editing ul.metadata li input#id_title { font-size: 1em; padding: 6px 8px; margin: 2px 0px; width: 70%; }

.editing .title { float: left; width: 55%; }
.editing .title h1 { display: inline-block; width: auto; float: none; color: #888; }
.editing .title h1 em { color: #333; font-style: normal; }
.editing #btn-properties { position: relative; font-size: 18px; padding: 0; margin-left: 6px; width: 1em; height: 1em; line-height: 1.2; text-indent: -999em; overflow: hidden; background: #b4b4b4 url("../img/wiki/icons/icn-info.png") center center no-repeat; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
.editing #btn-properties:hover, .editing #btn-properties:focus { background-color: #25a; }

.editing .save-state { font-size: .785em; margin: -1.75em 0 1.5em; color: #888; }
.editing #btn-savedraft { font-family: inherit; font-size: 1em; line-height: 1; text-transform: none; color: #333; padding: 0; background: transparent none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.editing #btn-savedraft:hover, .editing #btn-savedraft:focus { text-decoration: underline; color: #25a; }

.previewing .title { float: left; width: 45%; }
.previewing .title h1 { width: auto; float: none; color: #768e99; }
.previewing .title h1 em { color: #333; font-style: normal; }
.previewing .article-content { margin-top: 1em; border-color: #c7dae9; }

#page-buttons { width: 50%; text-align: right; margin: 0; position: absolute; right: 4px; top: 20px; }
#page-buttons li { display: inline; margin: 0 0 2px 10px; padding: 0; background: none; }
#page-buttons a, #page-buttons button { display: inline-block; padding: 6px 8px 3px; color: #333; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.25); box-shadow: 1px 1px 0 rgba(0,0,0,.25); background-color: #ddd; }
#page-buttons a:hover, #page-buttons a:focus, #page-buttons a:active { text-decoration: none; }
#page-buttons a { padding: 7px 8px 4px; }
#page-buttons .page-edit a { padding-left: 32px; background: #a5d9f3 url("../img/wiki/button-edit.png") 0 50% repeat-x; }
#page-buttons .page-edit a:hover, #page-buttons .page-edit a:focus, #page-buttons .page-edit a:active { background-color: #ade4ff; text-decoration: none; }<commit_msg>Modifying the 'TOC' checkbox to float left<commit_after>/*----------------------------------------------------------------------------
Screen CSS file for MDN wiki (kuma)
Created by <NAME> - focalcurve.com
        on 17 May, 2011

Colors -
Orange        #fb9500
Green         #8dc434
Blue          #00b6f0
Red           #ed2024
Gold          #f8d575
Off-black     #333
Dark red      #630a0c

Link          #369
Hover         #25a
Visited       #69c

Font sizes -
16px *  .875 = 14px (base size)

14px * 1.857 = 26px
14px * 1.714 = 24px
14px * 1.571 = 22px
14px * 1.428 = 20px
14px * 1.285 = 18px
14px * 1.142 = 16px
14px *  .928 = 13px
14px *  .857 = 12px
14px *  .785 = 11px
14px *  .714 = 10px
14px *  .642 = 9px
-----------------------------------------------------------------------------*/

a.new:link, a.new:visited, a.new:hover, a.new:active, a.new:focus { color: #900; }

/*** =External Link Styles *********/
.article a.external, .article a[rel~="external"] { padding-right: 16px; background: transparent url("../img/wiki/icons/link_external.png") 99% 40% no-repeat; }
.article a[href^="mailto:"], .article .link-mailto { padding-right: 16px; background: url("../img/wiki/icons/link_mail.png") 99% 40% no-repeat; }
.article a[href^="news://"] { padding-right: 18px; background: url("../img/wiki/icons/link_news.png") 99% 40% no-repeat; }
.article a[href^="ftp://"], .article .link-ftp { padding-right: 18px; background: url("../img/wiki/icons/link_download.png") 99% 40% no-repeat; }
.article a[href^="irc://"], .article .link-irc { padding-right: 18px; background: url("../img/wiki/icons/link_chat.png") 99% 40% no-repeat; }

.article a.imagelink { background: none; padding-right: 0; }

/*** @Basics *********/
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: Georgia, Times, "Times New Roman", serif; border-bottom: 1px solid #e0e0dc; position: relative; }
.page-content blockquote { padding: 0 25px; border-left: 5px solid #ccc; }
.page-content ul { list-style: disc; padding-left: 22px; }
.page-content ul ul { list-style: circle; }
.page-content ol { padding-left: 22px; }
.page-content dt { font-style: normal; font-weight: bold; }
.page-content dd { margin-bottom: .5em; padding-left: 15px; }
.page-content pre { border: 1px dotted #cbc8b9; background: #f6f6f2; padding: 15px; overflow: auto; font: 100% "Courier New", "Andale Mono", monospace; }
.page-content code, .pageText tt { font: 100% "Courier New", "Andale Mono", monospace; font-weight: inherit; }
.page-content pre code { font-size: 100%; }
.page-content strong code { font-weight: inherit; }
.page-content strong tt { font-weight: inherit; }
.page-content a code { color: inherit; }
.page-content img { max-width: 100%; height: auto; }
.page-content caption { font-weight: bold; }
.page-content table { border-collapse: collapse; border: solid #e0e0dc; border-width: 1px 0 0 1px; }
.page-content td, .page-content th { border: solid #e0e0dc; border-width: 0 1px 1px 0; padding: 6px; text-align: left; }
.page-content thead th { background: #f3f3ef; }

/* Increase line-height in wide windows */
.page-content { line-height: inherit; -moz-transition: line-height 0.2s ease-in-out; -webkit-transition: line-height 0.2s ease-in-out; transition: line-height 0.2s ease-in-out; } 
@media screen and (min-width: 890px) { 
  .page-content { line-height: 1.572; -moz-transition: line-height 0.2s ease-in-out; -webkit-transition: line-height 0.2s ease-in-out; transition: line-height 0.2s ease-in-out; } 
}

img.lwrap { background: #fff; padding: 0 20px .75em 0; }
img.rwrap { background: #fff; padding: 0 0 .75em 20px; }

/* @Layout (wiki is liquid) *********/
.wrap { position: relative; width: 95%; min-width: 760px; max-width: 1200px; padding: 0 10px; margin: 0 auto; }
#content { border-top: 0; }
.page-content { background: #fff; min-height: 300px; }

textarea#id_content { width: 96%; padding: 15px; min-height: 300px; }

/* tag editing; uses tagit */
#page-tags #id_tags { width: 90%; }
#page-tags ul.tagit { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBC8B9; padding: 6px 8px; }
#page-tags ul.tagit .tagit-label { color: #333333; font-weight: normal; }


/*** @Tools @Nav *********/
#nav-toolbar { font-size: .785em; text-shadow: 1px 1px 0 rgba(255,255,255,.25); padding: 0; border-top: 1px solid #cbc8b9; border-bottom: 1px solid #f8f8f6; background: #e4e4d9; background: rgba(198,198,175,.35); }
#nav-toolbar .crumbs { margin: 0; }

#tool-menus { width: 300px; float: right; }
#tool-menus ul li.menu { float: right; padding: 0; margin: 0; position: relative; }
#tool-menus li a { display: block; padding: .6em 20px .7em 8px; background: transparent url("../img/wiki/menu-arrow.png") 92% 0 no-repeat; }
#tool-menus li a:hover, #tool-menus li a:focus, #tool-menus li a:active, #tool-menus li.sfhover > a { background-color: #369; background-position: 92% -100px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,.25); }
#tool-menus li li a, #tool-menus li li strong { display: block; padding: .5em 15px; background: transparent none; }
#tool-menus li li strong { background-color: #f5f5f1; }

#tools .menu ul { position: absolute; left: -999em; z-index: 9999; width: 180px; background: #fff; border: 1px solid #c6c6c2; -moz-box-shadow: 2px 2px 0 rgba(170,160,130,.2); -webkit-box-shadow: 2px 2px 0 rgba(170,160,130,.2); box-shadow: 2px 2px 0 rgba(170,160,130,.2); }
#tools.superfish .menu ul { left: auto; right: 0; z-index: 9999; }
#tools .menu ul li { width: 180px; margin: 0; font-size: 1.12em; }
#tools .menu:hover ul, #tool-menus ul .sfhover ul { left: auto; right: 0; }

#nav-toolbar a:link, #nav-toolbar a:visited { color: #6d6d67; }
#nav-toolbar a:hover, #nav-toolbar a:focus, #nav-toolbar a:active { color: #25a; }
#nav-toolbar a.disabled:hover, #nav-toolbar a.disabled:focus, #nav-toolbar a.disabled:active { color: #6d6d67; cursor: default; }

.sf-js-enabled .toggle:focus { outline: 0; }

/*** @Breadcrumbs *********/
#nav-toolbar .crumbs { float: left; }
#nav-toolbar .crumbs ol { margin: 0; padding: .6em 0 .7em; list-style: none; }
#nav-toolbar .crumbs li { display: inline; padding-left: 13px; margin-left: 6px; background: url("../img/wiki/nav-arrows.png") -15px -698px no-repeat; }
#nav-toolbar .crumbs li.first, #nav-toolbar .crumbs li.second { display:none; }
#nav-toolbar .crumbs li.first.last { display: inline; }
#nav-toolbar .crumbs li.crumb-one { padding-left: 0; margin-left: 0; background: none; }

/* @Footer *********/
.last-mod { clear: both; text-align: right; font-size: .785em; }

/* @Search *********/
#doc-search { border: 1px solid #cbc8b9; background: rgba(198,198,175,.25); padding: 4px; margin-bottom: 1em; font-size: .928em; }
#doc-search p { margin: 0; }
#doc-search #q-docs { width: 590px; margin-right: 8px; }
#doc-search #doc-filter { width: 140px; margin-right: 8px; }

@media screen and (max-width: 890px) { 
  #site-search { width: 190px; -moz-transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
  #site-search #q { width: 90px; -moz-transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
}

/* @Search @Results *********/
#google-branding { font-size: .785em; float: right; margin-top: -3.75em; opacity: .3; }
#google-branding .gsc-branding-text { vertical-align: top; padding-right: 2px; }

#search-results .gs-result { margin: 0 0 1.2em; padding: 0 2px 1.2em; border-bottom: 1px dotted #d8d4ca; }
#search-results .gs-title { font-size: 1em; font-weight: bold; margin: 0 0 .25em; }
#search-results .gs-snippet { font-size: .857em; margin: 0 0 .25em; }
#search-results .gs-visibleUrl { font-size: .785em; display: inline; margin-right: 10px; color: #aaa; }
#search-results .gs-visibleUrl-short { font-weight: bold; }
#search-results div.gs-watermark { display: none; }

/* @Custom styles *********/
p.footnote { font-size: 90%; font-style: italic; color: #716d65; }
div.callout-box, p.trans-note { float: right; margin: 0 0 .5em 15px; border: 1px solid #eee; padding: 10px; width: 200px; background: #fafafa; text-align: center; }
p.trans-note { float:none; clear: both; width: auto; margin-bottom: 1em; }
div.note { margin-bottom: 1.286em; border: solid #dddaaa; border-width: 1px 0; padding: .75em 15px; background: #faf9e2; color: #5d5636; }
div.tip { margin-bottom: 1.286em; border: 1px solid #e1f5f0; border-width: 1px 0; padding: .75em 15px; color: #6d675f; }
div.note p, div.tip p { margin-bottom: .75em; }

/* @Page @Title and @Buttons *********/
#article-head { position: relative; clear: both; max-width: 1200px; padding-top: 20px; margin-top: -19px; background: #f6f6f1 url("../img/bg-content.png") fixed; }
#article-head:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.title { position: relative; }
.title:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* clear floats */
.title h1 { float: left; width: 60%; }
.title h1.talk span { font-size: .538em; font-weight: normal; color: #6d6d67; }
.title .pageback { font-size: .857em; margin-top: -1.6em; float: left; width: 75%; }
.title .page-moved { float: left; width: 60%; clear: both; margin: -1.5em 0 1em; font-size: .785em; }

.template { display: none; }

a.edit-section { float: right; padding: .25em 5px .15em; margin-top: .25em; border: 0; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.25); color: #333; background: #a5d9f3 url("../img/light-shade.png") 0 .75em repeat-x; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; }
a.edit-section:before { content: "\25c0\00a0"; font-size: .857em; }
a.edit-section:hover, a.edit-section:active, a.edit-section:focus { color: #333; background-color: #ade4ff; text-decoration: none; }

.edited-section { display: none; }
.edited-section a.edit-section { display: none; }
.edited-section-loading { display: block; opacity: 0.25; }
.edited-section-loading a.edit-section { display: block; }
.edited-section-loading a.edit-section:before { content: "\26a1\00a0"; }

.edited-section-ui { position: relative; }
.edited-section-ui .btn-save, .edited-section-ui .btn-cancel { padding: .25em 8px .15em; margin: .25em 10px 1em 0; border: 0; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.25); color: #333; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; }
.edited-section-ui .btn-save:before { content: "\2714\00a0"; font-size: .857em;}
.edited-section-ui .btn-cancel:before { content: "\2718\00a0"; font-size: .857em; }

.edited-section-ui-saving { opacity: 0.5; }
.edited-section-ui-saving .btn-save, .edited-section-ui-saving .btn-cancel{ display: none; }

.editing .metadata { float: left; width: 55%; display: none; }
.new .editing .metadata { display: block; }
.editing ul.metadata li { margin: 0; padding: 0; clear: both; }
.editing ul.metadata li label { display: block; float: left; line-height: 2.5em; text-align: right; width: 10ex; font-weight: bold; padding-right: 0.25em; color: #888; }
.editing ul.metadata li input, .editing ul.metadata li input#id_title { font-size: 1em; padding: 6px 8px; margin: 2px 0px; width: 70%; }
.editing ul.metadata li input[type="checkbox"] { width: auto; margin-left: 6px; }

.editing .title { float: left; width: 55%; }
.editing .title h1 { display: inline-block; width: auto; float: none; color: #888; }
.editing .title h1 em { color: #333; font-style: normal; }
.editing #btn-properties { position: relative; font-size: 18px; padding: 0; margin-left: 6px; width: 1em; height: 1em; line-height: 1.2; text-indent: -999em; overflow: hidden; background: #b4b4b4 url("../img/wiki/icons/icn-info.png") center center no-repeat; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
.editing #btn-properties:hover, .editing #btn-properties:focus { background-color: #25a; }

.editing .save-state { font-size: .785em; margin: -1.75em 0 1.5em; color: #888; }
.editing #btn-savedraft { font-family: inherit; font-size: 1em; line-height: 1; text-transform: none; color: #333; padding: 0; background: transparent none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.editing #btn-savedraft:hover, .editing #btn-savedraft:focus { text-decoration: underline; color: #25a; }

.previewing .title { float: left; width: 45%; }
.previewing .title h1 { width: auto; float: none; color: #768e99; }
.previewing .title h1 em { color: #333; font-style: normal; }
.previewing .article-content { margin-top: 1em; border-color: #c7dae9; }

#page-buttons { width: 50%; text-align: right; margin: 0; position: absolute; right: 4px; top: 20px; }
#page-buttons li { display: inline; margin: 0 0 2px 10px; padding: 0; background: none; }
#page-buttons a, #page-buttons button { display: inline-block; padding: 6px 8px 3px; color: #333; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.25); box-shadow: 1px 1px 0 rgba(0,0,0,.25); background-color: #ddd; }
#page-buttons a:hover, #page-buttons a:focus, #page-buttons a:active { text-decoration: none; }
#page-buttons a { padding: 7px 8px 4px; }
#page-buttons .page-edit a { padding-left: 32px; background: #a5d9f3 url("../img/wiki/button-edit.png") 0 50% repeat-x; }
#page-buttons .page-edit a:hover, #page-buttons .page-edit a:focus, #page-buttons .page-edit a:active { background-color: #ade4ff; text-decoration: none; }
{'fraction_non_alphanumeric': 0.18638743455497384, 'fraction_numerical': 0.06466871276403682, 'mean_word_length': 3.8829337094499294, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4860334', 'n_tokens_mistral': 11478, 'n_tokens_neox': 10099, 'n_words': 2870}