// $Id: tiki-wikipages_and_plugins.less 57855 2016-03-12 14:53:41Z chibaguy $
// /***** Wiki *****/
@imagePath: ~"../../../img/";
@imagePathToIcons: ~"../../../img/icons/";

// form.simple label.error {
//  background: url('@{imagePath}error.png') no-repeat 0 4px;
//  color: @state-danger-text;
//  padding: 4px 0 0 20px;
//  margin-left: 0.5em;
// }

.split {
	clear: both;
}

#page-bar > span {
	float: left;
}

.wikiactions > .btn-group {
	display: inline-block;
}

// /* wikiplugin_convene */

.conveneHeaderRow td {
	text-align: center;
}

.conveneVotes td,
.conveneFooterRow td,
.conveneHeaderRow td {
	vertical-align: middle;
}

.convene-ok {
	//  color: @state-success-text; (This and other color-related rules are moved to tiki-selectors.less.)
	//  background-color: @state-success-bg;
	background-image: none;
	text-align: center;
}

.convene-no {
	//  color: @state-danger-text;
	//  background-color: @state-danger-bg;
	background-image: none !important;
	text-align: center;
}

.convene-unconfirmed {
	text-align: center;
}

.conveneFooter, .conveneHeader {
	text-align: center;
}

// /* wikiplugin_footnotearea */
.footnotearea {
	margin-top: 2em;
	font-size: 0.9em;
}

// /* Versions plugin */
#tiki-center .versionav {
	padding: 0;
	border: 0;
	margin-bottom: -1px;
}

.versionav .button {
	margin-bottom: 0;
}

.versioncontent {
	margin-top: 10px;
}

#tiki-center .versioncontent {
	padding: 1em;
}

// /* wikiplugin tracker */
table.wikiplugin_tracker td {
	vertical-align: top;
	padding-bottom: 1.2em;
}

// /* wikiplugin edit */
.wikiplugin_edit textarea {
	width: 99%;
	height: 150px;
}

.editplugin {
	vertical-align: bottom;
}

// /* mouseover plugin */
.plugin-mouseover {
	position: absolute;
	z-index: 500;
	display: none;
	padding: .4em;
	//  background: @popover-bg;
	//  border: 1px solid @popover-border-color;
}

// /* fancytable (sortable) plugin */
.fancysort .header {
	cursor: pointer;
}

// /* timesheet plugin */
#jtrack-holder {
	width: auto !important;
}

.jtrack-item {
	height: auto !important;
}

#col1 #jtrack-content,
#col1 #jtrack-form-create,
#col1 #jtrack-form-list,
#col1 #jtrack-form-update,
#col1 #jtrack-form-remove,
#col1 #jtrack-form-remove-all {
	height: 450px;
}

#timeSheetSaved,
#timesheetSpreadsheet {
	height: 500px !important;
}

#timeSheetTabs {
	height: 600px !important;
}

#right_modules #jtrack-bar,
#left_modules #jtrack-bar,
#right_modules .jtrack-item,
#left_modules .jtrack-item {
	font-size: 76%;
}

#right_modules .jtrack-form,
#left_modules .jtrack-form {
	height: 245px !important;
}

// /** Wiki tocs **/
.tocnav {
	margin-bottom: 4px;
	clear: both;
}

// /* wikiplugin_tracker */
.mandatory_note {
	font-style: italic;
	//  color: @state-danger-text;
	margin-top: 10px;
}

.popup-backlinks {
	display: none;
	width: 100px;
}

// /* wikiplugin_tracker */
.trackerCategoryName {
	white-space: nowrap;
}

