/* Customization of Foswiki for Mougins. Logo color: white
*/

/* header + breadcrumbs */
#headertitle a:link,
#headertitle a:visited { 
  color: #024;
}
#headertitle { font-size: 18px; }
td#headerlogo { width:120px; }
div#patternTopBarContents table td#headerLogo { overflow-x:hidden; }
td#headerlogo img { padding-right: 20px; vertical-align:middle; }

td#headerlogin {
  width:8em;
  text-align:right; 
  vertical-align:middle;
  padding: 2px 08px 2px 4px; /* top right bottom left */
  font-size:11px;
  line-height:16px;
}
td#headermenu {
  width:12em;
}
.auxtext { color:#888; }

/* Sidebar: form buttons styled as links */
input.linkbutton {
  border:none;
  padding:0;
  color:#333;
  background-color:transparent;
}
input.linkbutton:hover {
  text-decoration:underline;
  color:#06c;
}

/* left sidebar, colors & padding */
div#patternSideBarContents { 
  background-color: #f5f5f5;
  font-size: 90%;
}
#patternTopBar,
#patternTopBarContents {
  padding-top:0px;
  overflow:hidden;
}
div#patternBottomBarContents,
div#patternSideBarContents,
div#patternTopBarContents {
  padding-right:0;
  padding-left:8px;
}
div#patternSideBarContents div.patternWebIndicator.dropdown { 
  margin-left: -8px;
  padding-left: 4px;
  width: 9em;
}
/* page bottom */
html>body.patternViewPage { background-color: transparent;}
div#patternBottomBarContents { padding:12px; background-color: #f5f5f5;}
div#patternBottomBarContents img { vertical-align:middle;}

div#patternSideBarContents,
div#patternMainContents {
  padding-top:0px;
}
/* outer 'frame' */
#patternScreen { padding:0;}
#patternPage { border:none;}

/* override defs in pub/System/PatternSkinTheme/style_src.css */
div#patternSideBar span.patternToolBar > a:link,
div#patternSideBar span.patternToolBar > a:visited,
div#patternSideBar span.patternToolBar > span > a:link,
div#patternSideBar span.patternToolBar > span > a:visited {
  margin: 0px 0px 0px 0px;
  font-size: 13px;
}
div#patternSideBar .patternLeftBarPersonalContent {
 padding:0 0 0 0
}
/* left sidebar, width */
/* copied from pub/System/PatternSkinTheme/column_left_src.css
 * and pub/System/PatternSkinCssCookbookSidebarToggle/SidebarToggle.css */
#patternOuter {
	margin-left:8em;
}
#patternSideBar {
	width:8em;
	margin-left:-8em;
}
/* Sidebar Toggle */
button.sidebartoggle-button {
	/* here comes some default formating */
}
/* if button is in sidebar and display is wide enough hide it. */
#patternSideBar button.sidebartoggle-button { display: none;}
/* for nice smooth effects: */
#patternSideBar { display:block;}
#patternOuter {	transition: margin-left ease-in-out 0.5s;}
/* only active if normally hidden: */
@media(max-width:870px) {
  #patternOuter { margin-left:0; }
  #patternMainContents { margin-left:0; }
  body.showsidebar #patternOuter {
    margin-left: 8em;
    transition: margin-left ease-in-out 0.5s;
  }
  /* show button */
  #patternSideBar button.sidebartoggle-button {
    display: block;
    position: fixed;
    left: 0;
    top: 0px; /* redefine in local css to adjust position */
    width: 2em;
    height: 2em;
    border-radius: 0.5em;
    border: solid 2px rgba(0,0,0, 0.4);
    background-color: rgba(0,0,0, 0.2);
  }
  td#headerlogin span.loggedas { display:none; }
  td#headertitle {  font-size:90%; }
}
@media(max-width:640px) {
  td#headertitle>span.breadcrumbs { display:none; }
}

/* make the prompt text in search boxes greyed out */
#quickSearchBox.foswikiDefaultText, #jumpFormField.foswikiDefaultText { 
  color: grey;
}

