html { 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;; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #434343 0%,#cdcdcd 100%) no-repeat scroll 0 0 transparent;; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #434343 0%,#cdcdcd 100%) no-repeat scroll 0 0 transparent;; /* IE10+ */ background: linear-gradient(to bottom, #434343 0%,#cdcdcd 100%) no-repeat scroll 0 0 transparent;; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(center top , #434343, #cdcdcd) no-repeat scroll 0 0 transparent; } body { background-color: inherit; } a { -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; color: #E28E3F; } 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 { max-width: 80%; margin: 0 auto; padding: 0.3em; } #linklist li, #linklist li.private { padding: 0.3em; margin: 1em 0; border: 1px solid #cdcdcd; border-radius: 0.3em; background: #fff; } #linklist li.publicLinkHightLight { background: #fff; } .linktitle, .linkeditbuttons { font-size: 1.6em; font-weight: bold; } .linkeditbuttons { background-color: inherit; border-radius: 0; box-shadow: none; float: right; margin-right: 0.3em; padding: 0; position: relative; } .picwall_pictureframe img { border-radius:0.1em; background-color:#fff; } .picwall_pictureframe { display: inline-block; float: none; height: auto; min-height: 90px; min-width: 120px; padding: 0.3em; text-align: center; vertical-align: middle; width: auto; } .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; font-weight: bold; padding: 0.3em; font-size: 8pt; color: #fff; text-align: center; background-color: transparent; background-color: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 2px #000000; } .clearFix { clear:both; display: block; min-width: 1px; min-height: 1px; margin:0; height:0; } .paging { border-radius:0.3em; } #footer { border-top: none; color: #555; } #cloudtag { background-color: #ababab; border-radius:0.3em; } #cloudtag > span { padding: 0 0.3em; color:#fff; font-size:0.9em; } #cloudtag a { font-weight:bold; color:black; text-decoration:none } #cloudtag a:hover { font-weight:bold; color:#ffffc9; text-decoration:none } @media handheld, only screen and (max-width: 560px), only screen and (max-device-width: 854px) { #linklist { max-width: 100%; margin: 0 auto; padding: 0.3em; } }