// /* page contribution by author / wikiplugin_author */
// .author0 {
//   color: @panel-success-text;
// }
//
// .author1 {
//   color: @panel-info-text;
// }
//
// .author2 {
//   color: @panel-warning-text;
// }
//
// .author3 {
//   color: @panel-danger-text;
// }
//
// .author4 {
//   color: spin(@panel-success-text, 50);
// }
//
// .author5 {
//   color: spin(@panel-info-text, 70);
// }
//
// .author6 {
//   color: spin(@panel-warning-text, 50);
// }
//
// .author7 {
//   color: spin(@panel-danger-text, 50);
// }
//
// .author8 {
//   color: spin(@panel-success-text, 100);
// }
//
// .author9 {
//   color: spin(@panel-info-text, 100);
// }
//
// .author10 {
//   color: spin(@panel-warning-text, 100);
// }
//
// .author11 {
//   color: spin(@panel-danger-text, 100);
// }
//
// .author12 {
//   color: spin(@panel-success-text, 170);
// }
//
// .author13 {
//   color: spin(@panel-info-text, 140);
// }
//
// .author14 {
//   color: spin(@panel-warning-text, 160);
// }
//
// .author15 {
//   color: spin(@panel-danger-text, 160);
// }

.structuremenu .menuSection {
	margin-left: 6px;
	//   border-left: 1px dotted @gray;
}

.structuremenu .menuSection .option,
.structuremenu .menuSection .optionline {
	background: transparent url('@{imagePath}h_trenner.gif') center left no-repeat;
	padding-left: 21px;
}

// /* Inline CkEditor */
// .cke_editable:hover {
//  outline: @gray dotted 1px;
//}

.tiki_plugin {
	display: inline-block;
	//  background-color: transparent; // /* was #f8f8f8; */
	//  border: 1px solid @gray-light;
}

.tiki_plugin .plugin_icon {
	float: left;
	position: absolute;
	opacity: .7;
}

// .unsavedChangesInEditor {
//  border: 1px solid;
//  border-color: @alert-warning-border;
// }

div.tiki_plugin {
	width: 100%;
}

// /* Auto TOC */
#autotoc {
  position: relative;
}

.autotoc.affix {
  top: 0;
}

.autotoc .nav > li {
  float: none;
}

.autotoc .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
}

.autotoc .nav > li > a:focus,
.autotoc .nav > li > a:hover {
  padding-left: 19px;
  border-left: 1px solid @btn-default-border;
}

.autotoc > .nav > li > .nav > li {
  padding-bottom: 5px;
}

.autotoc .nav > .active:focus > a,
.autotoc .nav > .active:hover > a,
.autotoc .nav > .active > a {
  padding-left: 18px;
  font-weight: 700;
  border: none;
  border-left: 2px solid @btn-default-border;
  background-color: transparent;
}

.autotoc .nav .nav {
  //display: none;  TODO
  padding-bottom: 0;
  list-style: none;
}

.autotoc .nav .nav .nav {
  display: none;
}

.autotoc .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: 400
}

.autotoc .nav .nav .nav > li > a {
  padding-left: 40px;
}

.autotoc .nav .nav .nav .nav > li > a {
  padding-left: 50px;
}

.autotoc .nav .nav .nav .nav .nav > li > a {
  padding-left: 60px;
}

.autotoc .nav .nav > li > a:focus, .autotoc .nav .nav > li > a:hover {
  padding-left: 29px
}

.autotoc .nav .nav .nav > li > a:focus,
.autotoc .nav .nav .nav > li > a:hover {
  padding-left: 40px;
}

.autotoc .nav .nav > .active > ul {
  display: block;
}

.autotoc .nav .nav > .active:focus > a, .autotoc .nav .nav > .active:hover > a,
.autotoc .nav .nav > .active > a {
  padding-left: 28px;
  font-weight: 500
}

/* reset tabs styling */
.autotoc > ul > li.active > a,
.autotoc > ul > li.active > a:hover,
.autotoc > ul > li.active > a:focus {
  color: inherit;
  background-color: inherit;
//  border: inherit;
  border-bottom-color: transparent;
  cursor: default;
  border-radius:0px;
}

.back-to-top {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
}

.back-to-top:hover, .bs-docs-theme-toggle:hover {
  color: #563d7c;
  text-decoration: none
}

@media (max-width:@screen-xs-max) {
	.autotoc > .nav { display:none !important; }
}

/* end autotoc */