/* custom smaller fonts, from pub/System/PatternSkinTheme/style_src.css */
#patternPage,#tinymce {
  font-family:  helvetica, Arial, Verdana, Georgia, Geneva, sans-serif;
  color:#000;
  font-size: 14px;
  line-height: 19px; /* size * 1.48 -> 11/16, 12/18, 13/19, 14/21 */
}

/* header styles: blue, smaller and more consistant vertical margins */
#tinymce h1,#tinymce h2,#tinymce h3,#tinymce h4,#tinymce h5,#tinymce h6,
h1,h2,h3,h4,h5,h6 {
  color: #048;
}
#patternPage h1 a:link,#patternPage h2 a:link,#patternPage h3 a:link,
#patternPage h4 a:link,#patternPage h5 a:link,#patternPage h6 a:link,
#patternPage h1 a:visited,#patternPage h2 a:visited,#patternPage h3 a:visited,
#patternPage h4 a:visited,#patternPage h5 a:visited,#patternPage h6 a:visited{
  color: #048!important;
}

/* sizes */
#patternPage h1,#tinymce h1 {font-size:220%;margin-top: 10px;margin-bottom:8px;}
#patternPage h2,#tinymce h2 {font-size:180%;margin-top: 13px;margin-bottom:4px}
#patternPage h3,#tinymce h3 {font-size:120%;margin-top: 10px;margin-bottom:3px}
#patternPage h4,#tinymce h4 {font-size:100%;margin-top: 9px;margin-bottom:2px}
#patternPage h5,#tinymce h5 {font-size:90%;margin-top: 8px;margin-bottom:1px}
#patternPage h6,#tinymce h6 {font-size:80%;margin-top: 7px;margin-bottom:0px}

/* code style */
#tinymce pre, #tinymce code, #tinymce tt, #tinymce .WYSIWYG_TT,
#patternPage pre, #patternPage code, #patternPage tt, .WYSIWYG_TT {
  color: #442200;
  font-family:Consolas,"Liberation Mono","Andale Mono",Monaco,Courier,monospace;
  font-size: 12px;
}

/* links in the page contents */
body div#patternMainContents a:link { color: #000099; } /* was #0000EE */
body div#patternMainContents a:visited { color: #350A70; } /* #551A8B */

/* links in widgets */
#patternMain #patternMainContents .patternHomePath a,
#patternMain #patternMainContents .patternHomePath a:visited,
body div#patternMainContents span.aux,body div#patternMainContents a.aux,
body div#patternMainContents a.aux:visited {
  color: gray;
  font-size: 11px;
}
#patternMain #patternMainContents .patternTop a,
#patternMain #patternMainContents .patternTop a:visited,
#patternMain #patternMainContents .patternActionButtons a,
#patternMain #patternMainContents .patternActionButtons a:visited {
  color: #555555;
}

/* lists margins */
#patternPage ul,#tinymce ul {margin-top: 4px; margin-bottom: 4px;}
#patternPage ol,#tinymce ol {margin-top: 4px; margin-bottom: 4px;}
#patternPage dl,#tinymce ul {margin-top: 4px; margin-bottom: 4px;}

/* Natedit dont notify option */
.natEditDontNotify label,
.natEditDontNotify input {
  margin:4px;
  border:0px;
  vertical-align:middle;
}

/* fieldsets */
body .foswikiTopic fieldset {
  border:1px solid #999;
  border-radius:8px;
  background: #f9f9fa;
  /*box-shadow:0 0 10px #999;*/
  padding-left: 0.5em;
  padding-right:0.5em;
}
body .foswikiTopic legend {
  margin-left:2px;
  background:#fff;
  font-weight:bold;
  padding-left: 0.2em;
  padding-right:0.2em;
}
body .foswikiTopic fieldset ul {
  margin: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

/*dropdown menu*/
/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  min-width: 8em;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content .l2{
  padding-left:1em;
}
.dropdown-content .l3{
  font-weight: normal;
  color: #888;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

/* a free floating block list */
div.blocklist ul {margin: 0 auto;padding:0}
div.blocklist ul li {text-align: left;float:left;list-style: none;height: 3em;width: 12em;}
div.blocklist ul li img {float:left;margin-right:4px}
div.blocklist ul li a {font-weight: bold; text-decoration: none}