<link rel="icon" href="{{{siteRootPath}}}/favicon.ico" type="image/x-icon">

.doc .admonitionblock td.icon i.icon-caution::before {
  	background-image: url(../img/admonition-caution-docker.svg);
}
.doc .admonitionblock td.icon i.icon-caution {
  	background-color: aqua;
}

.doc .admonitionblock td.icon i.icon-important::before {
  	background-image: url(../img/admonition-important-java.svg);
}
.doc .admonitionblock td.icon i.icon-important {
  	background-color: fuchsia;
}

.doc .admonitionblock td.icon i.icon-note::before {
  	background-image: url(../img/admonition-note-heart.svg);

.doc .admonitionblock td.icon i.icon-tip::before {
  	background-image: url(../img/admonition-tip-person.svg);
}

.doc .admonitionblock td.icon i.icon-warning::before {
  	background-image: url(../img/admonition-warn-jenkins.svg);
}
.doc .admonitionblock td.icon i.icon-warning {
  	background-color: red;
}

<link rel="stylesheet" href="{{uiRootPath}}/css/extra.css">

{{#if env.SITE_SEARCH_PROVIDER}}
    <div id="main">
            <input id="search-input" type="text" placeholder="Type for Retrieving...">
        </div>
    </section>
{{/if}}

#main {
	float: left;
    width: 255px;
    height: 60px;
    background: #f2f2f2;
    padding: 6px 10px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    margin-left: auto;
  	margin-right: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;
}

input[type="text"] {
    float: left;
    width: 230px;
    padding: 15px 5px 5px 5px;
    margin-top: 5px;
    margin-left: 3px;
    border: 1px solid #999999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;
    -moz-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;
    -webkit-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;
}

# new style
.article{
	background: #fafafa;
}

:root {
  	--navbar-background: #fafafa;
  	--navbar-font-color: black;
  	--heading-font-color: fuchsia;
}

.is-current-page>.nav-link,
.is-current-page>.nav-text {
  	-webkit-text-stroke-width: .02em;
 	background: #80ea6e;
}

.navbar-brand .navbar-item.title {
  	color: black;
}

@media screen and (min-width:1024px) {
  	.navbar-end .navbar-item.has-dropdown:hover .navbar-link,
  	.navbar-end .navbar-item.has-dropdown:hover>a.navbar-item,
  	.navbar-end .navbar-link:hover,
  	.navbar-end>a.navbar-item:hover {
    	background: #fafafa;
  	}
}

footer.footer {
  	background-color: #fafafa;
  	color: black;
}

.footer a:hover {
  	color: #80ea6e;
}

.doc .admonitionblock td.content {
    border: 2px #80ea6e solid;
}

.navbar-brand {
    background-color: #fafafa;
}

.nav-panel-explore {
    border: 1px silver solid;
}

body-3d-a{
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc,
        0 3px 0 #ccc, 0 4px 0 #ccc,
        0 5px 0 #ccc, 0 6px 0 #ccc,
        0 7px 0 #ccc, 0 8px 0 #ccc,
        0 9px 0 #ccc, 0 10px 0 #ccc,
        0 11px 0 #ccc, 0 12px 0 #ccc,
        0 20px 30px rgba(0, 0, 0, 0.5);
}

body-3d-b{
   text-shadow: 1px 1px 1px #919191,
     1px 2px 1px #919191,
     1px 3px 1px #919191,
     1px 4px 1px #919191,
     1px 5px 1px #919191,
     1px 6px 1px #919191,
     1px 7px 1px #919191,
     1px 8px 1px #919191,
     1px 9px 1px #919191,
     1px 10px 1px #919191,
   1px 18px 6px rgba(16,16,16,0.4),
   1px 22px 10px rgba(16,16,16,0.2),
   1px 25px 35px rgba(16,16,16,0.2),
   1px 30px 60px rgba(16,16,16,0.4);
}
body,#search-input{
   text-shadow: 0px 1px 1px #ddd,
                     0px 2px 1px #d6d6d6,
                     0px 3px 1px #ccc,
                     0px 4px 1px #c5c5c5,
                     0px 5px 1px #c1c1c1,
                     0px 6px 1px #bbb,
                     0px 7px 1px #777,

                     /*comment part of below*/
                     0px 8px 3px rgba(100, 100, 100, 0.4),
                     0px 9px 5px rgba(100, 100, 100, 0.1),
                     0px 10px 7px rgba(100, 100, 100, 0.15),
                     0px 11px 9px rgba(100, 100, 100, 0.2),
                     0px 12px 11px rgba(100, 100, 100, 0.25),
                     0px 13px 15px rgba(100, 100, 100, 0.3);
     transition:all .8s ease-in-out;
      -o-transition:all .8s ease-in-out;
      -moz-transition:all .8s ease-in-out;
      -webkit-transition:all .8s ease-in-out;
}

.home-link {
  	background: url(../img/Home.svg) no-repeat 50%/100% 100%;
}

.home-link.is-current,
.home-link:hover {
  	background-image: url(../img/Home.svg);
}