lucene/solr/webapp/web/css/styles/common.css

564 lines
11 KiB
CSS

*
{
background-repeat: no-repeat;
margin: 0;
padding: 0;
}
body, h1, h2, h3, h4, h5, h6, a, button, input, select, option, textarea, th, td
{
color: #333;
font: 12px/1.6em "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}
body
{
padding: 30px;
text-align: center;
}
a, button
{
cursor: pointer;
}
input, select, textarea
{
border: 1px solid #c0c0c0;
padding: 2px;
}
input[readonly=readonly]
{
border-color: #f0f0f0;
}
button
{
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient( linear, 0 0, 0 100%, from( #ffffff ), color-stop( 25%, #ffffff ), to( #e6e6e6 ) );
background-image: -webkit-linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
background-image: -moz-linear-gradient( top, #ffffff, #ffffff 25%, #e6e6e6 );
background-image: -ms-linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
background-image: -o-linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
background-image: linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );
border: 1px solid #ccc;
border-bottom-color: #bbb;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 2px rgba( 0, 0, 0, 0.05 );
-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 2px rgba( 0, 0, 0, 0.05 );
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 2px rgba( 0, 0, 0, 0.05 );
color: #333;
cursor: pointer;
display: inline-block;
padding: 4px 7px 5px;
overflow: visible;
text-shadow: 0 1px 1px rgba( 255, 255, 255, 0.75 );
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
}
button span
{
background-position: 0 50%;
display: block;
padding-left: 21px;
}
button[type=submit], button.primary
{
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient( linear, left top, left bottom, from( #049cdb ), to( #0064cd ) );
background-image: -moz-linear-gradient( top, #049cdb, #0064cd );
background-image: -ms-linear-gradient( top, #049cdb, #0064cd );
background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #049cdb ), color-stop( 100%, #0064cd ) );
background-image: -webkit-linear-gradient( top, #049cdb, #0064cd );
background-image: -o-linear-gradient( top, #049cdb, #0064cd );
background-image: linear-gradient( top, #049cdb, #0064cd );
border-color: #0064cd #0064cd #003f81;
border-color: rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.25 );
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0 );
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
button.success
{
background-color: #57a957;
background-repeat: repeat-x;
background-image: -khtml-gradient( linear, left top, left bottom, from( #62c462 ), to( #57a957 ) );
background-image: -moz-linear-gradient( top, #62c462, #57a957 );
background-image: -ms-linear-gradient( top, #62c462, #57a957 );
background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #62c462 ), color-stop( 100%, #57a957 ) );
background-image: -webkit-linear-gradient( top, #62c462, #57a957 );
background-image: -o-linear-gradient( top, #62c462, #57a957 );
background-image: linear-gradient( top, #62c462, #57a957 );
border-color: #57a957 #57a957 #3d773d;
border-color: rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.25 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c462', endColorstr='#57a957', GradientType=0 );
color: #ffffff;
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.25 );
}
button.warn
{
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient( linear, left top, left bottom, from( #ee5f5b ), to( #c43c35 ) );
background-image: -moz-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: -ms-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #ee5f5b ), color-stop( 100%, #c43c35 ) );
background-image: -webkit-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: -o-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: linear-gradient( top, #ee5f5b, #c43c35 );
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.25 );
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0 );
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.25 );
}
a
{
text-decoration: none;
}
pre
{
color: #333;
text-align: left;
}
abbr
{
cursor: help;
}
ul
{
list-style: none;
}
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix { display: block; }
.loader
{
background-image: url( ../../img/loader.gif ) !important;
}
.loader-light
{
background-image: url( ../../img/loader-light.gif ) !important;
}
#wrapper
{
margin: 0 auto;
margin-bottom: 30px;
text-align: left;
}
#header
{
padding-bottom: 10px;
position: relative;
}
#header #solr
{
background-image: url( ../../img/solr.png );
display: block;
height: 78px;
width: 150px;
}
#header #solr span
{
display: none;
}
#main
{
min-width: 750px;
position: relative;
}
#main.error
{
border: 0;
min-height: 0;
padding-top: 20px;
}
#main.error .message
{
background-color: #f00;
background-image: url( ../../img/ico/construction.png );
background-position: 10px 50%;
color: #fff;
font-weight: bold;
margin-bottom: 20px;
padding: 10px;
padding-left: 35px;
}
#main.error .code
{
border: 1px solid #c0c0c0;
padding: 5px;
}
#meta
{
position: absolute;
bottom: -26px;
right: 0;
}
#meta li
{
float: left;
}
#meta li a
{
background-position: 10px 50%;
display: block;
height: 25px;
line-height: 25px;
padding-left: 31px;
padding-right: 10px;
}
#meta li a:hover
{
background-color: #f0f0f0;
}
#meta .documentation a { background-image: url( ../../img/ico/document-text.png ); }
#meta .issues a { background-image: url( ../../img/ico/bug.png ); }
#meta .irc a { background-image: url( ../../img/ico/users.png ); }
#meta .mailinglist a { background-image: url( ../../img/ico/mail.png ); }
#meta .wiki-query-syntax a { background-image: url( ../../img/ico/script-code.png ); }
#environment
{
background-image: url( ../../img/ico/box.png );
background-position: 10px 50%;
border: 1px solid #c0c0c0;
display: none;
font-weight: bold;
padding: 5px 10px;
padding-left: 31px;
position: absolute;
top: 0;
right: 0;
}
#environment.prod
{
background-color: #c37f7f;
border-color: #b15757;
color: #fff;
}
#environment.test
{
background-color: #f5f5b2;
border-color: #e4e433;
}
#environment.dev
{
background-color: #cce7cc;
border-color: #66b866;
}
#content-wrapper
{
margin-left: 150px;
border: 1px solid #c0c0c0;
min-height: 500px;
}
#content
{
padding: 10px;
}
#content > .loader
{
background-position: 0 50%;
padding-left: 21px;
}
#content iframe
{
border: 0;
display: block;
min-height: 400px;
width: 100%;
}
#content > pre
{
max-height: 600px;
overflow: auto;
}
#content .block
{
margin-bottom: 10px;
}
#content .block h2
{
background-color: #fafafa;
background-position: 5px 50%;
border-bottom: 1px solid #f0f0f0;
font-weight: bold;
padding: 5px;
padding-left: 26px;
}
#content .block.disabled,
#content .block.disabled h2
{
color: #c0c0c0;
}
#content .block .message,
#content .block .content
{
padding: 5px;
}
#content .block .message
{
display: none;
}
/* syntax */
pre.syntax
{
overflow: auto;
}
pre.syntax code
{
display: block;
color: #000;
}
pre.syntax .comment,
pre.syntax .template_comment,
pre.syntax .diff .header,
pre.syntax .javadoc
{
color: #998;
font-style: italic;
}
pre.syntax .keyword,
pre.syntax .css .rule .keyword,
pre.syntax .winutils,
pre.syntax .javascript .title,
pre.syntax .lisp .title,
pre.syntax .subst
{
color: #000;
font-weight: bold;
}
pre.syntax .number,
pre.syntax .hexcolor
{
color: #40a070;
}
pre.syntax .string,
pre.syntax .tag .value,
pre.syntax .phpdoc,
pre.syntax .tex .formula
{
color: #d14;
}
pre.syntax .title,
pre.syntax .id
{
color: #900;
font-weight: bold;
}
pre.syntax .javascript .title,
pre.syntax .lisp .title,
pre.syntax .subst
{
font-weight: normal;
}
pre.syntax .class .title,
pre.syntax .tex .command
{
color: #458;
font-weight: bold;
}
pre.syntax .tag,
pre.syntax .css .keyword,
pre.syntax .html .keyword,
pre.syntax .tag .title,
pre.syntax .django .tag .keyword
{
color: #000080;
font-weight: normal;
}
pre.syntax .attribute,
pre.syntax .variable,
pre.syntax .instancevar,
pre.syntax .lisp .body
{
color: #008080;
}
pre.syntax .regexp
{
color: #009926;
}
pre.syntax .class
{
color: #458;
font-weight: bold;
}
pre.syntax .symbol,
pre.syntax .ruby .symbol .string,
pre.syntax .ruby .symbol .keyword,
pre.syntax .ruby .symbol .keymethods,
pre.syntax .lisp .keyword,
pre.syntax .tex .special
{
color: #990073;
}
pre.syntax .builtin,
pre.syntax .built_in,
pre.syntax .lisp .title
{
color: #0086b3;
}
pre.syntax .preprocessor,
pre.syntax .pi,
pre.syntax .doctype,
pre.syntax .shebang,
pre.syntax .cdata
{
color: #999;
font-weight: bold;
}
pre.syntax .deletion
{
background: #fdd;
}
pre.syntax .addition
{
background: #dfd;
}
pre.syntax .diff .change
{
background: #0086b3;
}
pre.syntax .chunk
{
color: #aaa;
}
pre.syntax .tex .formula
{
opacity: 0.5;
}
#content .tree li,
#content .tree ins
{
background-color: transparent;
background-image: url( ../../img/tree.png );
background-repeat: no-repeat;
}
#content .tree li
{
background-position: -54px 0;
background-repeat: repeat-y;
line-height: 22px;
}
#content .tree li.jstree-last
{
background:transparent;
}
#content .tree .jstree-open > ins
{
background-position: -36px 0;
}
#content .tree .jstree-closed > ins
{
background-position: -18px 0;
}
#content .tree .jstree-leaf > ins
{
background-position: 0 0;
}
#content .tree .jstree-hovered
{
background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px;
}
#content .tree .jstree-clicked
{
background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px;
}
#content .tree a .jstree-icon
{
background-image: url( ../../img/ico/folder.png );
}
#content .tree .jstree-leaf a .jstree-icon
{
background-image: url( ../../img/ico/document-text.png );
}
#content .tree .jstree-search
{
font-style:italic;
}
#content .tree a.jstree-search
{
color:aqua;
}