html { overflow-y: scroll; background: #434343; /* Old browsers */ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#434343), color-stop(100%,#cdcdcd) )no-repeat scroll 0 0 transparent; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent; background: -o-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent; background: -ms-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent; background: linear-gradient(to bottom,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent; background: -moz-linear-gradient(center top,#434343,#cdcdcd) no-repeat scroll 0 0 transparent; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#cdcdcd', GradientType=0); } body { background-color: inherit; } a, .linkdescription a { color: #E28E3F; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } a:hover, .linkdescription a:hover { color: #F57900; } pre code { border-radius: 3px; overflow-x: auto; white-space: normal; } .thumbnail { float: left; margin: 0; padding: 0.1em; min-height: 96px; min-width: 120px; } .thumbnail img { border-radius: 0.3em; background-color: #fff; } .linkcontainer { position: static; margin-left: 130px; } #linklist, #cloudtag { margin: 0 auto; padding: 0.3em; max-width: 80%; } #linklist li, #linklist li.private { margin: 1em 0; padding: 0.3em; border: 1px solid #cdcdcd; border-radius: 0.3em; background: #fff; } #linklist li.publicLinkHightLight { background: #fff; } #linklist li .linkdescription li { margin: 0; border: none; list-style-position: outside; list-style-type: disc; } #linklist li .linkdescription ol li { list-style: decimal; } #linklist li .linkdescription ol { list-style: decimal outside; } .linktitle, .linkeditbuttons { font-size: 1.6em; font-weight: bold; } .linkeditbuttons { float: right; position: relative; margin-right: 0.3em; padding: 0; border-radius: 0; background-color: inherit; box-shadow: none; } #linklist li.private .linkeditbuttons { padding: 0 0 0 55px; background: url('../images/private.png') no-repeat 10px center; } .picwall_pictureframe img { border-radius: 0.1em; background-color: #fff; } .picwall_pictureframe { display: inline-block; float: none; width: auto; height: auto; padding: 0.3em; min-height: 90px; min-width: 120px; text-align: center; vertical-align: middle; } .picwall_container { width: auto; margin: 0 auto; padding: 0 6em; background-color: #000; } .picwall_pictureframe:hover span.info { display: block; position: absolute; top: 0; left: 0; width: 120px; padding: 0.3em; text-align: center; text-shadow: 1px 1px 2px #000000; font-size: 8pt; font-weight: bold; color: #fff; background-color: transparent; background-color: rgba(0,0,0,0.5); } .clearFix { display: block; clear: both; height: 0; margin: 0; min-height: 1px; min-width: 1px; } .paging { border-radius: 0.3em; } #footer { border-top: none; color: #555; } #cloudtag { border-radius: 0.3em; background-color: #ababab; } #cloudtag > span { padding: 0 0.3em; font-size: 0.9em; color: #fff; } #cloudtag a { text-decoration: none; font-weight: bold; color: black; } #cloudtag a:hover { text-decoration: none; font-weight: bold; color: #ffffc9; } .searchform, .tagfilter { display: inline-block; text-align: left; margin: 0; padding: 0.3em; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .searchform input:nth-child(1), .tagfilter input:nth-child(1) { order: 1; flex: 1 0 auto; align-self: stretch; } .searchform input:nth-child(2), .tagfilter input:nth-child(2) { order: 2; flex: 0 0 20%; align-self: stretch; } .searchform { width: 70%; } .tagfilter { width: 30%; margin-left: 0.3em; } .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { height: auto; margin: 0; padding: 0; } #pageheader #logo { height: 50px; } #pageheader { padding: 0 0 5px; } #linkcount { float: right; font-style: italic; color: #bbb; text-align: right; padding: 0.5em; } #headerform { max-width: 80%; margin: auto; white-space: nowrap; text-align: center; display: flex; } .linkList { padding: 0; } p { margin: 1em 0; } img { max-width: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1em; color: #111; } h4, h5, h6 { font-weight: bold; } h1 { font-size: 2.5em; } h2 { font-size: 2em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 0.9em; } blockquote { margin: 1.2em; padding-left: 0.3em; border-left: 0.5em #EEE solid; color: #666666; } hr { display: block; height: 2px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #eee; } pre, code, kbd, samp { font-family: monospace,monospace; font-size: 0.98em; color: #000; _font-family: 'courier new',monospace; } pre { padding: 0.3em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } pre { background-color: #f7f7f7; } b, strong { font-weight: bold; } dfn { font-style: italic; } ins { text-decoration: none; color: #000; background: #ff9; } mark { font-style: italic; font-weight: bold; color: #000; background: #ff0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 2em; } li p:last-child { margin: 0; } dd { margin: 0 0 0 2em; } img { border: 0; vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } del, ins { text-decoration: line-through; } em { font-style: italic; } @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) { /* A few fixes for mobile devices (far from perfect). */ .nomobile { display: none; } #logo { display: none; } #pageheader a { padding: 5px; border-radius: 5px 5px 5px 5px; margin: 3px; } #headerform { width: 100%; max-width: 100%; display : block; } .searchform,.tagfilter { display: block !important; margin: 0px !important; padding: 0px !important; width: 100% !important; height : 2em; } .searchform input,.tagfilter input { height : 2em; padding 0.1em; } .tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton { width: 30%; font-size: smaller; height : 2em; } #searchform_value { width: 70% !important; } #tagfilter_value { width: 70% !important; } div.qrcode { position: relative; float: left; top: -10px; left: 0px; } #paging_privatelinks { float;none; } #paging_linksperpage { float: none; margin-bottom: 10px; font-size: smaller; } #paging_older,#paging_newer,#paging_linksperpage a { border: 1px solid black; padding: 3px 5px 3px 5px; background-color: #666; color: #fff; border-radius: 5px 5px 5px 5px; } .thumbnail { float: none; height: auto; margin: 0px; text-align: center; } #cloudtag { padding: 0px; } div.dailyAbout { float: none; position: relative; width: 100%; clear: both; padding: 0px; top: 0px; left: 0px; } #daily_col1,#daily_col2,#daily_col3 { float: none; width: 100%; padding: 0px; } div.dailyTitle { font-size: 18pt; margin-top: 5px; padding: 0px; } div.dailyDate { font-size: 11pt; padding: 0px; display: block; } div.dailyEntryTitle { font-size: 16pt; font-weight: bold; } div.dailyEntryDescription { font-size: 10pt; } #linklist { margin: 0 auto; padding: 0.3em; max-width: 100%; } .linkcontainer { margin : 0; } } @media print { * { color: black !important; background: transparent !important; filter: none !important; -ms-filter: none !important; } body { max-width: 100%; font-size: 12pt; } a, a:visited { text-decoration: underline; } hr { height: 1px; border: 0; border-bottom: 1px solid black; } a[href]:after { content: " (" attr(href) ") "; } abbr[title]:after { content: " (" attr(title) ") "; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { padding-right: 1em; border: 1px solid #999; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @ page:left { margin: 15mm 20mm 15mm 10mm; } @ page:right { margin: 15mm 10mm 15mm 20mm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; }; }