.plugin-form-float {
	position: fixed;
	left: 5%;
	right: 365px;
	top: 5%;
	max-height: 90%;
	overflow: auto;
	z-index: 1000;
	//  background: @body-bg;
	//  color: @text-color;
	padding: 10px;
	//  border: solid 2px @text-color;
}

.icon_edit_section {
	float: right;
}

.icon_edit_section img.icon {
	margin-top: -1px !important;
}

// /* CKeditor contrast */
// body.wikitext {
//  background: @body-bg;
//  color: @text-color;
// }

.editable-inline {
	//  background: transparent url('@{imagePath}database_lightning.png') no-repeat top right;
	padding-right: 20px;
}

// .editable-inline.loaded {
//   background: transparent;
// }
//
// .editable-inline.failure {
//   background: transparent url('@{imagePath}lock_gray.png') no-repeat top right;
// }
//
// .editable-inline.modified {
//   border: solid 2px @btn-danger-border;
// }

// .editable-inline.unsaved {
//   border: solid 2px @btn-danger-border;
// }

// /* for autocomplete menus to appear infront of ckeditor 3.6 dialogs this needs to be !important sadly */
.ui-menu {
	z-index: 10100 !important;
}

// /* Structure selection popup on wiki pages */
.structure_select {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: none;
	height: 16px;
	width: 18px;
}

.structure_select .cssmenu_horiz ul li {
	//  border: 1px solid @gray;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.structure_select li.tabmark {
	background: none;
	border: 0;
	top: 0;
	padding: 0;
}

.structure_select .clearfix:after {
	display: inline-block;
}

.structure_select .selected {
	font-weight: bold;
	font-style: italic;
}

.admintoclevel {
	margin: .2em;
	padding: .4em 0 .4em .2em;
}

.admintoclevel .admintoclevel {
	margin-right: 0;
	border-right: 0 none;
}

.admintoclevel .actions {
	float: right;
	padding-right: .3em;
}

.admintoclevel .actions a {
	padding-right: .2em;
}

.admintoclevel .actions input {
	margin-right: 2em;
	font-style: italic;
	opacity: 0.5;
	//  border: solid 1px @gray;
	width: 15em;
}

#page_list_container {
	list-style: none;
	max-height: 20em;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
}

#page_list_container li {
	list-style: none;
	margin: .2em;
	padding: .2em;
}

// /* Fullscreen textareas */
.TextArea-fullscreen {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1;
	top: 0 !important;
	left: 0 !important;
	position: fixed !important;
	//  background-color: @gray;
	z-index: 100 !important;
}

.TextArea-fullscreen .ui-wrapper {
	width: auto !important;
	height: 100% !important;
}

// .TextArea-fullscreen textarea {
//   width: inherit ! important;
// }

.TextArea-fullscreen .ui-wrapper #editwiki {
	position: absolute !important;
	width: 100% !important;
}

.TextArea-fullscreen .edit-zone-footer {
	background: @body-bg;
}

.TextArea-fullscreen .actions,
.CodeMirror-fullscreen .actions {
	bottom: 0 !important;
	left: 50%;
	margin-left: -50%;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 101 !important;
	//  background-color: @body-bg;
	padding: .4em 0 .2em;
	//  border-top: @gray-lighter 1px solid;
}

.TextArea-fullscreen .actions input,
.CodeMirror-fullscreen .actions input {
	/*margin: 1px !important;*/
}

.TextArea-fullscreen .cm-remove, .CodeMirror-fullscreen .cm-remove {
	display: none; // /* do not display until functionality in fullscreen fixed */
	right: 22px;
	float: none !important;
}

// /* translation mode */
.translation_message {
	overflow-x: hidden;
	padding: .5em;
	white-space: nowrap;
}

.translation_message h2 {
	margin: .2em 0;
	font-size: 1.6em;
}

#diff_outer {
	position: fixed;
	top: 0;
	right: 0;
	opacity: 1;
	background: @state-info-bg;
	height: 100% !important;
}

#diff_history {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 .1em;
}

// /* end fullscreen etc */

