view MoinMoin/themes/modernized/static/css/stylus/main.styl @ 1559:f02a9e83371c

Modernized theme smileys.css moved out of main.styl
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Tue, 24 Jul 2012 04:41:56 +0530
parents 372ba804a07e
children 6b832dfff839
line wrap: on
line source
//moin2 modernized theme css

// include a comment with a notice that the css file is automatically generated:
@import "stylus_notice.css"

// reset all browser-specific default to have common defaults everywhere:
@import "reset.css"

// smileys used by moin wiki parser (and maybe others)
@import "smileys.css"

html
  color: black
  font-family: sans-serif

div, p
  margin: 1em 0

sub
  vertical-align: sub

sup
  vertical-align: super

ins
  background-color: #FFF
  text-decoration: underline

.moin-big
  font-size: 1.17em

.moin-small
  font-size: .83em

.moin-integer
  text-align: right
  padding-right: 1em

h1
  font-size: 2em
  margin: .67em 0
  border-bottom: 5px solid #4D7DA9
  padding-bottom: 5px

h2
  font-size: 1.5em
  margin: .75em 0
  padding-bottom: 4px

h3
  font-size: 1.17em
  margin: .83em 0
  padding-bottom: 3px

h4
  margin: 1.12em 0
  padding-bottom: 2px

h5
  font-size: .83em
  margin: 1.5em 0
  padding-bottom: 2px

h6
  font-size: .75em
  margin: 1.67em 0
  padding-bottom: 2px

h2,h3,h4,h5,h6
  border-bottom: 3px solid #4D7DA9

a
  text-decoration: none

a:link
  color: blue

a:visited
  color: purple

a:hover
  color: red

a:active
  color: red

a.moin-nonexistent:visited,
a.moin-nonexistent
  color: #444

ol, ul
  margin-left: 3em

ol ol, ul ul, ol ul, ul ol
  margin-left: 2em

li p
  margin: .25em 0

ol.moin-upperalpha-list
  list-style-type: upper-alpha

ol.moin-loweralpha-list
  list-style-type: lower-alpha

ol.moin-upperroman-list
  list-style-type: upper-roman

ol.moin-lowerroman-list
  list-style-type: lower-roman

ul.moin-nobullet-list
  list-style-type: none

ol, ul
  margin-top: 1em

li ol, li ul
  margin-top: .25em

dt
  margin-top: 0.5em
  font-weight: bold

dd
  font-size: .92em
  margin-left: 40px
  margin-top: 0
  margin-bottom: 0

dd p
  margin: 0.25em 0

dd + dd p
  margin-top: .67em

hr
  height: 1px
  background-color: #9C9C9C
  border: 0
  margin: .9em 0

.moin-hr1
  height: 2px

.moin-hr2
  height: 3px

.moin-hr3
  height: 5px

.moin-hr4
  height: 7px

.moin-hr5
  height: 9px

.moin-hr6
  height: 12px

.moin-error
  color: red
  background: #DDD
  padding: 4px

.moin-highlight
  background-color: #CCE0FF
  padding: 1px

pre
  border: 1px solid #AEBDCC
  background-color: #F3F5F7
  padding: 5px
  clear: both
  font-family: monospace
  margin: .33em 0
  white-space: pre

pre.comment
  background-color: #CCC
  color: red
  padding: 0
  margin: 0
  border: 0

pre.comment:before
  content: url(../img/attention.png)

.monospaced
  font-family: monospace

table
  margin: 0.5em
  border-collapse: collapse

th, td
  padding: 0.3em 0.4em
  vertical-align: middle
  text-align: left

th
  border: 1px solid #4D7DA9
  background-color: #81BBF2

td
  border: 1px solid #ADB9CC

td p
  margin: 0
  padding: 0

table.zebra
  border: none
  border-collapse: separate
  border-spacing: 1px

.zebra thead
  background-color: #81BBF2

.zebra tfoot
  background-color: #C4D9FF

.zebra th, .zebra td
  border: none

.zebra tbody tr, .zebra > tr
  background-color: #EEF1F5

.zebra tbody tr:nth-child(odd), .zebra > tr:nth-child(odd)
  background-color: #D9DFE8

div.moin-table-of-contents
  border: 1px solid #BBB
  color: black
  background: #fff
  font-size: 80%
  margin: 0.5em 0 0.75em 1em
  padding: 0.5em 0.75em 0.5em 0.5em
  text-indent: -1em
  max-width: 35%
  text-align: left
  float: right
  clear: both
  box-shadow: 3px 3px 6px #679
  border-radius: 15px

