Syntaxhervorhebung / Syntax-Highlighting

default.css StyleSheet (29,88 kByte) 18.10.2017 21:32
/* *****************************************************************************
//  Title ............. :  Stylesheet
//  Module Name ....... :  default.css
//  Type .............. :  Cascading Stylesheet
//  Author ............ :  Udo Schmal
//  Development Status  :  08.11.2016
// *****************************************************************************/
/* @import url("/styles/classic.css"); */
@font-face {
  font-family:'FontAwesome';
  src:url('../fonts/fontawesome-webfont.eot');
  src:url('../fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'),
      url('../fonts/fontawesome-webfont.woff2') format('woff2'),
      url('../fonts/fontawesome-webfont.woff') format('woff'),
      url('../fonts/fontawesome-webfont.ttf') format('truetype'),
      url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

div, header, footer, form {padding:0; margin:0;} 
div, header, footer {box-sizing:border-box}
object, a {outline:none;}
strong {font-weight:bold;}
img {border:none;}
td, th {vertical-align:top;}

body {-webkit-font-smoothing:antialiased; font-size:75%;}
h1, h2, h3, h4, h5, h6, p, li, dl, dt, dd, label, legend, td, th, input, button, div, header, footer, form, figure, details, summary {font-family:Arial,Helvetica,sans-serif;}
tt, pre, code {font-family:"Courier New",Courier,mono-space; font-size:110%;}
h1, h2, h3, h4, h5, h6, p.description, label, legend, dt, summary {font-weight:bold;}
h4:first-child, h5:first-child, h6:first-child, p:first-child {margin-top:0;}
h1, h2, h3, h4, h5, a:link, a:visited, a:active, a:before, p.description, legend, span.found {color:#832025;}
sub, sup {font-size:75%; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
p {margin-bottom:0;}
table {border-collapse:collapse; border-spacing:0;}
ul, ol {margin-top:0; margin-left:1em; padding-left:1em;}
ul {list-style:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVChTYxjy4P//8/87sqP+Nyuo/l+Tlfv/+P///6FSEPD///P/KzsgCmAYpPAJssL/L7eABdEVoZhGlEkgQNBNVAAMDAB8HlJP8OaFyQAAAABJRU5ErkJggg==");}
li, dd, blockquote {padding-top:0.25em; padding-bottom:0.25em;}
hr {border-bottom:none; border-left:none; border-right:none; border-top:1px solid #832025; height:1px; clear:both; text-align:center;}
fieldset {border:1px solid #832025; margin-top:5px; padding:3px;}

.break {page-break-after:always;}
.nowrap {white-space:nowrap;}
.clear {clear:both;}
.source {font-style:italic;}
.alert {color:red; font-weight:bold;}
/* div.clear {height:1px; margin:-1px 0 0; overflow:hidden;} */
.hyphenate {-ms-word-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
p.info {clear:both; text-align:right; font-variant:small-caps; margin-right:20px;}
p.spam {color:red;}
ul.float {margin-left:0; padding-left:1.5em; overflow:hidden; height:auto; display:table;}
span.marker {background-color:yellow;}
.hidden, span.accessibility {display:none !important;}
input[type="button"], input[type="submit"], select {cursor:pointer;}

/*REGION ' - boxes - '*/
details {margin-top:5px;}
div.boxLeft, div.boxRight, div.boxFull, div.boxCenter/*, div.boxRelated*/ {padding:5px; border:1px solid #832025;}
div.boxLeft {float:left; margin:5px 5px 0 0; width:49%;}
div.boxRight {float:right; margin:0 0 5px 5px; width:49%;}
div.boxFull h3, div.boxLeft h3 {margin:0; padding:2px 0;}
div.box {border:1px solid #832025;}

/*REGION ' - images - '*/
img.right {float:right; margin-left:15px; padding:5px;}
img.left {float:left; margin-right:15px; padding:5px;}
div.imageLeft {clear:both; float:left; margin:-3px 11px 4px 0;}
div.imageRight {clear:both; float:right; margin:-3px 0 4px 11px;}
div.boxFull, div.imageFull {clear:both; margin:0 0 4px 0;}
div.boxCenter, div.imageCenter {clear:both; text-align:center; margin:0 auto 4px auto;}
div.imageLeft p, div.imageRight p, div.imageFull p, div.imageCenter  p {font-size:90%; margin:4px 0 0 0;}

/*REGION ' - tables - '*/
table.grid {border:1px solid #386b5a; padding:0; margin:5px 0; empty-cells:show;}
table.grid th, table.grid td {border:1px solid #000; padding:3px;}
table.grid th {background-color:#832025; color:#fff;}
table.grid td {background-color:#fffbf5;}
table.grid th a {color:#fff;}

table.noBorder {border-style:none; border-width:0; margin-bottom:0.8em; border:medium none; margin:0; padding:0;}
table.noBorder td, table.noBorder th {border-style:none; border-width:0; padding:3px;}

/*REGION ' - symbols - '*/
a.filePDF:before, a.fileDOC:before, a.fileXLS:before, a.filePPT:before,  a.fileZIP:before, a.code:before, a.fileELSE:before {
  font:normal normal normal 14px/1 FontAwesome; margin-right:5px;}
span.fontawesome {font:normal normal normal 14px/1 FontAwesome;}
a.filePDF:before {content:"\f1c1";}
a.fileDOC:before {content:"\f1c2";}
a.fileXLS:before {content:"\f1c3";}
a.filePPT:before {content:"\f1c4";}
a.fileZIP:before {content:"\f1c6";}
a.code:before {content:"\f1c9";}
a.fileELSE:before {content:"\f016";}

/*REGION ' - content form - '*/
label.inlinecheck {display:inline-block; width:180px;}
button, input, select, textarea {margin:0; vertical-align:baseline;}
#content-form {clear:both; margin:0 auto; width:100%;}
#content-form form {min-width:310px; max-width:380px; margin:0 auto;}
#content-form label {width:70px; margin:3px 5px 0 0; text-align:right; float:left;}
#content-form input {width:300px;}
#content-form select {float:left;}
#content-form textarea {width:300px;}
#content-form .boxes {width:auto;}
#content-form .required {font-weight:bold;}
#content-form #buttons {text-align:center; margin-top:10px;}
#content-form #buttons input {width:auto;}
#content-form #edit img {border:0 !important;}
#content-form br {clear:both;}
#content-form h6 {margin:5px 0 0 0;}
#content-form img {border:0;}
#content-form p select {float:none;}
#content-form p input {width:auto;}

/*REGION ' - Gallery - '*/
.gallery {clear:both;}
/*.gallery:after {content:""; display:block; clear:both;}*/
.galleryImage {position:relative; width:104px; height:104px; float:left; margin:0 1px 1px 0; overflow:hidden;}
.galleryImage a {display:block; border:1px solid #832025; width:100px; height:100px; background-color:#000; text-align:center; line-height:98px; overflow:hidden;}
.galleryImage img {vertical-align:middle; border:none; max-height:100px; max-width:100px;}

/*REGION ' - Blog - '*/
div.blogItem {margin-top:10px; clear:both; border-bottom:1px solid #c89c9e;}

/*REGION ' - TabSheets - '*/
.tabs, .tabsheets {position:relative; list-style:none; list-style-image:none; margin:0; width:100%;}
.tabs {clear:both; z-index:10; padding-left:0;}
.tab, .tab-current {position:relative; float:left; display:block; cursor:pointer; color:#666; font-weight:bold; border:1px solid #ccc; border-bottom:none;
  -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; -o-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;}
.tab {padding:3px 5px 2px; top:2px; z-index:1; background-color:#eee;}
.tab:hover {background-color:#fff;}
.tab-current {padding:4px 5px 3px; top:1px; z-index:10; background-color:#fff;}
.tabsheets {padding:0 0 10px 0; z-index:2; clear:both;}
.tabsheets .sheet {display:none;}
.tabsheets .sheet:after, .tabsheets .sheet-current:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
.tabsheets .sheet-current {display:block;}
.tabsheets .sheet, .tabsheets .sheet-current {padding:10px 10px 10px 10px; z-index:3; border:1px solid #ccc;
  -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -o-border-radius:0 5px 5px 5px; -ms-border-radius:0 5px 5px 5px; border-radius:0 5px 5px 5px;}
.tabsheets .sheet .sheet-header, .tabsheets .sheet-current .sheet-header {padding:3px 25px 3px 25px;
  -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -o-border-radius:0 5px 5px 5px; -ms-border-radius:0 5px 5px 5px; border-radius:0 5px 5px 5px;}
  
/*REGION ' - Accordion - '*/
ul.accordion {position:relative; margin:0; padding:5px; list-style:none; list-style-image:none;}
ul.accordion .sheet, ul.accordion .sheet-current {position:relative; margin:0 0 1px 0; padding:7px 10px 1px 10px; border:1px solid #C8CED0;
  list-style:none; list-style-image:none; background-color:#fff; 
  -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
ul.accordion .sheet {height:20px;}
ul.accordion .sheet .sheet-header, ul.accordion .sheet-current .sheet-header {
  margin:0 0 5px 0; padding:0; color:#666; font-weight:bold; cursor:pointer;}
ul.accordion .sheet:hover {background:#eee;}
ul.accordion .current, ul.accordion .sheet-current {height:auto; padding-bottom:7px;}

/*REGION ' - Tree - '*/
ul.tree, ul.tree ul {list-style:none; list-style-image:none; margin:0; padding:0; line-height:1.5em;}
ul.tree li {padding:0; margin:0;}
ul.tree ul {display:none;}
ul.tree ul.visible {display:block;}
ul.tree a {text-decoration:none; color:#000;}
ul.tree a.focus {background-color:navy; color:#fff;}
ul.tree a.nextPlus, ul.tree a.lastPlus, ul.tree a.nextMinus, ul.tree a.lastMinus, 
ul.tree span.cont, ul.tree span.next, ul.tree span.blank, ul.tree span.last {float:left; display:block; width:18px; height:18px; background:transparent url(images/branch.png) no-repeat 0 0; margin:0 2px 0 0; padding:0}
ul.tree span.blank {background-position:0 0;}
ul.tree span.cont {background-position:-18px 0;}
ul.tree span.next {background-position:-36px 0;}
ul.tree span.last {background-position:-54px 0;}
ul.tree a.nextPlus {background-position:-72px 0;}
ul.tree a.lastPlus {background-position:-90px 0;}
ul.tree a.nextMinus {background-position:-108px 0;}
ul.tree a.lastMinus {background-position:-126px 0;}

/*REGION ' - Code - '*/
figure.code {border:1px solid #C5DBF7; width:100%; margin:0;}
figure.code figcaption {padding:5px; border-bottom:1px solid #C5DBF7; margin:0;}
pre {color:black; padding:5px; margin:0;
  position:relative;
  white-space:pre-wrap; /* CSS3 browsers  */
  white-space:-moz-pre-wrap !important; /* 1999+ Mozilla  */
  white-space:-pre-wrap; /* Opera 4 thru 6 */
  white-space:-o-pre-wrap; /* Opera 7 and up */
  word-wrap:break-word; /* IE 5.5+ and up */
}
/* SYN HTML, JS, CSS */
code {font-family:monospace; overflow:scroll;}
code span.comment, code span.commentvalue {color:#077; font-style:italic;}
code span.directive, code span.conditionalcomment, code span.conditionvalue {color:#077; font-weight:bold;}
code span.important {color:#f00; font-weight:bold;}
code span.symbol, code span.operator, code span.literal {color:#000;}
code span.object, code span.class {color:#b4c; font-weight:bold;}
code span.method, code span.identifier {color:#d4a;}
code span.pi, code span.doctype, code span.tag, code span.tagname, code span.keyword {color:#008;}
code span.pi, code span.doctype, code span.tagname, code span.keyword {font-weight:bold;}
code span.attrname, code span.name {color:#00f;}
code span.attrvalue, code span.value, code span.string, code span.number {color:#800;}
code span.rule {color:#f0d;}
code span.section {color:#f0d;}
code span.definition {color:#f0d;}
code span.id {color:#fd0;}
code span.pseudo {color:#09f;}
code span.function {color:#b0f;}
code span.param {color:#b0f;}
code span.asm, code span.cdata {color:f0f;}
iframe {width:100%; border:1px solid #FFFF50; background-color:#FFFFC0;}

/*REGION ' - search - '*/
div.rankbg {background:transparent url(images/rankbg.gif) no-repeat scroll 0px; height:12px; width:63px;
  -moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial;}
div.rank {overflow:hidden; height:12px;}
span.found {font-weight:bold;}
table#searchResults tr.row1 td {padding-top:10px}
table#searchResults tr.row2 td {padding-top:0}
table#searchResults tr.row2 td {padding-bottom:10px;}

/*REGION ' - breadcrumbs - '*/
#breadcrumbs {position:relative; margin:0 0 13px;}
ul.breadcrumbs, #breadcrumbs ul {list-style:none outside none; margin:0; padding:0; width:100%; color:#832025; white-space:nowrap;}
ul.breadcrumbs li , #breadcrumbs ul li {float:left; display:inline; padding:0 0 0 5px;}
ul.breadcrumbs a, #breadcrumbs ul a {text-decoration:none; white-space:nowrap; margin:0 6px; line-height: 24px;}
#breadcrumbs ul li a#breadcrumbs-home {margin:0; padding:0; display:block; width:18px; height:18px;
  font:normal normal normal 18px/1 FontAwesome; text-decoration:none; text-align:center;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#breadcrumbs ul a:hover {text-decoration:underline;}
#footer-container {position:relative; width:100%;}
#copyright p {text-align:right;}

@media screen {
  #functions #toolsfullscreen, #ui-toolbar #uifullscreen {display:none;}
  #dynamic-content, #content-nav {clear:both;}
  html, body {height:100%; margin:0; padding:0;}
  body {overflow-y:auto; position:absolute; top:0; bottom:0; left:0; right:0;}
  #header a {text-decoration:none; color:#fff;}
  .message {margin-bottom:5px; padding:1px; border:1px solid #832025; background-color:#ffeccb;}
  .message h5 {margin:0; padding:5px;}
  .message p {padding:5px;}
  .sessionValues {margin-bottom:5px; height:150px; overflow:auto;}
  #siteimage {width:100%; position:absolute; left:0; bottom:0; right:0; background-image:url(/media/gocher_head.jpg); background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
  #content-container, #content {position:relative}

  /*REGION ' - toolbar - '*/
  #top-toolbar {position:absolute; top:0; left:0; width:100%; height:20px; white-space:nowrap; overflow:hidden;}
  #toolbar {position:absolute; top:0; right:0; padding-top:2px;}
  #top-nav, #functions {position:relative; float:right;}
  #top-nav ul, #functions ul {margin:0 0 0 10px; padding:0; list-style:none; list-style-image:none;}
  #top-nav ul li, #functions ul li {display:inline; float:left; margin:0; padding:0;}
  #top-nav ul li, #functions ul li:first-child{border-left:1px solid #fff;}
  #top-nav ul li a, #functions ul li a {display:block; white-space:nowrap; margin:0 2px;}
  #top-nav a {padding:0 8px; font-weight:bold;}
  #functions a {padding:0 3px; font:normal normal normal 14px/1 FontAwesome;}

  /*REGION ' - content-nav - '*/
  #content-nav {width:100%; clear:both;}
  #content-nav ul {border-width:3px 1px 1px; border-color:#832025; border-style:solid; background:#ffeccb; margin:5px 0; padding:5px 5px 5px 25px;}
  #content-nav ul ul {border:none; margin:5px 0; padding:5px 5px 5px 25px;}
  #content-nav h5, #content-nav h6 {margin:0; padding:0; color:#832025;}
  #content-nav ul li {padding-bottom:5px; clear:both;}
  #content-nav ul li li {padding-bottom:0;}
/*  #content-nav ul li a, #content-nav ul li span.navi {display:block;}*/

  /*REGION ' - gallery - '*/
  #overlay {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:#222;}
  #imagebox {height:100%; position:absolute; top:0;}
  #image, #temp {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
  #caption {position:absolute; left:36px; right:36px; bottom:0; margin:0;}
  #caption p {position:relative; margin:0 auto; padding:0; text-align:center; opacity:0.5; background-color:#222; color:#999;}
  #prevLink, #nextLink, #requestfullscreenLink, #cancelfullscreenLink, #closeLink, #slideshowLink, #slidestopLink, #downloadLink {
    position:absolute; display:block; text-decoration:none; color:#999; text-align:center; font:normal normal normal 35px/1 FontAwesome;}
  #prevLink {left:10px; top:50%;}
  #nextLink {right:10px; top:50%;}
  #requestfullscreenLink, #cancelfullscreenLink {left:10px; top:10px;}
  #closeLink {right:10px; top:10px;}
  #slideshowLink, #slidestopLink {left:10px; bottom:10px;}
  #hdLink {position:absolute; display:block; font-family:Arial,Helvetica,sans-serif; text-decoration:none; background-color:#999999; text-align:center; font-weight:bold;
    right:10px; bottom:55px; padding:7px; color:#222222; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
  #hdActive:before {position:absolute; content:""; left:3px; top:50%; right:3px; border-top:2px solid; border-color:inherit;
  -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -ms-transform:rotate(-15deg); -o-transform:rotate(-15deg); transform:rotate(-15deg);}
  #downloadLink {right:10px; bottom:10px;}

  /* article downloads */
  .articleButtons {margin:0; padding:0 0 0 10px; float:right;}
  .articleButtons a {float:left; padding:0 2px; text-decoration:none; color:#832025; margin:2px 3px; text-align:center;
    display:block; height:16px; font:normal normal normal 14px/1 FontAwesome; margin-right:5px;}

  /* HiRes Image Zoom */
  a.hires {position:relative; display:block;}
  a.hires img {position:relative;}
  span.zoom {display:block; float:left; margin:0; border:0; padding:0; width:22px; height:22px;
    font:normal normal normal 16px/1 FontAwesome; background:#80827F; color:#fff; line-height:21px;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    text-decoration:none; text-align:center; opacity:0.7;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:2px;
    position:absolute; top:4px; left:3px;}
  a.hires:hover span.zoom {background:#832025;}

  /*REGION ' - social bookmarks - '*/
  #socialbookmarks {position:relative; width:100%; padding:10px 0; clear:both;}
  #socialbookmarks span.label {float:left; color:#a5a5a5; margin-right:10px;}
  #socialbookmarks span.splitter {float:left; margin:0 2px; width:0; height:32px; display:inline-block; border-right:1px dashed silver;}
  #socialbookmarks a.socialbookmark {color:#832025; font:normal normal normal 32px/1 FontAwesome; text-decoration:none; text-align:center;
  float:left; margin:0 4px 2px 0; padding:0; width:32px; height:32px; display:block;}

  /*REGION ' - boxes - '*/
  #boxes-container {position:relative; float:left;}
  .box-area {position:relative; margin:0 0 8px;}
  .box, .box-head {position:relative;}
  .box-head h4 {margin:0; padding:2px 5px 2px 12px; color:white; font-weight:bold;}
  .box-content {padding:8px; background-color:#ffeccb; position:relative;}
  .box-content table, .box-content tr, .box-content td {margin:0; padding:0;}
  .box-content ul {list-style-type:disc; list-style-image:none; font-weight:bold;}
  .box-content li {font-weight:normal; margin-bottom:0; margin-top:0;}
  .box-content ol, .box-content ul {padding-bottom:0; padding-top:0;}
  .box-content form label {display:none;}
  .box-content a:link, .box-content a:visited, .box-content a:active {color:#832025;}
  .box-content ul.accordion {padding:0; margin:0;}
  .box-content span.value {display:inline-block; padding-left:10px;}
  
  /*REGION ' - CMS - '*/
  .cmsButtons {clear:both; margin:0 0 2px 0; padding:0; display:inline-block;}
  a.cmsButton, span.cmsButton {
    display:block; float:left; margin:0 2px 0 0; border:0; padding:2px 0; width:18px;
    font:normal normal normal 14px/1 FontAwesome; color:#832025; background-color:#fff;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    text-decoration:none; text-align:center;
    border:1px solid #832025; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:2px;
  }
  .undefined, .undefined a {color:silver !important;}
  .prepared, .prepared a {color:blue !important;}
  .future, .future a {color:green !important;}
  .active {}
  .hidden, .hidden a {color:orange !important;}
  .past, .past a {color:red !important;}
  .deleted, .deleted a {color:magenta !important;}

  .cms {height:100%; width:100%; background:#eee;}
  .cms #content {width:100%;}
  .cms #header h1 {font-size:120%}
  .cms #header, .cms #footer {display:block; padding:4px 10px 4px 10px; background-color:#fff;}
  .cms #header *, .cms #footer * {margin:0; padding:0; color:#444;}
  .cms #header button, .cms #footer button {display:inline-block; margin-right:5px; padding:4px 7px; text-decoration:none; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
  .cms #header {margin:0 0 10px 0; height:auto; border-bottom:1px solid #888;}
  .cms #footer {margin:10px 0 0; border-top:1px solid #888; clear:both; padding:5px; text-align:right;}
  .cms button {cursor:pointer;}
  .cms #tree {position:relative; width:350px; height:400px; overflow:auto; border:1px solid #b0aaa5; background-color:white; margin:3px; white-space:nowrap;}
  .cms label {font-weight:bold; padding:4px 3px 0; clear:left; float:left; width:9em; text-align:right; color:#000;}
  .cms label.inline {clear:none; width:auto; margin-left:15px;}
  .cms input, .cms select, .cms textarea {float:left; border:1px solid #888; background-color:white; margin: 0 0 0.1em;}
  .cms input[type='checkbox'] {margin-top:4px;}
  .cms .line, .cms fieldset{clear:both; padding:1px 0;}
  .cms textarea, .cms table.htmlarea {clear:both;}
  .cms fieldset{border:1px solid #888; padding:3px; margin:3px;}
  .cms fieldset label {width:8.4em}
  .cms legend {color:#888;}
  .cms .line div.left, .cms .line select, .cms .line button {float:left;}
  .cms .line button {line-height:1em;}
  .cms .formInputFocus {background-color:#EBF5FF;}

  table .label {text-align:right; width:8em; font-weight:bold;}
  div.list {width:880px; max-height:470px; overflow:auto; background-color:#fbfbfa; border:1px solid #b0aaa5;}
  div.checklist {width:350px; max-height:250px; overflow:auto; background-color:#fbfbfa; border:1px solid #b0aaa5;}
  div.list table, div.checklist table {width:100%; background-color:#fbfbfa; padding:0;}
  table.list tbody tr:last-child {height:auto !important;}
  table.list tbody tr:nth-child(odd) td, table.foldlist tbody tr:nth-child(odd) td {background-color:#f0f0f0;}
  table.list tbody tr:nth-child(even) td, table.foldlist tbody tr:nth-child(even) td {background-color:transparent;}
  table.list tbody tr, table.foldlist tbody tr {height:20px;}
  table.list td {padding:2px;}
  table.foldlist th {padding:3px 10px; text-align:center; font-weight:bold; background-color:#000000; color:#ffffff;}
  table.foldlist td {padding:3px 10px; text-align:right;}
  table.foldlist tbody tr.parent td {font-weight:bold; background-color:#e0e0e0;}
  table.foldlist tbody tr.parent, table.foldlist tbody tr.open {display:table-row;}
  table.foldlist tbody tr {display:none;}
  table.checklist {table-layout:fixed;}
  table.checklist td {overflow:hidden;}
  .checklist .listEntryHead {background-color:#ffffcc;}
  .checklist .listEntryDark {background-color:#f0f0f0;}
  .checklist .listEntryLight {background-color:transparent;}
  .list input {width:inherit !important; height:13px;}
}

@media handheld, only screen and (max-width:767px) {
  * {/*cursor:default;*/ -webkit-nbsp-mode:space; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-transform-style:preserve3d; -webkit-user-select:none;}
  html {min-width:320px; -webkit-text-size-adjust:100%;}
  html, body, #body-container, #page-container, #header, #ui-toolbar, .boxFull, .boxLeft, .boxRight, .boxCenter {width:100%;}
  #header {display:inline-block; position:relative; width:100%;}
  #toolbar-placeholder {margin-bottom:34%; height:41px; position:relative;}
  #ui-toolbar {height:44px;}
  #siteimage {top:45px;}
  body {font-family:Helvetica; background:#fff; color:#000; -webkit-user-select:none; -webkit-text-size-adjust:none;}
  div.imageLeft img, div.imageRight img, div.imageFull img, div.imageCenter img, object, embed, video, div.video-js {max-width:100%; height:auto;}
  div.video-js, div.vjs-poster {background-color:#fff;}
  input, textarea {-webkit-user-select:auto;}
  #body-container, #page-container, #header, #boxes-container {position:relative;}
  #sitelogo, #top-nav, #breadcrumbs, .tickerWrapper, #functions ul li.normal {display:none;}
  #top-toolbar{top:50px;}
  #ui-toolbar {position:fixed; display:block; border-bottom:3px solid #ffffff; background-color:#832025; top:0; z-index:100;}
  #footer-container, .box-head {display:block; border-bottom:1px solid #686868; background-color:#832025;}
  #ui-toolbar a.button:first-child {margin-left:2px;}
  #ui-toolbar a.button {
    display:block; float:left; margin:6px 4px 6px 0; height:30px; width:30px;
    font:normal normal normal 18px/1 FontAwesome;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    text-align:center; z-index:0; overflow:hidden; line-height:28px; color:#fff; text-decoration:none; padding:0; background-color:#832025;
  }
  #ui-toolbar a.button:hover, #ui-toolbar a.active {background:#a34045;}
  #ui-toolbar input.searchfield {float:left; margin:6px 0; padding:3px; width:160px; font-size:165%; border:none;}
  #ui-toolbar a.button#searchButton {float:left; border-radius:0 5px 5px 0;}
  #searchfrm {float:right;}
  /*#sitelogo span {display:none;}
  #sitelogo {position:absolute; top:10px; right:5px; height:76px; width:272px; background:transparent url(images/logo.png) no-repeat 0 top;}*/
  #searchForm input#search {width:150px;}
  #content div.rank img {max-width:none !important;}
  #content {padding:2px;}
  #content p,#content table {margin-left:0;}
  /*#content ul,#content ol {padding-left:10px; margin-left:10px;}*/
  #content ul.tabs {padding:0; margin:0;}
  #content ul.tabsheets {padding:0; margin:10px 0;}
  /*#content li {padding-top:0.35em; padding-bottom:0.35em;}*/
/*  #content-nav ul li a, #content-nav ul li span.navi {display:block;}*/
  div.boxLeft, div.boxRight {width:95%;}
  #content div.boxLeft, #content div.boxRight, #content div.boxFull, #content div.boxCenter {border-width:1px 0 0 0;}
  #content div.boxLeft:last-child {border-width:1px 0;}
  .cms input[style] {max-width:180px}
  
  /*REGION ' - nav - '*/
  #nav-container {position:absolute; left:-280px; top:41px; display:none; z-index:999;}
  #nav {display:block; width:230px; background:#fff; border-right:1px solid #C8CED0; border-bottom:1px solid #C8CED0;}
  #nav ul {list-style:none; margin:0; padding:0;}
  #nav ul ul,#nav ul li {margin:0; padding:0;}
  #nav ul li a {color:#000; display:block; font-weight:bold; padding:6px; text-decoration:none;}
  #nav ul ul li a {font-weight:normal; margin-top:0;}

  /*REGION ' - gallery - '*/
  #imagebox {left:0; right:0;}

  /*REGION ' - boxes - '*/
  #boxes-container {width:100%;}
  .box-area {margin:0 2px 8px;}

  /*REGION ' - footer - '*/
  #footer-container {padding:9px 0 0;}
  #footer {clear:both;}
  #footer, #footer a {color:white;}
  #copyright, #footer-content {margin:0 5px 10px 0;}
  #copyright {float:right;}
  #footer-content {float:left; width:50%; }
  #footer-nav ul {margin:0 0 0 5px; padding:0; list-style:none; list-style-image:none;}
  #footer-nav ul li {float:left; margin-right:10px; padding:0;}
  #footer-screen {display:none;}
}
*:-webkit-full-screen {width:100%; height:100%;}

@media screen and (min-width:768px) {
  #body-container {position:relative; width:100%}
  #page-container {position:relative; margin:10px;}
  #main-container {position:relative; padding:15px 15px 41px; width:100%; background-color:#fff;}
  #content {float:left; width:100%;}
  #top-toolbar, #nav-container, #nav ul li.selected, #nav ul li ul li.selected, .box-head, #ui-toolbar a#searchButton, #nav ul li ul li:hover, #toolbar {background:#832025;}
  #header {position:relative; height:352px; width:100%;}
  #siteimage {top:23px; max-height:309px;}
  #menuButton, #homeButton, #sitelogo {display:none;}

  /*REGION ' - ticker - '*/
  .tickerWrapper {position:relative; height:18px; margin:2px 10px 0; overflow:hidden;}
  .ticker {display:inline-block; position:absolute; top:0;}
  .ticker a {float:left; white-space:nowrap;}

  /*REGION ' - TabSheets - '*/
  .tab {padding:3px 25px 2px;}
  .tab-current {padding:4px 25px 3px;}

  /*REGION ' - searcharea - '*/
  #ui-toolbar {position:absolute; right:10px; top:40px; width:200px; white-space:nowrap;}
  #ui-toolbar input.searchfield {float:left; padding:3px; width:140px; border:1px solid #ccc;}
  #ui-toolbar a#searchButton {color:#fff; padding:4px; display:inline-block; font:normal normal normal 18px/1 FontAwesome; text-decoration:none;}
  #searcharea input, #searcharea h5, #searcharea a:link, #searcharea a:visited, #searcharea a:active {white-space:nowrap; margin:0;}

  /*REGION ' - nav - '*/
  #nav-container {position:absolute; left:0; top:-27px; width:100%; border-top:3px solid #fff;}
  #nav {position:relative; float:left;}
  #nav * {color:white;}
  #nav ul {margin:0; padding:0; list-style-type:none; list-style-image:none; list-style:none;}
  #nav ul li {margin:0; padding:0; float:left; border-left:1px solid #832025; border-right:1px solid #c89c9e;}
  #nav ul li a {display:block; margin:0; padding:4px 6px; text-decoration:none; white-space:nowrap; font-size:120%}
  #nav ul li:hover {background-color:#63636f;}
  #nav ul ul {display:none; position:absolute; border-color:#4f4f59; border-style:solid; border-width:1px 1px 0 1px; background-color:#63636f; z-index:500;}
  #nav ul li ul li {float:none; border-bottom:1px solid #4f4f59; border-width:0 0 1px 0;}
  #nav ul li:hover ul {display:block;}
  #nav ul li ul li a {padding:3px 8px;}
  #nav ul li div.cmsButtons {margin:0 0 0 5px;}
  #nav ul li div.cmsButtons a {display:inline; margin:0 1px; padding:0;}

  /*REGION ' - gallery - '*/
  #imagebox {left:50px; right:50px;}

  /*REGION ' - footer - '*/
  #footer {margin:15px; padding:0 0 10px;}
  #copyright {clear:both; float:right; width:auto; margin-top:10px;}
  #footer-nav {display:none;}

  #boxes-container{width:100%}
  .box-area {width:50%; padding:2px; float:left;}
  .box {width:100%;}
}

@media screen and (min-width:1001px) {
  #body-container {margin:0 auto; width:989px;}
  #content {float:left; width:725px;}
  #boxes-container {margin:0 0 0 20px; width:194px;}
  .box-area {width:100%; float:left;}
}

@media print {
  #header, #boxes-container, #breadcrumbs, #content-nav, #contentForm, #socialbookmarks, #nav-container,
  .cmsButtons, .articleButtons, #content div.zoom, span.zoom, #footer-content, span.accessibility, .tabs {display:none;}
  ul.tabsheets li.sheet {display:block;}
  .boxFull {width:99%;}
  #footer {margin:15px; padding:0 0 10px;}
  #copyright {clear:both; float:right; width:auto; margin-top:10px;}
  div.imageRight a[href]:after, div.imageLeft a[href]:after, div.imageCenter a[href]:after, div.imageFull a[href]:after {content:"\a("attr(href)") "; white-space:pre; font-size:90%;}
  a[href]:after {content:" ("attr(href)") ";}
  a[name]:after {content:" ("attr(name)":) ";}
}

Copyright / License of sources

Copyright (c) 2007-2017, Udo Schmal <udo.schmal@t-online.de>

Permission to use, copy, modify, and/or distribute the software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

Service Infos

CMS Info
UDOs Webserver

0.3.1.24

All in one Webserver

Udo Schmal

Sa, 21 Okt 2017 00:30:10
Development Info
Lazarus LCL 1.9.0.0

Free Pascal FPC 3.1.1

OS:Win64, CPU:x86_64
Hardware Info
Precision WorkStation T3500

Intel(R) Xeon(R) CPU W3530 @ 2.80GHz

x86_64, 1 physical CPU(s), 4 Core(s), 8 logical CPU(s), 2800 MHz