// /* Autosave Preview handle */
#autosave_preview {
	//  background-color: @body-bg;
	//  color: @text-color;
	z-index: 110; // /* ensure the preview is not partly covered even by #diff_outer in fullscreen side-by-side translation mode */
}

#autosave_preview_grippy {
	//  background-color: @gray-lighter;
	//  background-image: url('@{imagePathToIcons}shading.png');
	z-index: 3;
}

// /** Hidden anchors/links shown on mouseover of header  **/
a.tiki_anchor:before {
	content: "¶";
}

.tiki_blogs a.tiki_anchor:before {
	content: none;
}

a.tiki_anchor {
	display: none;
	font-size: 85%;
	font-weight: lighter;
	margin-left: 0.7em;
	text-decoration: none;
	line-height: 100%;
}

h1:hover a.tiki_anchor,
h2:hover a.tiki_anchor,
h3:hover a.tiki_anchor,
h4:hover a.tiki_anchor,
h5:hover a.tiki_anchor,
h6:hover a.tiki_anchor {
	//  color: @gray-lighter;
	display: inline;
}

// h1 a.tiki_anchor:hover,
// h2 a.tiki_anchor:hover,
// h3 a.tiki_anchor:hover,
// h4 a.tiki_anchor:hover,
// h5 a.tiki_anchor:hover,
// h6 a.tiki_anchor:hover {
//  color: @gray;
// }

// /* Namespace styling */
.wiki .namespace {
	margin: 1px;
	padding: 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	//  background: @gray-lighter;
	max-width: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: bottom;
}

.wiki .namespace.first {
	max-width: 130px;
}

.wiki .namespace.last {
	max-width: 130px;
}

// /* New Help section */
#tikihelp {
	//  /*position: absolute;*/ /*to avoid white spacing in Internet Explorer below footer*/
	height: 100%;
}

.help_fullscreen_icon {
	margin-right: 8px;
}

.help_close_icon {
	margin-right: 20px;
}

.site_report a {
	//  border-left: 1px solid @gray;
	//  border-right: 1px solid @gray;
	padding: 0 5px;
	font-size: smaller;
}

// /* default look for editplugin icon links */
.plugin-desc {
	padding: 5px;
}

.wikitext .plugin_gauge,
.wikitext .plugin_gauge-bar {
	border: none;
}

// /***** Wiki *****/
h1.pagetitle > a {
	padding-left: 0;
	padding-right: 0;
}

#cachedpage {
	float: right;
	font-size: small;
}

body.tiki_wiki #comments {
	padding: 1em;
}

// /* wikiplugin_code */
.codelisting {
	overflow: auto;
	max-width: 990px;
}

.codelisting .CodeMirror-vscrollbar {
	display: none !important; /* we do not need to display vertical scrollbars in code listings - workaround for the "wrongly computed height with scrollbar" bug in CodeMirror */
}

// /* wikiplugin_fade */
.wpfade-hidden {
	background: url('@{imagePath}toggle-expand-dark.png') no-repeat;
	margin-left: -19px;
	padding-left: 19px;
}

.wpfade-shown {
	background: url('@{imagePath}toggle-collapse-dark.png') no-repeat;
	margin-left: -19px;
	padding-left: 19px;
}

.wpfade-span-plain {
	cursor: pointer;
}

.wpfade-span-icon {
	cursor: pointer;
	margin-left: 19px;
}

.wpfade-div-icon {
	display: none;
	margin-left: 19px;
}

// /* wikiplugin_fancylist */
.wikitext .fancylist {
	margin: .5em 0;
	padding: 0;
}

.wikitext .fancylist li {
	font-size: 2em;
	font-style: italic;
	line-height: 27px;
	list-style-position: inside;
	margin-left: 10px;
	padding: 6px 0 7px 15px;
}

.wikitext .fancylist li p {
	display: inline;
	font-size: 50%;
	font-style: normal;
	margin-left: 12px;
}

[class].wikitext .fancylist li p {
	margin-left: -3px;
}

// /* wikiplugin quote */
.quoteheader {
	background: url('@{imagePathToIcons}quoteleft.gif') no-repeat;
	padding-left: 50px;
	height: 35px;
}