.moin-table-of-contents ol
  margin: 0
  padding: 0 0 0 .92em

.moin-table-of-contents li
  margin: .12em 0 0 0
  padding: 0
  list-style: none

.moin-table-of-contents-heading
  font-weight: bold
  padding: 0
  margin: 0 0 0.5em 1em
  letter-spacing: 0.075em

.moin-showhide
  margin-left: 10px

table.navigation
  background: #FFF
  float: right
  margin: 2px

.moin-footnote a,
.moin-footnotes sup a
  font-size: .87em

.moin-footnotes
  border-top: 1px solid gray
  margin: 0 1em

.moin-footnotes p
  margin: 0 0 .33em 1em
  font-size: .92em

#moin-rev-navigation
  list-style: none
  text-align: center

#moin-rev-navigation li
  display: inline

.moin-disabled
  color: gray

.moin-rev-navigation-current
  font-size: 1.5em
  text-transform: uppercase

.moin-rev-navigation-older,
.moin-rev-navigation-newer
  padding: 0 20px 0 20px

.moin-form dd
  margin-bottom: 1em

.moin-form dd input
  width: 20em

.moin-form dt label.required:after
  content: '*'
  color: gray

.moin-tab-titles
  margin: 0
  padding: -10px 0 0
  list-style: none
  border-bottom: 3px solid #4D7DA9

.moin-tab-titles li
  display: inline-block
  margin: 10px 0 -3px
  padding: 0 5px
  border-bottom: 3px solid #4D7DA9

.moin-tab-titles a
  display: inline-block
  padding: 4px
  background-color: #81BBF2
  border-width: 1px 1px 0
  border-style: solid
  border-color: #4D7DA9
  color: #222

.moin-tab-titles a:hover
  background-color: #4D7DA9
  text-decoration: none

.moin-tab-titles a.current
  background: #4D7DA9
  padding-top: 8px
  margin-top: -4px

.moin-tab-titles .change-indicator
  font-weight: bold
  color: #D22

.moin-tab-title a
  color: #000
  text-decoration: none

.searchresults dt
  margin-top: 1em
  font-weight: normal

.searchresults dd,
.searchresults p
  font-size: 0.85em

.searchresults td
  border-width: 0

.searchresults p.info
  margin-left: 2%

.searchresults .searchhitinfobar
  color: #008000
  margin-left: 15px
  margin-top: 0

.searchresults .foundtext
  margin-left: 15px
  margin-top: 0

p.searchstats
  font-size: 0.8em
  text-align: right
  width: 100%
  padding: 2px

p.searchhint
  background-color: #E6EAF0
  border: 1px solid #9088DC
  padding: 2px

.searchpages
  margin-left: auto
  margin-right: auto

.searchpages tr,
.searchpages td
  border: 0
  padding: 5px
  margin: 0
  text-align: center
  vertical-align: middle
  color: #b93a58
  font-weight: bold
  font-size: 1.05em

.searchpages td a,
.searchpages td a:link
  text-decoration: underline

#f_data_text
  border: 1px solid #8cacbb
  font-family: monospace
  margin: .33em 0
  padding: 3px
  width: 100%

#f_comment,
#f_summary,
#f_textcha
  border: 1px solid #8cacbb
  display: inline
  margin: .33em 0
  padding: 3px
  width: 70%

#moin-editor-help
  font-size: small
  background-color: #EEEEFF

#preview
  border: 1px solid #6C7680
  padding: 10px 30px 20px 30px
  background: url(../img/draft.png)
  margin-top: 0.5em

.moin-hist-rev input
  float: left

.moin-hist-rev
  margin: 0

#moin-global-history,
#moin-page-history
  font-size: 75%

.moin-wordbreak
  word-break: break-all
  word-wrap: break-word

.moin-history-time
  width: 10%

.moin-history-contenttype
  width: 18%

.moin-history-editorinfo
  width: 17%

.moin-history-comment
  width: 30%

.moin-action
  width: 2%

.moin-action a:hover
  text-decoration: none

.moin-history-container
  border: 1px solid #4D7DA9
  margin: 2em 0

.moin-history-container-header
  background: #81BBF2
  margin: 0px
  padding: 4px
  color: #3b3131
  border-bottom: 1px solid #4D7DA9

