// to autobuild run: compass watch .

// @import url("basic.css") //skip importing the standard sphinx styling

/* Fonts

@import url("http://fonts.googleapis.com/css?family=Arvo|Cousine:r,i,b")
@import "compass"
@import "compass/reset"

@mixin mono
  font-family: 'Cousine', monospace
  


body
  font-family: "Museo Sans", Verdana, sans
  font-size: 110%
  line-height: 160%
  color: #404040
  background: white

    
.body
  p
    margin-top: 2ex
    text-align: justify
    &:last-child
      margin-bottom: 4ex
  ul
    list-style-type: circle

.body, .related
  max-width: 630px
  
      
h1, h2, h3, h4, h5, h6
  font-family: 'Arvo', serif
  font-weight: normal
  color: SteelBlue
  margin-top: 1.5ex


h1
  font-size: 180%

h2
  font-size: 160%

h3
  font-size: 140%

tt
  +mono
  font-size: medium
  &.descname
    +mono
    font-size: medium

a
  color: SlateGray
  border-color: DarkSlateGray
  text-decoration: none
  border-bottom-width: 1px
  border-bottom-style: dashed
  img, &:link img
    border-bottom: 0px
  &.image-reference
    border-bottom-width: 0px
  &.reference.internal em // dont italicize links to pages w/in sphinx  
    font-style: normal
  &.headerlink
    display: none //dont show the silly paragraph marks next to headers

abbr
  border-bottom-width: 1px
  border-bottom-style: dashed
  border-color: DarkSlateGray

pre, .admonition
  margin: 1em -40px
  padding: 1em 40px


pre
  +mono
  font-size: 80%
  background: CornSilk
  font-size: medium
  line-height: 130%
  overflow: auto
  // word wrapping
  white-space: pre-wrap
  white-space: -moz-pre-wrap
  white-space: -pre-wrap
  white-space: -o-pre-wrap
  word-wrap: break-word
  
  // word-wrap: break-word
  #problem.viewcode-block
    background: white
    padding: 10px
    overflow: auto
    +opacity(0.9)
    +border-radius(10px)
  // a.viewcode-back
  border-left: 
    color: SlateGray
    width: 3px
    style: solid

.highlight
  width: 130%

.admonition
  background: CornSilk
  border-color: ForestGreen
  border-top-width: 5px
  border-top-style: solid
  &.warning
    border-top-width: 5px
    border-top-style: solid
    border-color: FireBrick
  &.note p.admonition-title
    display: none


dt:target, .highlighted
  background: #f2ffc4

/* Positions, Sizes, &c.



.halfwidth
  max-width: 500px
  margin-bottom: 3ex
.related
  margin-bottom: 100px
  margin-top: 50px
  
.social
  margin-top: 2ex
  margin-left: 1em
  .plusone
    display: table-cell
    padding: 5px 
  .twitter
    display: table-cell

.section
  > dl
    padding-top: 2em
  h2 + dl
    padding-top: inherit

dt:target
  margin-left: -10px
  margin-right: -40px
  padding-left: 10px
  padding-right: 40px


.document
  margin: 0 auto
  padding: 0 1em
  max-width: 900px
  position: relative
  .documentwrapper
    position: absolute
    left: 180px
    top: 0px
    h1
      &:first-child
        margin-top: 20px
    .toctree-wrapper //don't display the toc on the index page
      display: none
  .sphinxsidebar
    position: absolute
    left: -101px
    top: 0px
    width: 200px
    h3
      &:first-child
        margin-top: 20px
    a
      text-decoration: none
      border: none
      &.current
        font-weight: bold
    ul
      list-style-type: none
      margin-top: 20px
      ul
        margin-top: 0px
        padding-left: 15px
        
    input
      border-color: DarkSlateGray

    #searchbox
      h3
        margin-bottom: 0px
      .searchtip
        display: none


.license
  font-size: 60%
  max-width: 500px
  margin-left: 60px

.optimizationproblem
  margin-bottom: 4ex
  margin-left: 3em


.solution-homepage
  padding: 10px
  width: 15em
  background: SkyBlue
  +border-radius(10px)
  border: 
    style: solid
    color: DarkSlateGray
    width: 3px
  position: absolute
  top: 250px
  right: -15em

.installation-homepage
  padding: 10px
  width: 15em
  background: lightblue
  +border-radius(10px)
  border: 
    style: solid
    color: DarkSlateGray
    width: 3px
  position: absolute
  top: 380px
  right: -15em
  ul
    padding-left: 20px
    list-style-type: circle

.basic-installation
  padding: 6px
  width: 14em
  background: lightblue
  +border-radius(10px)
  border: 
    style: solid
    color: DarkSlateGray
    width: 3px
  position: absolute
  top: 25px
  right: -17em

=alternating-rows($even-row-color, $odd-row-color)
  tr.row-odd
    td
      background-color: $odd-row-color
  tr.row-even
    td
      background-color: $even-row-color
table.docutils
  width: 140%
  tbody
    tr.row-odd:first-child
      color: dimgray
      font-weight: bold
  td
    padding: 10px
  +alternating-rows(#ffffff, #eeeeee)

table.docutils.field-list
  margin-top: 30px
  th.field-name
    display: block
    font-weight: bold
  td.field-body
    display: block
    margin-left: 20px
    strong
      +mono
      color: dimgray

tt.descname //function name
  font-weight: bold

dl
  dd
    margin-left: 20px

dl.function //function inputs
  em
    +mono
    color: dimgray
  background: WhiteSmoke
  +border-radius(10px)
  padding: 10px
  margin-top: 20px
  table.field-list
    width: 100%
    
dl.class //class inputs
  em
    +mono
    color: dimgray
  background: FloralWhite
  +border-radius(10px)
  padding: 
    left: 10px
    right: 10px
    top: 5px
  table.field-list
    width: 100%

dl.method //class inputs
  em
    +mono
    color: dimgray
    
.viewcode-link //&.viewcode-back
  color: LightSlateGray
  text-decoration: none
  border: none
  font-size: small

ul
  list-style-position: inside
ol.arabic.simple
  list-style-type: decimal
  list-style-position: inside


#MathJax_ConfigWarning
  display: none