.quotebody {
	margin-left: 35px;
	padding-left: 10px;
	font-style: italic;
	//  border-left: 2px solid @gray-light;
}

// /* wikiplugin remarksbox */
.wikitext .rbox-data ul {
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 15px;
}

// /* wikiplugin tracker */
.mandatory_star {
	font-weight: bold;
	//  color: @alert-danger-border;
}

.trackerplugindesc {
	//  color: @gray-dark;
	font-style: italic;
}

.charCount {
	//  color: @gray-dark;
	font-style: italic;
}

// /* img plugin */
.imgbox {
	//  border: 1px solid @popover-border-color;
	//  background-color: @popover-bg;
	padding: 5px;
}

.thumbcaption {
	font-size: 90%;
	padding: 2px;
}

// /* wikiplugin_carousel v3 */
.ic_button {
	float: left;
	margin: 0 2px 0 0;
	//  border: 2px solid @pagination-border;
	width: 20px;
	height: 20px;
}

// .ic_active {
//  border: 2px solid @pagination-active-border;
// }

.ic_caption {
	//  background: @navbar-inverse-bg;
	opacity: 0.75;
	width: 100%;
	//  color: @navbar-inverse-color;
	padding: 5px 10px;
}

// /* wikiplugin_sign */
.wp-sign {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	padding: 0.3em;
	vertical-align: bottom;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(200, 200, 200, .5);
	box-shadow: 1px 1px 2px 2px rgba(200, 200, 200, .5);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

// .wp-cookie-consent-required {
//  color: @alert-danger-text;
// }

// /* TOC */
.toc {
	padding-left: 2em;
	//  border-top: 1px dotted @gray-light;
	//  border-bottom: 1px dotted @gray-light;
	margin-bottom: 4px;
}

.toc * {
	list-style: none;
	border: none;
}

// /* Wiki diff styles */
.diff td {
	//  border: 1px solid @gray-dark;
	white-space: normal !important;
}

// Override Bootstrap's .table-responsive .table's white-space: nowrap rule.
.table-responsive > .table > tbody > tr > td.text-left {
	white-space: normal;
}

// .diff div {
//   border-top: 1px solid @gray-light;
// }
//
// .diffadded {
//   background: @state-success-bg;
//   color: @state-success-text;
// }

.diffinldel {
	//  background: @state-warning-bg;
	text-decoration: line-through;
}

// .diffbody {
//   background: @gray-lighter;
//  color: @gray-darker;
// }
//
// .diffchar {
//  color: lighten(@state-danger-text, 10%);
// }
//
// .diffadded .diffchar {
//   color: lighten(@state-success-text, 10%);
// }
//
// .highlight_word_0 {
//  color: @panel-success-text;
//  background: @panel-success-heading-bg;
// }
//
// .highlight_word_1 {
//  color: @panel-info-text;
//  background: @panel-info-heading-bg;
// }
//
// .highlight_word_2 {
//  color: @panel-warning-text;
//  background: @panel-warning-heading-bg;
// }

// .highlight_word_3 {
//  color: @panel-danger-text;
//  background: @panel-danger-heading-bg;
// }

// .highlight_word_4 {
//  color: spin(@panel-danger-text, 20);
//  background: spin(@panel-danger-heading-bg, 20);
// }

.ui-tabs .ui-tabs-nav li a {
	padding: 0.3em 0.8em 0.1em;
}

/* Structures drill-down menu */
div.drillshow {
	padding: 3px;
	//  border: 1px solid @gray-light;
}

.titlebar {
	border-bottom: 2px solid;
}

.wp-annotation {
	position:relative;
}

.wp-annotation .editor {
	display: none;
	width: 400px;
	position: absolute;
}

.wp-annotation .annotation {
	border: dashed 1px rgba(255, 255, 255, 0.5);
	background: rgba(255, 200, 40, 0.1);
	position: absolute;
	cursor: pointer;
}

.wp-annotation .annotation.selected {
	border: dashed 1px rgba(69, 255, 97, 0.68);
	background: rgba(85, 255, 68, 0.25);
}