.moin-history-container-header h2
  display: inline
  border: none

.moin-history-container-header a.bookmark-link
  margin-left: 10px
  color: #3b3131

.moin-history-container-body
  margin: 0
  padding: 0
  font-size: 14px

.moin-history-container-body table
  margin: 0
  width: 100%

.moin-history-save:before
  content: url('../img/moin-edit.png')

.moin-history-trash:before
  content: url('../img/moin-deleted.png')

.moin-history-rename:before
  content: url('../img/moin-renamed.png')

.moin-history-copy:before
  content: url('../img/moin-new.png')

.moin-integer
  width: 2%

.moin-history-links
  width: 5%

.moin-history-links a
  display: block
  margin-bottom: 4px

.moin-history-editortext,
.moin-history-links span,
.moin-history-comment span
  color: #544E4F
  display: block
  margin-bottom: 5px

.moin-offset-links
  float: right
  margin-right: 20px

.moin-offset-links a
  margin-right: 10px
  padding: 3px 7px
  font-size: 20px
  background: #FFFFFF
  border: 1px groove #DDD
  border-radius: 5px

.moin-offset-links a:hover
  box-shadow: 0px 0px 12px #81BBF2

.moin-clr
  clear: both

.moin-select-all
  padding: 0.5em
  color: #342D7E
  background: #FFFFFF
  border: 1px solid #E5E5E5
  text-align: left

.moin-select-actions
  position: relative
  margin: 0 1em
  padding: 0
  background: #FFFFFF
  z-index: 2
  white-space: nowrap
  color: #342D7E
  text-align: left

.moin-select-actions div
  margin: 0
  padding: 0.5em
  border: 1px groove #E5E5E5

.moin-select-actions div:hover,
.action-visible div
  background: #4477FF
  color: #FFFFFF

.moin-select-actions .show-action
  cursor: pointer

.show-action:after
  content: url("../img/moin-moveup.png")
  margin: 0 0.2em

.action-visible .show-action:after
  content: url("../img/moin-movedown.png")
  margin: 0 0.2em

.moin-select-allitem
  display: inline-block
  cursor: default
  text-align: left

.allitem-selected:after
  content: url("../img/moin-checkbox-on.png")
  margin: 0 0.2em

.allitem-toselect:after
  content: url("../img/moin-checkbox-off.png")
  margin: 0 0.2em

.moin-select-actions ul
  position: absolute
  margin: 0
  left: 0
  top: 2em
  padding: 0
  display: none
  background: #fff
  border: 1px solid #E5E5E5
  z-index: 1

.moin-select-actions ul li
  display: list-item
  list-style-type: none
  padding: 0.5em
  min-width: 7em
  cursor: pointer

.moin-select-actions ul li:hover
  background-color: #4477FF
  color: #FFFFFF

.moin-index-message
  width: 50%
  margin: 1em auto
  text-align: center
  display: none

.moin-index-message span
  padding: 4px
  background-color: #FFFF00
  color: #111111

.moin-download-link
  display: none

#moin-initials
  width: 90%
  margin: 5px auto
  text-align: center

#moin-initials a
  display: inline-block
  margin: 0
  padding: 4px 5px

#moin-initials a:hover,
#moin-initials a.selected
  background: #4477FF
  border-radius: 5px
  color: #FFFFFF
  text-decoration: none

.moin-item-index
  width: 100%
  margin-left: 0.5em

.moin-item-index div
  float: left
  width: 15em

.moin-item-index div .moin-select-item
  visibility: hidden
  display: inline-block
  width: 17px
  cursor: default
  background: transparent url("../img/moin-checkbox-off.png") no-repeat

.moin-item-index div.selected-item .moin-select-item,
.moin-item-index div:hover .moin-select-item
  visibility: visible

.moin-item-index div.selected-item .moin-select-item
  background-image: url("../img/moin-checkbox-on.png")

.moin-align-right
  text-align: right
  float: right

.moin-align-right ul
  margin: 0
  padding: 0

.moin-align-right ul li.action-bar
  list-style-type: none
  display: inline-block

.moin-contenttypes-wrapper
  position: relative
  margin: 0
  color: #342D7E
  background: #FFFFFF
  border: 1px solid #E5E5E5
  min-width: 12em
  text-align: left

.moin-contenttypes-wrapper div
  cursor: pointer
  margin: 0.1em
  padding: 0.5em 1.2em 0.5em 0.5em
  height: 1em

