OpenVPN_Management_GUI/Themes/default/js/poshytip-1.1/demo/includes/demos.css

423 lines
7.6 KiB
CSS
Raw Normal View History

2012-07-16 22:33:46 +02:00
/* ==================== | DEFAULT FONTS | ==================== */
body {
font:12px 'lucida sans unicode','lucida sans','lucida grande',helvetica,arial,sans-serif;
}
table, th, td, input, select, textarea {
font:1em 'lucida sans unicode','lucida sans','lucida grande',helvetica,arial,sans-serif;
}
/* ==================== | DEFAULT STYLES | ==================== */
html, body, h1, h2, h3, h4, p, ul, ol, li, form, input, select, dl, dt, dd, fieldset, blockquote {
margin:0;
padding:0;
}
a img {
border:none;
}
a.sup {
text-decoration:none;
}
fieldset {
display:block;
border:0;
}
abbr {
border-bottom:1px dotted;
}
/* ==================== | LINKS | ==================== */
a {
text-decoration:none;
color:#860404;
}
/* ==================== | LAYOUT | ==================== */
body {
background:#F4F4F4 url(sheet_bg.jpg) fixed no-repeat;
color:#434343;
text-align:center;
}
#holder {
width:800px;
margin:20px auto;
border:solid #ddd;
border-width:5px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:30px 0;
background:#fff;
text-align:left;
}
#content {
margin-left:30px;
width:520px;
}
#nav {
float:right;
margin:50px 20px 0 0;
width:200px;
display:inline;
}
/* ==================== | CONTENT COLUMN | ==================== */
#content {
font-size:14px;
}
#content h1, #content h2, #content h3, #content h4 {
margin:1.5em 0 0.5em 0;
font-weight:normal;
color:#860404;
}
#content h1 {
position:relative;
height:50px;
margin:0 -230px 0 -10px;
border-bottom:1px solid #efefef;
font-family:georgia,'times new roman',times,serif;
font-size:30px;
}
#content h1 span {
position:absolute;
left:0;
margin:-15px 0 0 7px;
font-size:15px;
font-style:italic;
color:#888;
}
#content h2 {
font-family:arial,helvetica,sans-serif;
font-size:18px;
}
#content h3 {
font-size:16px;
}
#content h4 {
font-size:14px;
}
#content p, #content ul, #content ol, #content dd, #content table {
margin-bottom:1em;
line-height:22px;
}
#content ul ul {
margin:2px 0 0 0;
list-style-type:circle;
}
#content li {
margin:0 0 2px 28px;
}
#content ul li {
margin:0 0 2px 14px;
padding:0 0 0 14px;
list-style-type:none;
background:url(bullet.png) no-repeat 0 0.21em;
}
#content dd {
margin-left:0;
}
#content dt {
font-weight:normal;
margin-bottom:2px;
}
#content code {
background:#ffffe1;
font-family:monospace;
}
#content a {
border-bottom:2px solid #cfcdf0;
background-color:#f1ffe2;
color:#434343;
text-decoration:none;
}
#content a:visited {
background-color:#fbf0ff;
}
#content a:hover, #content a:focus, #content a:active {
border-color:#908dc0;
background-color:#e9ffd3;
}
a.image {
display:block;
margin:0;
width:150px;
border:2px solid #cae8b7 !important;
padding:1px !important;
background:transparent !important;
}
a.image:hover, a.image:focus, a.image:active {
border-color:#9ec883 !important;
}
a.image img {
border:none !important;
}
dl.options {
font-size:13px;
}
dl.options dt {
position:relative;
border-top:1px solid #efefef;
padding:2px 0;
background:#f8f8f8;
}
dl.options dt i {
position:absolute;
right:0;
font-size:12px;
color:#888888;
}
dl.options div.possible-values {
margin-bottom:4px;
font-size:11px;
color:#888888;
}
dl.options div.possible-values span {
margin-bottom:4px;
color:#434343;
}
dl.options div.signature {
padding-left:20px;
}
/* ==================== | NAVIGATION | ==================== */
#nav h2 {
margin:1.93em 0 0.5em 0;
padding-left:6px;
font-family:georgia,'times new roman',times,serif;
font-size:15px;
font-weight:normal;
font-style:italic;
color:#888;
}
#nav ul, #nav li {
display:block;
list-style:none;
}
#nav ul, #nav p {
margin-bottom:1em;
}
#nav ul ul {
margin-bottom:0;
}
#nav li {
border-top:1px solid #e9d08e;
}
#nav li.first {
border:0;
}
#nav a {
display:block;
padding:5px 12px;
background:#f2d995;
zoom:1;
}
#nav a:hover, #nav a:focus, #nav a:active, #nav a.current {
color:#151515;
background:#fbebc1;
}
#nav li.first a {
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
#nav li.last a {
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}
#nav ul ul a {
padding-left:24px;
background:#f9e09b;
border-radius:0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
}
#nav ul ul ul a {
padding-left:36px;
background:#ffe5a0;
border-radius:0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
}
/* ==================== | SHJS (syntax highlighter) | ==================== */
div.code-block {
position:relative;
margin:0 0 1em 0;
border-left:4px solid #d9d9d9;
padding:3px 6px;
background:#f8f8f8;
zoom:1;
}
div.code-block textarea {
position:absolute;
margin:-2px 0 0 -2px;
overflow:auto;
border:1px solid;
border-color:#777 #ccc #f8f8f8 #ccc;
padding:1px;
background:#fff;
color:#000;
font-family:consolas,'lucida console',monaco,'courier new',courier,monospace,mono,serif;
font-size:13px;
font-weight:normal;
font-style:normal;
z-index:1000;
}
#content div.code-block a.view-plain, #content div.code-block a.view-plain:visited {
display:none;
position:absolute;
bottom:100%;
right:0;
border-bottom:1px dashed #d5d5d5;
padding:3px 4px;
text-align:right;
background:#fff;
color:#888888;
font:0.8em arial,helvetica,sans-serif;
}
#content div.code-block a.view-plain:hover {
background:#aaa;
color:#fff;
}
div.code-block pre {
display:block;
width:100%;
margin:0;
overflow:auto;
cursor:text;
color: #434343;
font-family:consolas,'lucida console',monaco,'courier new',courier,monospace,mono,serif;
font-size:13px;
font-weight:normal;
font-style:normal;
}
pre.sh_sourceCode .sh_keyword {
color: #aa0d91;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_type {
color: #008000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_string {
color: #c80000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_regexp {
color: #008000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_specialchar {
color: #ff00ff;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_comment {
color: #007400;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_number {
color: #3200ff;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_preproc {
color: #008200;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_function {
color: #000000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_url {
color: #008000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_date {
color: #000000;
font-weight: bold;
font-style: normal;
}
pre.sh_sourceCode .sh_time {
color: #000000;
font-weight: bold;
font-style: normal;
}
pre.sh_sourceCode .sh_file {
color: #000000;
font-weight: bold;
font-style: normal;
}
pre.sh_sourceCode .sh_ip {
color: #008000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_name {
color: #008000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_variable {
color: #000000;
font-weight: bold;
font-style: normal;
}
pre.sh_sourceCode .sh_oldfile {
color: #ff00ff;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_newfile {
color: #008000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_difflines {
color: #000000;
font-weight: bold;
font-style: normal;
}
pre.sh_sourceCode .sh_selector {
color: #000000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_property {
color: #c80000;
font-weight: normal;
font-style: normal;
}
pre.sh_sourceCode .sh_value {
color: #3200ff;
font-weight: normal;
font-style: normal;
}