openproject/app/assets/stylesheets/content/_wiki.sass

/*-- copyright
 * OpenProject is a project management system.
 * Copyright (C) 2012-2013 the OpenProject Foundation (OPF)
 *
 * This program is free software you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3.
 *
 * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * Copyright (C) 2006-2013 Jean-Philippe Lang
 * Copyright (C) 2010-2013 the ChiliProject Team
 *
 * This program is free software you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 * See doc/COPYRIGHT.rdoc for more details.  ++*/

@import global/all

div.wiki
  table
    border: 1px solid #505050
    border-collapse: collapse
    margin-bottom: 1em

  table, td, th
    border: 1px solid #bbb
    padding: 4px

  .external
    background-position: 0% 60%
    background-repeat: no-repeat
    padding-left: 12px
    background-image: url(image-path('external.png'))

  pre
    margin: 1em 1em 1em 1.6em
    padding: 2px 2px 2px 0
    background-color: #fafafa
    border: 1px solid #dadada
    width: auto
    overflow-x: auto
    overflow-y: hidden

  ul.toc
    margin-bottom: 12px
    margin-right: 12px
    margin-left: 0
    display: table
    font-size: 0.8em
    &.right
      float: right
      margin-left: 12px
      margin-right: 0
      width: auto
    &.left
      float: left
      margin-right: 12px
      margin-left: 0
      width: auto
    a
      font-weight: normal
      background-image: url(image-path('arrow-down.png'))
      background-repeat: no-repeat
      background-position: 0% 60%
      padding-left: 16px
    li
      list-style-type: none
  ul
    margin: 0
    padding: 0
  li
    margin: 0
  li li
    margin-left: 1.5em
  fieldset legend
    font-weight: bold
    font-size: 10px
  img
    vertical-align: middle

a.wiki-anchor
  display: none
  margin-left: 6px
  text-decoration: none
  &:hover
    color: #aaa !important
    text-decoration: none

h1:hover, h2:hover, h3:hover
  a.wiki-anchor
    display: inline
    color: #ddd

.wiki
  p, span
    &.see-also, &.caution, &.important, &.info, &.tip, &.note
      display: block
      margin-top: .5em
      margin-bottom: .5em
      padding: 4px 4px 4px 48px
      min-height: 33px

    &.smallsee-also, &.smallcaution, &.smallimportant, &.smallinfo, &.smalltip, &.smallnote
      display: block
      margin-top: .5em
      margin-bottom: .5em
      padding: 4px 4px 4px 34px
      min-height: 24px

    &.see-also
      background: url(image-path('wiki_styles/see-also.png')) 4px 4px no-repeat #f5fffa
      border: 1px solid #AAB1AD

    &.smallsee-also
      background: url(image-path('wiki_styles/see-also_small.png')) 4px 4px no-repeat #f5fffa
      border: 1px solid #AAB1AD

    &.caution
      background: url(image-path('wiki_styles/caution.png')) 4px 6px no-repeat #f5fffa
      border: 1px solid #AAB1AD

    &.smallcaution
      background: url(image-path('wiki_styles/caution_small.png')) 4px 4px no-repeat #f5fffa
      border: 1px solid #AAB1AD

    &.important
      background: url(image-path('wiki_styles/important.png')) 4px 7px no-repeat #F0F8FF
      border: 1px solid #C1C8CF

    &.smallimportant
      background: url(image-path('wiki_styles/important_small.png')) 4px 6px no-repeat #F0F8FF
      border: 1px solid #C1C8CF

    &.info
      background: url(image-path('wiki_styles/info.png')) 4px 4px no-repeat #FFFFE0
      border: 1px solid #FFFF00

    &.smallinfo
      background: url(image-path('wiki_styles/info_small.png')) 4px 4px no-repeat #FFFFE0
      border: 1px solid #FFFF00

    &.smalltip
      background: url(image-path('wiki_styles/tip_small.png')) 4px 5px no-repeat #F5FFFA
      border: 1px solid #C7CFCA

    &.note
      background: url(image-path('wiki_styles/note.png')) 6px 4px no-repeat #F5FFFA
      border: 1px solid #C7CFCA

    &.smallnote
      background: url(image-path('wiki_styles/note_small.png')) 5px 4px no-repeat #F5FFFA
      border: 1px solid #C7CFCA

.controller-wiki
  #content
    overflow: visible