div.ct-shown
  background: #4477FF url("../img/moin-movedown.png") no-repeat center right
  color: #FFFFFF

div.ct-hide
  background: transparent url("../img/moin-moveup.png") no-repeat center right

.moin-contenttypes-wrapper form
  position: absolute
  top: 1.9em
  left: 0
  display: none
  margin: 0.3em 0
  border-top: 1px solid #E5E5E5
  z-index: 2
  background: #FFFFFF
  border: 1px solid #E5E5E5

.moin-contenttypes-wrapper ul li
  list-style-type: none
  padding: 0.5em
  min-width: 11.5em

.moin-contenttypes-wrapper ul li label
  margin-left: 0.5em

.moin-contenttypes-wrapper ul li .helper-text
  font-size: 0.7em
  color: #6E6A6B
  display: none

.moin-contenttypes-wrapper ul li:hover
  background: #E5E5E5

.moin-contenttypes-wrapper ul li:hover .helper-text
  display: block

.moin-contenttypes-wrapper ul li a
  font-size: 80%

.moin-contenttypes-wrapper form input[type="submit"]
  margin: 0.4em 0.5em

.moin-contenttypes-wrapper:hover div
  background-color: #4477FF
  color: #FFFFFF

.filter-toggle
  margin: 0 0.2em
  font-size: 90%

.moin-more-index
  background: transparent url("../img/moin-expand.png") no-repeat
  display: inline-block
  width: 20px

.moin-more-index:hover
  text-decoration: none

.moin-index-path
  margin-left: 0.5em

.moin-index-path:before
  content: url("../img/moin-parent.png")
  margin: 0 0.3em

.moin-path-separator
  font-size: 120%
  color: #4477FF

.moin-index-separator
  clear: both
  border-top: 1px dashed #CCCCCC
  width: 80%
  display: none

#moin-upload-cont
  min-height: 10px

#file_upload
  margin-top: 2em

form.upload_file
  background-color: #4477FF
  border: 1px solid #e5e5e5
  color: #E5E5E5
  cursor: pointer
  direction: ltr
  font-weight: bold
  height: 2.5em
  line-height: 2.5em
  overflow: hidden
  position: relative
  text-align: center
  width: 15em
  box-shadow: 0px 0px 5px #4477FF

form.upload_file:hover
  color: #FFFFFF

form.upload_file input
  -moz-transform: translate(-800px, 0pt) scale(10)
  border: 300px solid transparent
  cursor: pointer
  height: 100%
  margin: 0
  opacity: 0
  position: absolute
  right: 0
  top: 0

form.upload_file input
  height: auto

form.upload_file button
  display: none

form.upload_file
  display: block

.file_upload_template .file_upload_start
  visibility: hidden
  border-width: 0px
  padding: 0px

.file_upload_template .file_upload_start button
  width: 0px

.upload-form
  display: none

.moin-drag
  font-size: 0.7em
  color: #6C7680

a.moin-conflict:before
  content: url(../img/moin-conflict.png)
  margin: 0 0.2em

#popup
  background: transparent url("../img/moin-transparent-bg.png") repeat
  padding: 5px
  width: 40%
  position: absolute
  top: 10%
  left: 30%
  display: none
  z-index: 10

.popup-header
  background-color: #4477FF
  color: #FFFFFF
  font-size: 1em
  padding: 10px
  margin: 0

.popup-closer
  color: #FFFFFF
  font-size: 1em
  padding: 1px 4px
  margin: 0
  float: right
  cursor: pointer
  border: 1px solid #E5E5E5

.popup-closer:hover
  background-color: #F6F6F6
  color: #4477FF

.popup-body
  clear: both
  background-color: #FFFFFF
  color: #111111
  padding: 10px
  margin: 0

.popup-body label
  margin: 5px
  display: block
  font-weight: bold

.popup-body input
  margin: 8px 5px
  padding: 3px
  border: 1px solid #E5E5E5

.popup-body input[type="text"]
  width: 300px

.popup-body input.blank
  border-color: #FF0000
  border-width: 2px

.popup-container
  margin: 0

#lightbox
  background: #FFFFFF
  opacity: 0.7
  filter: alpha
  position: absolute
  left: 0
  top: 0
  width: 100%
  height: 100%
  z-index: 9
  margin: 0
  display: none

.moin-diff
  width: 99%
  table-layout: fixed

.moin-diff-header
  vertical-align: top
  font-size: 92%

