section.wiki { padding-top: 25px; header { height: 33px; margin-bottom: 36px; padding-bottom: 26px; border-bottom: 1px solid $light-gray; } .pull-left { float: left; } .pull-right { float: right; } /*----------------- Breadcrumbs -----------------*/ .breadcrumb { list-style: none; padding-left: 0; margin: 0 0 0 flex-gutter(); li { float: left; margin-right: 10px; font-size: 0.9em; line-height: 31px; a { display: inline-block; max-width: 200px; overflow: hidden; height: 30px; text-overflow: ellipsis; white-space: nowrap; } &:after { content: '›'; display: inline-block; margin-left: 10px; color: $base-font-color; } } } .dropdown-menu { display: none; } /*----------------- Global Functions -----------------*/ .global-functions { display: block; width: auto; margin-right: flex-gutter(); } .add-article-btn { @include button(simple, #eee); margin-left: 25px; padding: 7px 15px !important; font-size: 0.72em; font-weight: 600; &:hover { text-decoration: none; } } .search-wiki { margin-top: 3px; input { width: 180px; height: 27px; padding: 0 15px 0 35px; background: url(../images/search-icon.png) no-repeat 9px center #f6f6f6; border: 1px solid #c8c8c8; border-radius: 14px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) inset; font-family: $sans-serif; font-size: 12px; outline: none; @include transition(border-color .1s); &:-webkit-input-placholder { font-style: italic; } &:focus { border-color: $blue; } } } /*----------------- Article -----------------*/ .article-wrapper { } h1 { font-weight: bold; letter-spacing: 0; } .main-article { float: left; width: flex-grid(9); margin-left: flex-gutter(); color: $base-font-color; } &.view .main-article { h2 { padding-bottom: 8px; margin-bottom: 22px; border-bottom: 1px solid $light-gray; font-size: 1.6em; font-weight: bold; color: $base-font-color; text-transform: none; letter-spacing: 0; } h3 { margin-top: 40px; margin-bottom: 20px; font-weight: bold; font-size: 1.25em; } h4 { margin: 30px 0 10px; font-size: 1em; color: #999; font-weight: bold; } h5 { margin: 20px 0 10px; font-size: .8em; font-weight: bold; text-transform: uppercase; } h6 { margin: 20px 0 10px; font-size: .8em; font-weight: bold; color: #999; text-transform: uppercase; } ul { font-size: inherit; line-height: inherit; color: inherit; } li { margin-bottom: 15px; line-height: 1.6em; } pre { padding: 10px; border: 1px solid #ddd; background: #f8f8f8; border-radius: 4px; font-size: 0.9em; font-family: Monaco, monospace; } } /*----------------- Sidebar -----------------*/ .article-functions { float: left; width: flex-grid(2) + flex-gutter(); margin-left: flex-grid(1); .timestamp { margin: 4px 0 15px; padding: 0 0 15px 5px; border-bottom: 1px solid $light-gray; .label { font-size: 0.7em; color: #aaa; text-transform: uppercase; } .date { font-size: 0.9em; } } } .nav-tabs { list-style: none; padding: 0; margin: 0; li { &.active { a { color: $blue; .icon-view { background-position: -25px 0; } .icon-edit { background-position: -25px -25px; } .icon-changes { background-position: -25px -49px; } .icon-attachments { background-position: -25px -73px; } .icon-settings { background-position: -25px -99px; } &:hover { background: none; } } } } a { display: block; padding: 2px 4px; border-radius: 3px; font-size: 0.9em; line-height: 25px; color: #8f8f8f; .icon { float: left; display: block; width: 25px; height: 25px; margin-right: 3px; background: url(../images/wiki-icons.png) no-repeat; } .icon-view { background-position: 0 0; } .icon-edit { background-position: 0 -25px; } .icon-changes { background-position: 0 -49px; } .icon-attachments { background-position: 0 -73px; } .icon-settings { background-position: 0 -99px; } &:hover { background-color: #f6f6f6; text-decoration: none; } } } /*----------------- Edit -----------------*/ label { font-family: $sans-serif; font-size: 0.9em; font-weight: bold; font-style: normal; text-transform: uppercase; color: #aaa; } input { font-family: $sans-serif; font-style: normal; font-weight: normal; } #id_title, #id_content { width: 100%; } #id_content { font-family: $monospace; } .markItUpContainer { margin-right: 0; } .control-group { margin-bottom: 20px; } #hint_id_summary { display: inline-block; font-size: 0.9em; line-height: 32px; margin-left: 15px; } .asteriskField { display: none; } .btn { @include button(simple, #eee); font-size: 0.8em; &:hover { text-decoration: none; } &.btn-primary { @include button; font-size: 0.8em; } &.btn-danger { @include button(simple, $pink); font-size: 0.8em; } } #previewModal { width: 960px; z-index: 9999; min-height: 500px; margin-left: -480px; top: 200px; .modal-body { padding-bottom: 8px; } iframe { width: 100%; min-height: 450px; border: 0; } .modal-footer .btn { margin-right: 10px; } } #previewWindow body { background: #f00 !important; } /*----------------- Changes -----------------*/ &.history { .accordion { margin-bottom: 15px; padding: 15px; border: 1px solid $light-gray; background: #f9f9f9; border-radius: 5px; } .collapse { display: none; &.in { display: block; } } } /*----------------- Alerts -----------------*/ .alert { position: relative; top: -15px; margin-bottom: 24px; padding: 8px 12px; border: 1px solid #EBE8BF; border-radius: 3px; background: $yellow; font-size: 0.9em; .close { position: absolute; right: 12px; font-size: 1.3em; top: 6px; color: #999; text-decoration: none; } } } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); } .modal-preview { min-width: 0; } .modal-preview .container { padding: 50px; } .modal-preview .main-article { width: 100% !important; margin-left: 0; }