84 lines
4.2 KiB
CSS
84 lines
4.2 KiB
CSS
/**
|
|
* This is styling for the demo page and is not necessary to include in your projects
|
|
*/
|
|
section { margin-bottom: 20px; padding: 10px; }
|
|
section.even { background-color: #EEE; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
|
|
article.example { margin: 20px 0px 20px 0px; padding: 10px 0px 10px 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; }
|
|
footer { font-size: 11px; color: #666; text-align: center; margin-top: 20px; }
|
|
footer a { color: #666 }
|
|
.container { margin: 0px auto; }
|
|
#main { background-color: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
|
|
code,
|
|
blockquote,
|
|
.code { font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif }
|
|
.code { color: #d1d1d1; background-color: #3F3F3F; margin: 0px 0px 20px 0px; padding: 5px; font-size: 13px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
|
|
.notice { background-color: #FFF9D8; margin-top: 20px; padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
|
|
.ribbon { position: absolute; top: 0; right: 0; border: 0; }
|
|
#download {float: right; position: relative; top: 3px; right: 5px;}
|
|
#database{overflow:hidden;}
|
|
#database h2{margin:0;}
|
|
#database .group{border-top:1px solid #bedce7;}
|
|
#database .separator{padding-top:1em;}
|
|
#database .envelope{border-bottom:1px solid #bedce7;border-left:1px solid #bedce7;border-right:1px solid #bedce7;padding:0 .7em .7em .7em;background:#eaf2f5 url(images/bg_gradient.gif) 0 100% repeat-x;overflow:hidden;}
|
|
#database .envelope.selected{background:#fffeeb!important;}
|
|
#database .envelope.selected .machine span{border-bottom:1px dotted #4183c4;}
|
|
#database.single_database .envelope .machine span{border-bottom:1px dotted #4183c4;}
|
|
#database .machine{float:right;width:18em;padding:.8em 0 .8em 1.2em;border-left:1px solid #bedce7;color:#808080;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:.85em;line-height:1.5em;}
|
|
#database .dbInfo {background:#fff url(images/bg_gradient.gif) 0 100% repeat-x;}
|
|
#database .action {background:#eaf2f5 url(images/bg_gradient.gif) 0 100% repeat-x;}
|
|
#database .database_oneline td{border-bottom:1px solid #bedce7;}
|
|
#database .database_oneline .date{color:#888;width:1%;padding:0 1em 0 .5em;border-left:1px solid #bedce7;}
|
|
#database .database_oneline .author{width:15%;}
|
|
#database .database_oneline .gravatar{width:1%;}
|
|
#database .database_oneline .gravatar img{border:1px solid #d0d0d0;padding:1px;background-color:white;float:left;margin-right:.4em;}
|
|
#database .database_oneline .author a{font-weight:bold;color:black;}
|
|
#database .database_oneline .message a{color:black;}
|
|
#database .database_oneline .database,#database .database_oneline .tree{width:1%;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:90%;color:#808080;border-left:1px solid #bedce7;padding:.6em .5em;}
|
|
#database .database_oneline .tree{border-right:1px solid #bedce7;}
|
|
a{color:#4183c4;}
|
|
a {text-decoration: none;}
|
|
a:hover{text-decoration:underline;}
|
|
.usingMouse a{outline:none;}
|
|
a.button span.icon.loading { background-image: url(images/loader.gif); }
|
|
.loading { background-image: url(images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
|
|
a.button:hover span.icon.loading { background-image: url(images/loader-blue.gif); }
|
|
#couchLogo {float: left; margin-right: 5px; margin-top: 3px}
|
|
|
|
.menu-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
ul.menu {
|
|
display: none;
|
|
outline-style: none;
|
|
background: white;
|
|
color: black;
|
|
font-size: 12px;
|
|
height: auto;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
text-align: left;
|
|
width: 120px;
|
|
z-index: 666;
|
|
border: 1px solid #CCC;
|
|
border-right: 1px solid #666;
|
|
border-bottom: 1px solid #666;
|
|
margin: 0; padding: 0; }
|
|
ul.menu * {
|
|
margin: 0;
|
|
padding: 0; }
|
|
ul.menu a {
|
|
line-height: 14px;
|
|
color: black;
|
|
display: block;
|
|
padding: 5px 7px;
|
|
text-decoration: none; }
|
|
ul.menu li {
|
|
height: 24px; }
|
|
ul.menu li:hover {
|
|
background-color: #DBE8F8 } |