.moin-diff-info
  margin: .33em .25em

.moin-diff-info-value
  white-space: normal

.moin-diff-info-caption
  display: inline-block
  min-width: 5em

.moin-diff-line-number
  background-color: #C0C0C0

.moin-diff-added
  background-color: #E0FFE0
  vertical-align: top
  width: 50%
  white-space: pre-wrap
  word-wrap: break-word
  font-family: monospace

.moin-diff-removed
  background-color: #FFFFE0
  vertical-align: top
  width: 50%
  white-space: pre-wrap
  word-wrap: break-word
  font-family: monospace

.moin-diff-added span
  background-color: #80FF80

.moin-diff-removed span
  background-color: #FFFF80

ul.moin-tags
  list-style: none

ul.moin-tags li
  display: inline

ul.moin-tags li.weight0
  font-size: 50%

ul.moin-tags li.weight1
  font-size: 65%

ul.moin-tags li.weight2
  font-size: 80%

ul.moin-tags li.weight3
  font-size: 90%

ul.moin-tags li.weight4
  font-size: 100%

ul.moin-tags li.weight5
  font-size: 120%

ul.moin-tags li.weight6
  font-size: 140%

ul.moin-tags li.weight7
  font-size: 160%

ul.moin-tags li.weight8
  font-size: 180%

ul.moin-tags li.weight9
  font-size: 200%

.comment
  color: #555
  background-color: #DDF

.red
  background-color: #FCC

.green
  background-color: #CFC

.blue
  background-color: #CCF

.yellow
  background-color: #FFF29F

.orange
  background-color: #FFD59B

.solid
  border: 2px solid #000
  padding: 2px
  clear: both

.dashed
  border: 2px dashed #AEBDCC
  padding: 2px
  clear: both

.dotted
  border: 2px dotted #AEBDCC
  padding: 2px
  clear: both

.left
  text-align: left

.center
  text-align: center

.right
  text-align: right

.justify
  text-align: justify

#moin-content div.caution,
#moin-content div.important,
#moin-content div.note,
#moin-content div.tip,
#moin-content div.warning
  border: 1px solid #E5E5E5
  background-color: #F9F9FF
  background-repeat: no-repeat
  background-position: 8px 8px
  color: black
  margin: 10px 30px 10px 30px
  min-height: 64px
  padding-left: 64px
  clear: both

#moin-content div.caution p,
#moin-content div.important p,
#moin-content div.note p,
#moin-content div.tip p,
#moin-content div.warning p
  margin-top: 8px

#moin-content div.caution
  background-image: url("../img/admonitions/caution.png")

#moin-content div.important
  background-image: url("../img/admonitions/important.png")

#moin-content div.note
  background-image: url("../img/admonitions/note.png")

#moin-content div.tip
  background-image: url("../img/admonitions/tip.png")

#moin-content div.warning
  background-image: url("../img/admonitions/warning.png")

a.moin-www:before,
a.moin-http:before,
a.moin-https:before
  content: url(../img/moin-www.png)
  margin: 0 0.2em

a.moin-file:before,
a.moin-ftp:before
  content: url(../img/moin-ftp.png)
  margin: 0 0.2em

a.moin-nntp:before,
a.moin-news:before
  content: url(../img/moin-news.png)
  margin: 0 0.2em

a.moin-telnet:before,
a.moin-ssh:before,
a.moin-irc:before,
a.moin-ircs:before
  content: url(../img/moin-telnet.png)
  margin: 0 0.2em

a.moin-mailto:before
  content: url(../img/moin-email.png)
  margin: 0 0.2em

a.moin-attachment:before
  content: url(../img/moin-attach.png)
  margin: 0 0.2em

a.moin-interwiki:before
  content: url(../img/moin-inter.png)
  margin: 0 0.2em

a.moin-action:before
  content: url(../img/moin-action.png)
  margin: 0 0.2em

a.moin-mime-text:before
  content: url(../img/moin-text.png)
  margin: 0 0.2em

a.moin-mime-image:before
  content: url(../img/moin-image.png)
  margin: 0 0.2em

a.moin-mime-audio:before
  content: url(../img/moin-audio.png)
  margin: 0 0.2em

a.moin-mime-video:before
  content: url(../img/moin-video.png)
  margin: 0 0.2em

a.moin-mime-application:before
  content: url(../img/moin-application.png)
  margin: 0 0.2em

a.moin-mime-pdf:before
  content: url(../img/moin-pdf.png)
  margin: 0 0.2em

a.moin-mime-package:before
  content: url(../img/moin-package.png)
  margin: 0 0.2em

a.moin-mime-drawing:before
  content: url(../img/moin-drawing.png)
  margin: 0 0.2em

#moin-flash
  margin: 0

.moin-flash
  margin: 0
  padding: 6px 6px 6px 38px
  background-color: #f0f2f5
  border-bottom: 1px solid #ccc
  background-repeat: no-repeat
  background-position: 16px center

.moin-flash-hint
  background-image: url(../img/smileys/idea.png)

.moin-flash-info
  background-image: url(../img/smileys/icon-info.png)

.moin-flash-warning
  background-image: url(../img/smileys/alert.png)
  background-color: #f1f3dc

.moin-flash-error
  background-image: url(../img/smileys/icon-error.png)
  background-color: #f1dadc

.highlight .hll
  background-color: #FFC

.highlight
  background: #F8F8F8

.highlight .c
  color: #408080
  font-style: italic

.highlight .err
  border: 1px solid #F00

.highlight .k
  color: #008000
  font-weight: bold

.highlight .o
  color: #666666

.highlight .cm
  color: #408080
  font-style: italic

.highlight .cp
  color: #BC7A00

.highlight .c1
  color: #408080
  font-style: italic

.highlight .cs
  color: #408080
  font-style: italic

.highlight .gd
  color: #A00000

.highlight .ge
  font-style: italic

.highlight .gr
  color: #FF0000

.highlight .gh
  color: #000080
  font-weight: bold

.highlight .gi
  color: #00A000

.highlight .go
  color: #808080

.highlight .gp
  color: #000080
  font-weight: bold

.highlight .gs
  font-weight: bold

.highlight .gu
  color: #800080
  font-weight: bold

.highlight .gt
  color: #0040D0

.highlight .kc
  color: #008000
  font-weight: bold

.highlight .kd
  color: #008000
  font-weight: bold

.highlight .kn
  color: #008000
  font-weight: bold

.highlight .kp
  color: #008000

.highlight .kr
  color: #008000
  font-weight: bold

.highlight .kt
  color: #B00040

.highlight .m
  color: #666666

.highlight .s
  color: #BA2121

.highlight .na
  color: #7D9029

.highlight .nb
  color: #008000

.highlight .nc
  color: #0000FF
  font-weight: bold

.highlight .no
  color: #880000

.highlight .nd
  color: #AA22FF

.highlight .ni
  color: #999999
  font-weight: bold

.highlight .ne
  color: #D2413A
  font-weight: bold

.highlight .nf
  color: #0000FF

.highlight .nl
  color: #A0A000

.highlight .nn
  color: #0000FF
  font-weight: bold

.highlight .nt
  color: #008000
  font-weight: bold

.highlight .nv
  color: #19177C

.highlight .ow
  color: #AA22FF
  font-weight: bold

.highlight .w
  color: #BBBBBB

.highlight .mf
  color: #666666

.highlight .mh
  color: #666666

.highlight .mi
  color: #666666

.highlight .mo
  color: #666666

.highlight .sb
  color: #BA2121

.highlight .sc
  color: #BA2121

.highlight .sd
  color: #BA2121
  font-style: italic

.highlight .s2
  color: #BA2121

.highlight .se
  color: #BB6622
  font-weight: bold

.highlight .sh
  color: #BA2121

.highlight .si
  color: #BB6688
  font-weight: bold

.highlight .sx
  color: #008000

.highlight .sr
  color: #BB6688

.highlight .s1
  color: #BA2121

.highlight .ss
  color: #19177C

.highlight .bp
  color: #008000

.highlight .vc
  color: #19177C

.highlight .vg
  color: #19177C

.highlight .vi
  color: #19177C

.highlight .il
  color: #666666

@media screenprojection
  body
    background-color: #F3F7FD

  #moin-page
    margin: 0
    padding: 0
    display: table
    width: 100%
    table-layout: fixed

  #moin-content
    background: #FFF
    overflow: hidden
    box-shadow: 1px 1px 33px -11px inset
    padding: 8px 25px
    display: table-cell

  a:link
    color: #47F
    text-decoration: none

  a:visited
    text-decoration: none
    color: #04A

  a:visited:hover
    text-decoration: none
    color: red

  a:hover,
a:active
    text-decoration: underline
    color: green

  a.moin-nonexistent:link
    color: #666

  a.moin-nonexistent:hover
    color: black
    text-decoration: underline

  #moin-header
    margin: 0px
    padding: 0px
    background: url(../img/white-clouds.jpg)
    line-height: 1.12em

  #moin-searchform
    margin: 8px .5em
    padding: 0
    font-size: 0.82em
    float: right
    text-align: right

  #moin-searchform input
    font-size: 100%
    vertical-align: middle
    background-color: #F3F7FD
    border: 1px solid #A4B9DF

  #moin-searchform #moin-search-submit
    text-indent: -9000%
    margin-left: -24px
    width: 20px
    height: 16px
    background: url(../img/moin-search.png) center center no-repeat
    background-size: 16px 16px
    border: none
    overflow: hidden
    vertical-align: middle
    cursor: pointer

  #moin-searchform #moin-search-query
    padding-right: 20px

  #moin-searchform div
    margin: 0

  #moin-long-searchform
    padding: 0
    font-size: 0.82em
    text-align: left

  #moin-long-searchform div
    margin: 0

  #moin-search-query
    width: 50%

  #moin-logo
    float: left
    margin: 5px 10px
    padding: 0
    font-size: 1.4em
    line-height: 1em
    font-weight: bold

  #moin-logo img
    vertical-align: middle

  #moin-logo a
    color: black
    text-decoration: none

  #moin-username
    display: block
    margin: 0px 12px 4px 12px
    padding: 0
    font-size: 0.82em

  #moin-username input:hover
    color: red

  #moin-locationline
    padding: 0
    font-size: 100%
    font-weight: normal
    margin: 0.25em 12px 5px 12px

  #moin-pagelocation
    font-size: 1.5em
    letter-spacing: 0.05em

  #moin-pagetrail
    margin: 0 0.88em 0.25em 12px
    padding: 0
    font-size: 0.88em

  #moin-navibar
    clear: both
    display: block
    margin: 0
    padding: 0 10px
    font-size: 0.82em

  #moin-navibar li
    float: left
    display: inline
    margin: 0 2px
    padding: 2px 5px
    border: 1px solid #A4B9DF
    border-bottom: none
    white-space: nowrap
    font-size: .88em

  #moin-navibar li.wikilink
    background: #F3F7FD

  #moin-navibar li.userlink
    background: #C4D9FF

  #moin-navibar a,
#moin-navibar a:visited
    color: black
    text-decoration: none

  #moin-navibar li:hover
    background: #A4B9DF

  #moin-pageline
    clear: both
    margin: 0
    padding: 0
    width: 100%
    height: 4px
    border-bottom: 1px solid #4D7DA9
    border-top: 1px solid #4D7DA9
    background: #81BBF2

  .moin-itemviews
    clear: both
    display: block
    margin: 0
    padding: 2px 8px
    background: #C4D9FF
    font-size: 0.8em
    border-bottom: 1px solid #4D7DA9
    border-top: 1px solid #4D7DA9
    margin-top: -1px

  .moin-itemviews li
    display: inline-block
    padding: 0
    margin: 4px 6px
    line-height: 1em

  .moin-itemviews a,
.moin-itemviews a:visited
    color: #0044B3

  .moin-itemviews a:hover
    text-decoration: underline

  .moin-itemviews form,
.moin-itemviews form div
    display: inline
    margin: 0

  .moin-itemviews select
    font-size: 100%
    vertical-align: middle

  .moin-subitem-navigation
    padding: 2px 4px
    background: #C4D9FF
    margin: 0
    vertical-align: top
    font-size: 0.8em
    width: 14em
    overflow: hidden
    display: table-cell
    word-wrap: break-word

  .moin-subitem-navigation .list-header
    margin: 2px 0
    padding: 0
    font-size: 1.1em

  .moin-subitem-navigation .sep
    font-size: 1.2em
    margin-left: 0px

  .moin-subitem-navigation ul
    display: block
    margin: 0
    padding: 0 4px

  .moin-subitem-navigation li
    padding: 0.5em 2px
    line-height: 1em
    list-style: none

  .moin-subitem-navigation li:hover
    background: #4D7DA9

  .moin-subitem-navigation a
    color: #0044B3

  .moin-subitem-navigation a:hover
    text-decoration: underline

  .moin-subitem-navigation li ul
    border-left: 1px dotted gray
    display: none

  .moin-subitem-navigation .expander
    background: url(../img/moin-expand.png) no-repeat center center
    cursor: pointer
    height: 16px
    overflow: hidden
    vertical-align: middle
    width: 16px
    border: hidden
    text-indent: -9000%

  .link-action,
.transclude-action
    border: hidden
    text-indent: -9000%
    padding: 0
    margin: 0 -2px
    vertical-align: middle
    height: 16px
    width: 16px
    overflow: hidden
    cursor: pointer

  .moin-subitem-navigation .link-action
    background: url(../img/moin-link.png) no-repeat center center

  .moin-subitem-navigation .transclude-action
    background: url(../img/moin-transclusion.png) no-repeat center center

  #moin-footer
    clear: both
    margin: 0 0

  #moin-footer hr
    margin: 0
    background-color: #ccc

  #moin-pageinfo,
#moin-wikilicense,
#moin-credits,
#moin-version,
#moin-timings
    margin: 10px 20px
    text-align: left
    font-size: 0.7em
    color: #6C7680

  #moin-timings li
    display: inline-block
    margin: 0 20px 0 0

  #moin-credits span
    display: inline-block
    margin: 0 5px

  #moin-creditlogos
    float: right
    list-style: none
    margin: 0 10px

  #moin-creditlogos li
    display: inline-block
    margin: 10px 0 10px 10px

  .moin-item-wrapper
    position: relative
    display: inline-block

  .moin-item-wrapper > a:hover
    color: blue
    text-decoration: none

  a.moin-item-overlay-ul,
a.moin-item-overlay-lr
    display: none
    position: absolute
    color: transparent
    background-color: transparent
    font-size: 120%
    font-weight: bold
    margin: 0
    opacity: .5
    filter: alpha
    padding: 1px
    border-color: blue
    border-style: double

  .moin-item-overlay-ul
    top: -4px
    left: -4px
    border-width: 3px 0 0 3px

  .moin-item-overlay-lr
    bottom: -4px
    right: -4px
    border-width: 0 3px 3px 0

  .moin-item-overlay-ul:hover,
.moin-item-overlay-lr:hover
    opacity: .8
    filter: alpha
    background-color: #C4D9FF
    color: blue

  div.moin-item-wrapper,
 div.moin-item-wrapper > div,
 div.moin-item-wrapper > div > p:first-child,
 div.moin-item-wrapper > div > p:last-child
    margin: 0px

  div.moin-item-wrapper > div >  p:first-child ~ p:last-child
    margin-top: 1em

  .moin-permalink
    display: none
    cursor: pointer
    font-size: 80%
    margin-left: 3px

  a.moin-permalink
    color: #95A09F

  a:hover.moin-permalink
    color: #C1CFCD

  h1:hover .moin-permalink,
h2:hover .moin-permalink,
h3:hover .moin-permalink,
h4:hover .moin-permalink,
h5:hover .moin-permalink,
h6:hover .moin-permalink
    display: inline
    text-decoration: none

@media print
  html
    font-family: serif
    font-size: 12pt
    width: 100%

  body, #moin-page, #moin-page, #moin-content-data
    margin: 0
    padding: 0

  a, a:visited,
a.moin-nonexistent
    color: black
    text-decoration: none

  a.moin-interwiki:before
    content: attr(title) ":"

  a.moin-interwiki img
    display: none

  pre
    font-size: 10pt

  div.moin-table-of-contents
    box-shadow: none

  a.moin-permalink, a.moin-showhide,
#moin-header, #moin-sidebar, #moin-footer, #moin-timings, #moin-credits, #moin-interwiki,
#moin-pagelocation
    display: none

  #moin-pageinfo
    color: gray
    font-size: .67em
    float: right

  #moin-pageinfo a
    color: gray

@media projection
  html
    line-height: 1.8em

  body, b, em, a, span, div, p, td
    font-size: 18pt

  h1
    font-size: 26pt

  h2
    font-size: 22pt

  h3
    font-size: 20pt

  h4
    font-size: 18pt

  h5
    font-size: 16pt

  h6
    font-size: 14pt

  tt, pre
    font-size: 16pt

  sup, sub
    font-size: 12pt

  table.navigation
    float: right
    margin: 2px

  .navigation td, .navigation a
    font-size: 10pt
    padding: 2px

  #moin-header, #moin-sidebar, #moin-footer, #moin-timings, #moin-credits, #moin-interwiki,
#moin-pagelocation, #moin-pageinfo
    display: none