[github/shaarli/Shaarli.git] / inc / shaarli.css

/* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */

body {
    font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    background-color: #ffffff;
    word-wrap: break-word;
}

input, textarea {
    background-color: #dedede;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
    background: -webkit-linear-gradient(#dedede, #ffffff);
    background: -moz-linear-gradient(#dedede, #ffffff);
    background: -ms-linear-gradient(#dedede, #ffffff);
    background: -o-linear-gradient(#dedede, #ffffff);
    background: linear-gradient(#dedede, #ffffff);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 5px;
    border-radius: 5px 5px 5px 5px;
    border: none;
    color: #000;
}

a {
    text-decoration: none;
}

h1 {
    font-size: 20pt;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 20px;
}

/* Buttons */
.bigbutton {
    background-color: #c0c0c0;
    background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
    background: -webkit-linear-gradient(#c0c0c0, #ffffff);
    background: -ms-linear-gradient(#c0c0c0, #ffffff);
    background: -o-linear-gradient(#c0c0c0, #ffffff);
    background: linear-gradient(#c0c0c0, #ffffff);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 24px;
    margin-left: 5px;
    padding: 0 5px;
    color: #606060;
    border-style: outset;
    border-width: 1px;
}

.smallbutton {
    background-color: #c0c0c0;
    background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
    background: -webkit-linear-gradient(#c0c0c0, #ffffff);
    background: -ms-linear-gradient(#c0c0c0, #ffffff);
    background: -o-linear-gradient(#c0c0c0, #ffffff);
    background: linear-gradient(#c0c0c0, #ffffff);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 20px;
    margin-left: 5px;
    padding: 0 5px;
    color: #606060;
    border-style: outset;
    border-width: 1px;
}

/* Small tab on the left of each link with edit/delete buttons. */
.button_edit, .button_delete {
    border-radius: 0;
    box-shadow: none;
    border-style: none;
    border-width: 0;
    padding: 0;
    background: none;
}

.linkeditbuttons {
    position: absolute;
    left: -1px;
    padding: 4px 2px 2px 2px;
    background-color: #f0f0f0;

    -webkit-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -o-border-radius: 0px 6px 6px 0px;
    -ms-border-radius: 0px 6px 6px 0px;
    border-radius: 0px 6px 6px 0px;

    -webkit-box-shadow: 0px 0px 3px 0px #333333;
    -moz-box-shadow: 0px 0px 3px 0px #333333;
    -o-box-shadow: 0px 0px 3px 0px #333333;
    -ms-box-shadow: 0px 0px 3px 0px #333333;
    box-shadow: 0px 0px 3px 0px #333333;
}

#pageheader #logo {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    float: left;
    margin: 0 10px 0 10px;
    width: 105px;
    height: 55px;
    cursor: pointer;
}

#pageheader #linkcount {
    float: right;
    font-style: italic;
    color: #bbb;
    text-align: right;
    padding-right: 5px;
}

#pageheader {
    background-color: #333333;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
    background: -webkit-linear-gradient(#333333, #111111);
    background: -moz-linear-gradient(#333333, #111111);
    background: -ms-linear-gradient(#333333, #111111);
    background: -o-linear-gradient(#333333, #111111);
    background: linear-gradient(#333333, #111111);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    width: auto;
    padding: 0 10px 5px 10px;
    margin: auto;
}

#pageheader a {
    background-color: #333333;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
    background: -webkit-linear-gradient(#333333, #000000);
    background: -moz-linear-gradient(#333333, #000000);
    background: -ms-linear-gradient(#333333, #000000);
    background: -o-linear-gradient(#333333, #000000);
    background: linear-gradient(#333333, #000000);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 3px 3px 3px;
    color: #A2DD42;
    float: left;
    text-decoration: none;
}

#pageheader .search {
    width: 100%;
    white-space: nowrap;
}

#toolsdiv a {
    clear: both;
}

#toolsdiv #bookmark {
    clear: none;
}

#toolsdiv a span {
    color: #ffffff;
}

.linksperpage, .tagfilter, .searchform, .addform {
    background-color: #dedede;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
    background: -webkit-linear-gradient(#dedede, #ffffff);
    background: -moz-linear-gradient(#dedede, #ffffff);
    background: -ms-linear-gradient(#dedede, #ffffff);
    background: -o-linear-gradient(#dedede, #ffffff);
    background: linear-gradient(#dedede, #ffffff);
    display: inline;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 5px;
    border: none;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 3px 3px 3px;
    color: #cecece;
}

.linksperpage {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    padding: 3px;
}

.linksperpage input, .tagfilter input, .searchform input, .addform input {
    border: none;
    color: #606060;
    background: none;
    box-shadow: none;
    padding: 5px;
}

.linksperpage input {
    padding: 0;
}

.searchform #searchform_value {
    width: 30%;
}

.tagfilter {
    margin-left:24px;
}

.tagfilter #tagfilter_value {
    width: 10%;
}

.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
    background-color: #dedede;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
    background: -webkit-linear-gradient(#dedede, #ffffff);
    background: -moz-linear-gradient(#dedede, #ffffff);
    background: -ms-linear-gradient(#dedede, #ffffff);
    background: -o-linear-gradient(#dedede, #ffffff);
    background: linear-gradient(#dedede, #ffffff);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 0 5px 0 5px;
    margin: 5px 0 5px 0;
    height: 20px;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}

#shaarli_title {
    font-weight: bold;
    font-style: italic;
    margin-top: 0;
}

#shaarli_title a {
    color: #fff !important;
}

#pageheader a:visited {
    color: #98C943;
    text-decoration: none;
}

#pageheader a:hover {
    color: #FFFFC9;
    text-decoration: none;
}

#pageheader a:active {
    color: #bbb;
    text-decoration: none;
}

#searchcriteria {
    padding: 4px 0px 5px 5px;
    font-weight: bold;
}

.paging {
    padding: 5px;
    background-color: #777;
    color: #ccc;
    text-align: center;
    clear: both;
}

.paging a:link {
    color: #ccc;
    text-decoration: none;
}

.paging a:visited {
    color: #ccc;
}

.paging a:hover {
    color: #FFFFC9;
}

.paging a:active {
    color: #fff;
}

.paging_privatelinks {
    float: left;
}

.paging_linksperpage {
    float: right;
    padding-right: 5px;
}

.paging_linksperpage form.linksperpage {
    display: inline;
}

.paging_linksperpage form.linksperpage input {
    height: 15px;
}

.paging_current {
    display: inline;
    color: #fff;
    padding: 0 20 0 20;
}

.paging_older {
    margin-right: 15px;
}

.paging_newer {
    margin-left: 15px;
}

#headerform {
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    clear: both;
}

#headerform input.linkurl {
    width: 50%;
}

#toolsdiv {
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    clear: left;
}

#uploaddiv {
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    clear: left;
}

#editlinkform {
    height: 100%;
    color: #ffffff;
    padding: 5px 5px 5px 15px;
    width: 80%;
    clear: left;
}

#editlinkform textarea, #editlinkform .lf_input {
    width: 100%;
}

#linklist li {
    padding: 4px 10px 15px 20px;
    border-top: 1px solid #bbb;
    clear: both;
    background-color: #F2F2F2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
    background: -webkit-linear-gradient(#F2F2F2, #ffffff);
    background: -moz-linear-gradient(#F2F2F2, #ffffff);
    background: -ms-linear-gradient(#F2F2F2, #ffffff);
    background: -o-linear-gradient(#F2F2F2, #ffffff);
    background: linear-gradient(#F2F2F2, #ffffff);
}

/*
#linklist li.publicLinkHightLight:hover, #linklist li:hover {
    background: #E9FFCE;
}
*/

.linkdate, .linkarchive {
    font-size:8pt;
    color:#888;
}

.linkdate a, .linkarchive a {
    color:#E28E3F;
}

.linkqrcode {
    display: inline;
    position: relative;
}

a.qrcode img {
    width: 13px;
    height: 13px;
}

#linklist li.private {
    background: url('../images/private.png') no-repeat 10px center;
    padding-left: 60px;
}

#linklist li {
    padding-left: 26px;
}

.private .linktitle a {
    color: #969696;
}

.linktitle {
    font-size: 14pt;
    font-weight: bold;
}

.linktitle a {
    text-decoration: none;
    color: #80AD48;
}

.linktitle a:hover {
    color: #F57900;
}

.linkdate, .linkarchive {
    font-size: 8pt;
    color: #888;
}

.linkdate a, .linkarchive a {
    background-image: url('../images/calendar.png');
    padding: 2px 0 3px 20px;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #E28E3F;
}

.linkdate a:hover {
    color: #F57900 }

.linkurl {
    font-size: 8pt;
    color: #4BAA74;
}

.linkdescription {
    color: #000;
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: normal;
    max-height: 400px;
    overflow: auto;
}

.linkdescription a {
    text-decoration: none;
    color: #3465A4;
}

.linkdescription a:hover {
    color: #F57900;
}

.linktaglist {
    padding-top: 10px;
    line-height: 200%;
}

.linktag {
    font-size: 9pt;
    background-color: #F2F2F2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
    background: -webkit-linear-gradient(#F2F2F2, #ffffff);
    background: -moz-linear-gradient(#F2F2F2, #ffffff);
    background: -ms-linear-gradient(#F2F2F2, #ffffff);
    background: -o-linear-gradient(#F2F2F2, #ffffff);
    background: linear-gradient(#F2F2F2, #ffffff);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    padding: 3px 3px 3px 20px;
    height: 20px;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    background-image: url('../images/tag_blue.png');
    background-repeat: no-repeat;
    background-position: 3px center;
    background-color: #ffffff;
}

.linktag:hover {
    border-color: #555573;
    color: #000;
}

.linktag a {
    color: #777;
    text-decoration: none;
}

.linktag .remove {
    border-left: 1px solid #aaa;
    padding-left: 5px;
    color:#6767A7;
}

.linkshort {
    font-size: 8pt;
    color: #888;
}

.linkshort a {
    text-decoration: none;
    color: #393964;
}

.linkshort a:hover {
    text-decoration: underline;
}

.buttoneditform {
    display: inline;
}

#footer {
    font-size: 8pt;
    text-align: center;
    border-top: 1px solid #ddd;
    color: #888;
    clear: both;
}

#footer a {
    color: #486D08;
}

#footer a:hover {
    color: #000000;
}

#newversion {
    background-color: #FFFFA0;
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2 7 2 7;
    font-size: 9pt;
}

#newversion #version_id {
    text-decoration: blink;
}

#cloudtag {
    padding-left: 10%;
    padding-right: 10%;
}

#cloudtag .count {
    color: #99f;
    font-size: 9pt;
    padding-left: 5px;
    padding-right: 2px;
}

#cloudtag a {
    color: black;
    text-decoration: none;
}

#install {
    margin: 0 20px;
}

#installform {
    border: 1px solid black;
    padding: 10px;
}

#installform table {
    border: none;
}

#installform td {
    font-size: 10pt;
    color: black;
    padding: 10px 5px 10px 5px;
    clear: left;
}

#installform input.bigbutton {
    float: right;
}

#changepasswordform {
    color: #ccc;
    padding: 10px 5px 10px 5px;
    clear: left;
}

#changetag {
    color: #ccc;
    padding: 10px 5px 10px 5px;
    clear: left;
}

#changetag #totag {
    margin-left: 40px;
}

#configform td {
    color: #ccc;
    font-size: 10pt;
    padding: 10px 5px 10px 5px;
}

#configform {
    color: #ccc;
    padding: 10px 5px 10px 5px;
    clear: left;
}

.thumbnail {
    float: right;
    margin-left: 10px;
}

/* If you want thumbnails on the left:
.thumbnail {
    float: left;
    margin-right: 10px;
}
.linkcontainer {
    position: static;
    margin-left: 130px;
}
*/

/* --- Picture wall CSS --- */
#picwall_container {
    color: #fff;
    background-color: #000;
    clear: both;
}

.picwall_pictureframe {
    background-color: #000;
    z-index: 5;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    height: 90px;
    overflow: hidden;
    text-align: center;
    float: left;
}

.picwall_pictureframe img {
    max-width: 100%;
    height: auto;
} /* Adapt the width of the image */

.picwall_pictureframe a {
    text-decoration: none;
}

/* CSS to show title when hovering an image - no javascript required. */
.picwall_pictureframe span.info {
    display: none;
}

.picwall_pictureframe:hover span.info {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    font-weight: bold;
    font-size: 8pt;
    color: #fff;
    text-align: left;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.4);
    /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
    /* IE6\96IE9 */
    text-shadow: 2px 2px 1px #000000;
}

/* Minimal customisation for jQuery widgets */
.ui-autocomplete {
    background-color: #fff;
    padding-left: 5px;
}

.ui-state-hover {
    background-color: #604dff;
    color: #fff;
}

#linklist li.publicLinkHightLight {
    background: #ffffff;
}

div#permalinkQrcode {
    padding: 20px;
    width: 220px;
    height: 220px;
    background-color: #ffffff;
    border: 1px solid black;
    position: absolute;
    top: -100px;
    left: -100px;
    text-align: center;
    font-size: 8pt;
    z-index: 50;
    -webkit-box-shadow: 2px 2px 20px 2px #333333;
    -moz-box-shadow: 2px 2px 20px 2px #333333;
    -o-box-shadow: 2px 2px 20px 2px #333333;
    -ms-box-shadow: 2px 2px 20px 2px #333333;
    box-shadow: 2px 2px 20px 2px #333333;
}

div.daily {
    font-family: Georgia, 'DejaVu Serif', Norasi, serif;
    background-color: #E6D6BE;
    /* Background paper texture by BashCorpo:
       http://www.bashcorpo.dk/textures.php
       http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998  */
    background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    border-bottom: 2px solid black;
}

#daily_col1 {
    float: left;
    position: relative;
    width: 33%;
    padding-left: 1%;
}

#daily_col2 {
    float: left;
    position: relative;
    width: 33%;
}

#daily_col3 {
    float: left;
    position: relative;
    width: 33%;
}

div.dailyAbout {
    float: left;
    border: 1px solid black;
    font-size: 8pt;
    position: absolute;
    left: 10px;
    top: 15px;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

div.dailyAbout a {
    color: #890500;
}

div.dailyAbout img {
    position: relative;
    top: 3px;
    margin-right: 4px;
    width: 14px;
    height: 14px;
}

div.dailyTitle {
    font-weight: bold;
    font-size: 44pt;
    text-align: center;
    padding: 10px 20px 0px 20px;
}

div.dailyDate {
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    padding: 0px 20px 30px 20px;
}

/* Individual entries in "Daily": */
div.dailyEntry {
    margin: 5px 10px 2px 5px;
    font-size: 11pt;
    border-top: 1px solid #555;
}

div.dailyEntry a {
    text-decoration: none;
    color: #890500;
}

div.dailyEntryTags {
    font-size: 7.75pt;
}

div.dailyEntryTitle {
    font-size: 18pt;
    font-weight: bold;
}

div.dailyEntryLinkdate {
    font-size: 8pt;
}

div.dailyEntryThumbnail {
    width: 100%;
    text-align: center;
    background-color: rgb(128, 128, 128);
    background: url(../images/50pc_transparent.png);
    padding: 4px 0px 2px 0px;
}

div.dailyEntryDescription {
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: justify;
    overflow: auto;
}

div.dailyNoEntry {
    text-align: center;
    padding: 40px 0px 90px 0px;
}

.daily #closing {
    clear: both;
    text-align: center;
    padding-bottom: 20px;
}

/* Common CSS screwdriver */
.clear {
    clear: both;
}

.right {
    text-align: right;
}

/* For lazy images loading in picture wall.
   Using http://www.appelsiini.net/projects/lazyload
*/
.lazyimage {
    display: none;
}

#configuration_table td {
    border: none;
    padding: 10px;
    vertical-align: top;
}

@media print {
    html {
	border: none;
	background: #fff !important;
	color: #000 !important;
    }

    body {
	font-size: 12pt;
	width: auto !important;
	margin: auto !important;
    }

    /* Minimum numer of lines to display when splitting a paragraph
       over two pages */
    p {
	orphans: 3;
	widows: 3;
    }

    a {
	color: #000 !important;
	text-decoration: none !important;
    }

    #pageheader, .paging, #linklist li form, #footer {
	display: none;
    }

    #linklist li {
	padding: 2 0 10 0;
	border-top: 2px solid #000;
	clear: both;
    }

    #linklist li.private {
	background-color: none;
	border-left: 0;
    }

    .linkdate {
	line-height: 2;
    }

    .linkurl {
	color: #000;
    }

    .linkdescription {
	font-size: 10pt;
    }

    .linktag {
	border: 1px solid black;
	font-style: italic;
	font-size: 8pt;
    }
}

@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;
    }

    .searchform, .tagfilter {
	display: block !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 100% !important;
    }

    .searchform input, .tagfilter input {
	margin: 0px !important;
	padding: 0px !important;
	display: inline !important;
    }

    .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
	width: 30%;
	font-size: smaller;
    }

    #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;
    }
}

#toolsdiv a.button-description {
	clear: none;
}

/* Highlight search results */
.highlight {
    background-color: #FFFF33;
}

.center {
    text-align: center;
}
Commit	Line	Data
	1	/* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */
	2
	3	body {
	4	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	5	font-size: 10pt;
	6	background-color: #ffffff;
	7	word-wrap: break-word;
	8	}
	9
	10	input, textarea {
	11	background-color: #dedede;
	12	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
	13	background: -webkit-linear-gradient(#dedede, #ffffff);
	14	background: -moz-linear-gradient(#dedede, #ffffff);
	15	background: -ms-linear-gradient(#dedede, #ffffff);
	16	background: -o-linear-gradient(#dedede, #ffffff);
	17	background: linear-gradient(#dedede, #ffffff);
	18	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	19	padding: 5px;
	20	border-radius: 5px 5px 5px 5px;
	21	border: none;
	22	color: #000;
	23	}
	24
	25	a {
	26	text-decoration: none;
	27	}
	28
	29	h1 {
	30	font-size: 20pt;
	31	font-weight: bold;
	32	font-style: italic;
	33	margin-bottom: 20px;
	34	}
	35
	36	/* Buttons */
	37	.bigbutton {
	38	background-color: #c0c0c0;
	39	background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
	40	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
	41	background: -webkit-linear-gradient(#c0c0c0, #ffffff);
	42	background: -ms-linear-gradient(#c0c0c0, #ffffff);
	43	background: -o-linear-gradient(#c0c0c0, #ffffff);
	44	background: linear-gradient(#c0c0c0, #ffffff);
	45	border-radius: 3px 3px 3px 3px;
	46	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	47	cursor: pointer;
	48	height: 24px;
	49	margin-left: 5px;
	50	padding: 0 5px;
	51	color: #606060;
	52	border-style: outset;
	53	border-width: 1px;
	54	}
	55
	56	.smallbutton {
	57	background-color: #c0c0c0;
	58	background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
	59	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
	60	background: -webkit-linear-gradient(#c0c0c0, #ffffff);
	61	background: -ms-linear-gradient(#c0c0c0, #ffffff);
	62	background: -o-linear-gradient(#c0c0c0, #ffffff);
	63	background: linear-gradient(#c0c0c0, #ffffff);
	64	border-radius: 3px 3px 3px 3px;
	65	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	66	cursor: pointer;
	67	height: 20px;
	68	margin-left: 5px;
	69	padding: 0 5px;
	70	color: #606060;
	71	border-style: outset;
	72	border-width: 1px;
	73	}
	74
	75	/* Small tab on the left of each link with edit/delete buttons. */
	76	.button_edit, .button_delete {
	77	border-radius: 0;
	78	box-shadow: none;
	79	border-style: none;
	80	border-width: 0;
	81	padding: 0;
	82	background: none;
	83	}
	84
	85	.linkeditbuttons {
	86	position: absolute;
	87	left: -1px;
	88	padding: 4px 2px 2px 2px;
	89	background-color: #f0f0f0;
	90
	91	-webkit-border-radius: 0px 6px 6px 0px;
	92	-moz-border-radius: 0px 6px 6px 0px;
	93	-o-border-radius: 0px 6px 6px 0px;
	94	-ms-border-radius: 0px 6px 6px 0px;
	95	border-radius: 0px 6px 6px 0px;
	96
	97	-webkit-box-shadow: 0px 0px 3px 0px #333333;
	98	-moz-box-shadow: 0px 0px 3px 0px #333333;
	99	-o-box-shadow: 0px 0px 3px 0px #333333;
	100	-ms-box-shadow: 0px 0px 3px 0px #333333;
	101	box-shadow: 0px 0px 3px 0px #333333;
	102	}
	103
	104	#pageheader #logo {
	105	background-image: url('../images/logo.png');
	106	background-repeat: no-repeat;
	107	float: left;
	108	margin: 0 10px 0 10px;
	109	width: 105px;
	110	height: 55px;
	111	cursor: pointer;
	112	}
	113
	114	#pageheader #linkcount {
	115	float: right;
	116	font-style: italic;
	117	color: #bbb;
	118	text-align: right;
	119	padding-right: 5px;
	120	}
	121
	122	#pageheader {
	123	background-color: #333333;
	124	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
	125	background: -webkit-linear-gradient(#333333, #111111);
	126	background: -moz-linear-gradient(#333333, #111111);
	127	background: -ms-linear-gradient(#333333, #111111);
	128	background: -o-linear-gradient(#333333, #111111);
	129	background: linear-gradient(#333333, #111111);
	130	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	131	width: auto;
	132	padding: 0 10px 5px 10px;
	133	margin: auto;
	134	}
	135
	136	#pageheader a {
	137	background-color: #333333;
	138	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
	139	background: -webkit-linear-gradient(#333333, #000000);
	140	background: -moz-linear-gradient(#333333, #000000);
	141	background: -ms-linear-gradient(#333333, #000000);
	142	background: -o-linear-gradient(#333333, #000000);
	143	background: linear-gradient(#333333, #000000);
	144	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	145	padding: 5px;
	146	border-radius: 5px 5px 5px 5px;
	147	margin: 10px 3px 3px 3px;
	148	color: #A2DD42;
	149	float: left;
	150	text-decoration: none;
	151	}
	152
	153	#pageheader .search {
	154	width: 100%;
	155	white-space: nowrap;
	156	}
	157
	158	#toolsdiv a {
	159	clear: both;
	160	}
	161
	162	#toolsdiv #bookmark {
	163	clear: none;
	164	}
	165
	166	#toolsdiv a span {
	167	color: #ffffff;
	168	}
	169
	170	.linksperpage, .tagfilter, .searchform, .addform {
	171	background-color: #dedede;
	172	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
	173	background: -webkit-linear-gradient(#dedede, #ffffff);
	174	background: -moz-linear-gradient(#dedede, #ffffff);
	175	background: -ms-linear-gradient(#dedede, #ffffff);
	176	background: -o-linear-gradient(#dedede, #ffffff);
	177	background: linear-gradient(#dedede, #ffffff);
	178	display: inline;
	179	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	180	padding: 5px;
	181	border: none;
	182	border-radius: 5px 5px 5px 5px;
	183	margin: 10px 3px 3px 3px;
	184	color: #cecece;
	185	}
	186
	187	.linksperpage {
	188	box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	189	padding: 3px;
	190	}
	191
	192	.linksperpage input, .tagfilter input, .searchform input, .addform input {
	193	border: none;
	194	color: #606060;
	195	background: none;
	196	box-shadow: none;
	197	padding: 5px;
	198	}
	199
	200	.linksperpage input {
	201	padding: 0;
	202	}
	203
	204	.searchform #searchform_value {
	205	width: 30%;
	206	}
	207
	208	.tagfilter {
	209	margin-left:24px;
	210	}
	211
	212	.tagfilter #tagfilter_value {
	213	width: 10%;
	214	}
	215
	216	.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
	217	background-color: #dedede;
	218	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
	219	background: -webkit-linear-gradient(#dedede, #ffffff);
	220	background: -moz-linear-gradient(#dedede, #ffffff);
	221	background: -ms-linear-gradient(#dedede, #ffffff);
	222	background: -o-linear-gradient(#dedede, #ffffff);
	223	background: linear-gradient(#dedede, #ffffff);
	224	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	225	padding: 0 5px 0 5px;
	226	margin: 5px 0 5px 0;
	227	height: 20px;
	228	border-radius: 5px 5px 5px 5px;
	229	cursor: pointer;
	230	}
	231
	232	#shaarli_title {
	233	font-weight: bold;
	234	font-style: italic;
	235	margin-top: 0;
	236	}
	237
	238	#shaarli_title a {
	239	color: #fff !important;
	240	}
	241
	242	#pageheader a:visited {
	243	color: #98C943;
	244	text-decoration: none;
	245	}
	246
	247	#pageheader a:hover {
	248	color: #FFFFC9;
	249	text-decoration: none;
	250	}
	251
	252	#pageheader a:active {
	253	color: #bbb;
	254	text-decoration: none;
	255	}
	256
	257	#searchcriteria {
	258	padding: 4px 0px 5px 5px;
	259	font-weight: bold;
	260	}
	261
	262	.paging {
	263	padding: 5px;
	264	background-color: #777;
	265	color: #ccc;
	266	text-align: center;
	267	clear: both;
	268	}
	269
	270	.paging a:link {
	271	color: #ccc;
	272	text-decoration: none;
	273	}
	274
	275	.paging a:visited {
	276	color: #ccc;
	277	}
	278
	279	.paging a:hover {
	280	color: #FFFFC9;
	281	}
	282
	283	.paging a:active {
	284	color: #fff;
	285	}
	286
	287	.paging_privatelinks {
	288	float: left;
	289	}
	290
	291	.paging_linksperpage {
	292	float: right;
	293	padding-right: 5px;
	294	}
	295
	296	.paging_linksperpage form.linksperpage {
	297	display: inline;
	298	}
	299
	300	.paging_linksperpage form.linksperpage input {
	301	height: 15px;
	302	}
	303
	304	.paging_current {
	305	display: inline;
	306	color: #fff;
	307	padding: 0 20 0 20;
	308	}
	309
	310	.paging_older {
	311	margin-right: 15px;
	312	}
	313
	314	.paging_newer {
	315	margin-left: 15px;
	316	}
	317
	318	#headerform {
	319	color: #ffffff;
	320	padding: 5px 5px 5px 5px;
	321	clear: both;
	322	}
	323
	324	#headerform input.linkurl {
	325	width: 50%;
	326	}
	327
	328	#toolsdiv {
	329	color: #ffffff;
	330	padding: 5px 5px 5px 5px;
	331	clear: left;
	332	}
	333
	334	#uploaddiv {
	335	color: #ffffff;
	336	padding: 5px 5px 5px 5px;
	337	clear: left;
	338	}
	339
	340	#editlinkform {
	341	height: 100%;
	342	color: #ffffff;
	343	padding: 5px 5px 5px 15px;
	344	width: 80%;
	345	clear: left;
	346	}
	347
	348	#editlinkform textarea, #editlinkform .lf_input {
	349	width: 100%;
	350	}
	351
	352	#linklist li {
	353	padding: 4px 10px 15px 20px;
	354	border-top: 1px solid #bbb;
	355	clear: both;
	356	background-color: #F2F2F2;
	357	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
	358	background: -webkit-linear-gradient(#F2F2F2, #ffffff);
	359	background: -moz-linear-gradient(#F2F2F2, #ffffff);
	360	background: -ms-linear-gradient(#F2F2F2, #ffffff);
	361	background: -o-linear-gradient(#F2F2F2, #ffffff);
	362	background: linear-gradient(#F2F2F2, #ffffff);
	363	}
	364
	365	/*
	366	#linklist li.publicLinkHightLight:hover, #linklist li:hover {
	367	background: #E9FFCE;
	368	}
	369	*/
	370
	371	.linkdate, .linkarchive {
	372	font-size:8pt;
	373	color:#888;
	374	}
	375
	376	.linkdate a, .linkarchive a {
	377	color:#E28E3F;
	378	}
	379
	380	.linkqrcode {
	381	display: inline;
	382	position: relative;
	383	}
	384
	385	a.qrcode img {
	386	width: 13px;
	387	height: 13px;
	388	}
	389
	390	#linklist li.private {
	391	background: url('../images/private.png') no-repeat 10px center;
	392	padding-left: 60px;
	393	}
	394
	395	#linklist li {
	396	padding-left: 26px;
	397	}
	398
	399	.private .linktitle a {
	400	color: #969696;
	401	}
	402
	403	.linktitle {
	404	font-size: 14pt;
	405	font-weight: bold;
	406	}
	407
	408	.linktitle a {
	409	text-decoration: none;
	410	color: #80AD48;
	411	}
	412
	413	.linktitle a:hover {
	414	color: #F57900;
	415	}
	416
	417	.linkdate, .linkarchive {
	418	font-size: 8pt;
	419	color: #888;
	420	}
	421
	422	.linkdate a, .linkarchive a {
	423	background-image: url('../images/calendar.png');
	424	padding: 2px 0 3px 20px;
	425	background-repeat: no-repeat;
	426	text-decoration: none;
	427	color: #E28E3F;
	428	}
	429
	430	.linkdate a:hover {
	431	color: #F57900 }
	432
	433	.linkurl {
	434	font-size: 8pt;
	435	color: #4BAA74;
	436	}
	437
	438	.linkdescription {
	439	color: #000;
	440	margin-top: 0;
	441	margin-bottom: 12px;
	442	font-weight: normal;
	443	max-height: 400px;
	444	overflow: auto;
	445	}
	446
	447	.linkdescription a {
	448	text-decoration: none;
	449	color: #3465A4;
	450	}
	451
	452	.linkdescription a:hover {
	453	color: #F57900;
	454	}
	455
	456	.linktaglist {
	457	padding-top: 10px;
	458	line-height: 200%;
	459	}
	460
	461	.linktag {
	462	font-size: 9pt;
	463	background-color: #F2F2F2;
	464	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
	465	background: -webkit-linear-gradient(#F2F2F2, #ffffff);
	466	background: -moz-linear-gradient(#F2F2F2, #ffffff);
	467	background: -ms-linear-gradient(#F2F2F2, #ffffff);
	468	background: -o-linear-gradient(#F2F2F2, #ffffff);
	469	background: linear-gradient(#F2F2F2, #ffffff);
	470	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	471	padding: 3px 3px 3px 20px;
	472	height: 20px;
	473	border-radius: 3px 3px 3px 3px;
	474	cursor: pointer;
	475	background-image: url('../images/tag_blue.png');
	476	background-repeat: no-repeat;
	477	background-position: 3px center;
	478	background-color: #ffffff;
	479	}
	480
	481	.linktag:hover {
	482	border-color: #555573;
	483	color: #000;
	484	}
	485
	486	.linktag a {
	487	color: #777;
	488	text-decoration: none;
	489	}
	490
	491	.linktag .remove {
	492	border-left: 1px solid #aaa;
	493	padding-left: 5px;
	494	color:#6767A7;
	495	}
	496
	497	.linkshort {
	498	font-size: 8pt;
	499	color: #888;
	500	}
	501
	502	.linkshort a {
	503	text-decoration: none;
	504	color: #393964;
	505	}
	506
	507	.linkshort a:hover {
	508	text-decoration: underline;
	509	}
	510
	511	.buttoneditform {
	512	display: inline;
	513	}
	514
	515	#footer {
	516	font-size: 8pt;
	517	text-align: center;
	518	border-top: 1px solid #ddd;
	519	color: #888;
	520	clear: both;
	521	}
	522
	523	#footer a {
	524	color: #486D08;
	525	}
	526
	527	#footer a:hover {
	528	color: #000000;
	529	}
	530
	531	#newversion {
	532	background-color: #FFFFA0;
	533	color: #000;
	534	position: absolute;
	535	top: 0;
	536	right: 0;
	537	padding: 2 7 2 7;
	538	font-size: 9pt;
	539	}
	540
	541	#newversion #version_id {
	542	text-decoration: blink;
	543	}
	544
	545	#cloudtag {
	546	padding-left: 10%;
	547	padding-right: 10%;
	548	}
	549
	550	#cloudtag .count {
	551	color: #99f;
	552	font-size: 9pt;
	553	padding-left: 5px;
	554	padding-right: 2px;
	555	}
	556
	557	#cloudtag a {
	558	color: black;
	559	text-decoration: none;
	560	}
	561
	562	#install {
	563	margin: 0 20px;
	564	}
	565
	566	#installform {
	567	border: 1px solid black;
	568	padding: 10px;
	569	}
	570
	571	#installform table {
	572	border: none;
	573	}
	574
	575	#installform td {
	576	font-size: 10pt;
	577	color: black;
	578	padding: 10px 5px 10px 5px;
	579	clear: left;
	580	}
	581
	582	#installform input.bigbutton {
	583	float: right;
	584	}
	585
	586	#changepasswordform {
	587	color: #ccc;
	588	padding: 10px 5px 10px 5px;
	589	clear: left;
	590	}
	591
	592	#changetag {
	593	color: #ccc;
	594	padding: 10px 5px 10px 5px;
	595	clear: left;
	596	}
	597
	598	#changetag #totag {
	599	margin-left: 40px;
	600	}
	601
	602	#configform td {
	603	color: #ccc;
	604	font-size: 10pt;
	605	padding: 10px 5px 10px 5px;
	606	}
	607
	608	#configform {
	609	color: #ccc;
	610	padding: 10px 5px 10px 5px;
	611	clear: left;
	612	}
	613
	614	.thumbnail {
	615	float: right;
	616	margin-left: 10px;
	617	}
	618
	619	/* If you want thumbnails on the left:
	620	.thumbnail {
	621	float: left;
	622	margin-right: 10px;
	623	}
	624	.linkcontainer {
	625	position: static;
	626	margin-left: 130px;
	627	}
	628	*/
	629
	630	/* --- Picture wall CSS --- */
	631	#picwall_container {
	632	color: #fff;
	633	background-color: #000;
	634	clear: both;
	635	}
	636
	637	.picwall_pictureframe {
	638	background-color: #000;
	639	z-index: 5;
	640	position: relative;
	641	display: table-cell;
	642	vertical-align: middle;
	643	width: 90px;
	644	height: 90px;
	645	overflow: hidden;
	646	text-align: center;
	647	float: left;
	648	}
	649
	650	.picwall_pictureframe img {
	651	max-width: 100%;
	652	height: auto;
	653	} /* Adapt the width of the image */
	654
	655	.picwall_pictureframe a {
	656	text-decoration: none;
	657	}
	658
	659	/* CSS to show title when hovering an image - no javascript required. */
	660	.picwall_pictureframe span.info {
	661	display: none;
	662	}
	663
	664	.picwall_pictureframe:hover span.info {
	665	display: block;
	666	position: absolute;
	667	top: 0;
	668	left: 0;
	669	width: 90px;
	670	font-weight: bold;
	671	font-size: 8pt;
	672	color: #fff;
	673	text-align: left;
	674	background-color: transparent;
	675	background-color: rgba(0, 0, 0, 0.4);
	676	/* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	677	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	678	/* IE6\96IE9 */
	679	text-shadow: 2px 2px 1px #000000;
	680	}
	681
	682	/* Minimal customisation for jQuery widgets */
	683	.ui-autocomplete {
	684	background-color: #fff;
	685	padding-left: 5px;
	686	}
	687
	688	.ui-state-hover {
	689	background-color: #604dff;
	690	color: #fff;
	691	}
	692
	693	#linklist li.publicLinkHightLight {
	694	background: #ffffff;
	695	}
	696
	697	div#permalinkQrcode {
	698	padding: 20px;
	699	width: 220px;
	700	height: 220px;
	701	background-color: #ffffff;
	702	border: 1px solid black;
	703	position: absolute;
	704	top: -100px;
	705	left: -100px;
	706	text-align: center;
	707	font-size: 8pt;
	708	z-index: 50;
	709	-webkit-box-shadow: 2px 2px 20px 2px #333333;
	710	-moz-box-shadow: 2px 2px 20px 2px #333333;
	711	-o-box-shadow: 2px 2px 20px 2px #333333;
	712	-ms-box-shadow: 2px 2px 20px 2px #333333;
	713	box-shadow: 2px 2px 20px 2px #333333;
	714	}
	715
	716	div.daily {
	717	font-family: Georgia, 'DejaVu Serif', Norasi, serif;
	718	background-color: #E6D6BE;
	719	/* Background paper texture by BashCorpo:
	720	http://www.bashcorpo.dk/textures.php
	721	http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
	722	background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
	723	-webkit-background-size: cover;
	724	-moz-background-size: cover;
	725	-o-background-size: cover;
	726	background-size: cover;
	727	position: relative;
	728	border-bottom: 2px solid black;
	729	}
	730
	731	#daily_col1 {
	732	float: left;
	733	position: relative;
	734	width: 33%;
	735	padding-left: 1%;
	736	}
	737
	738	#daily_col2 {
	739	float: left;
	740	position: relative;
	741	width: 33%;
	742	}
	743
	744	#daily_col3 {
	745	float: left;
	746	position: relative;
	747	width: 33%;
	748	}
	749
	750	div.dailyAbout {
	751	float: left;
	752	border: 1px solid black;
	753	font-size: 8pt;
	754	position: absolute;
	755	left: 10px;
	756	top: 15px;
	757	padding: 5px 5px 5px 5px;
	758	text-align: center;
	759	}
	760
	761	div.dailyAbout a {
	762	color: #890500;
	763	}
	764
	765	div.dailyAbout img {
	766	position: relative;
	767	top: 3px;
	768	margin-right: 4px;
	769	width: 14px;
	770	height: 14px;
	771	}
	772
	773	div.dailyTitle {
	774	font-weight: bold;
	775	font-size: 44pt;
	776	text-align: center;
	777	padding: 10px 20px 0px 20px;
	778	}
	779
	780	div.dailyDate {
	781	font-size: 12pt;
	782	font-weight: bold;
	783	text-align: center;
	784	padding: 0px 20px 30px 20px;
	785	}
	786
	787	/* Individual entries in "Daily": */
	788	div.dailyEntry {
	789	margin: 5px 10px 2px 5px;
	790	font-size: 11pt;
	791	border-top: 1px solid #555;
	792	}
	793
	794	div.dailyEntry a {
	795	text-decoration: none;
	796	color: #890500;
	797	}
	798
	799	div.dailyEntryTags {
	800	font-size: 7.75pt;
	801	}
	802
	803	div.dailyEntryTitle {
	804	font-size: 18pt;
	805	font-weight: bold;
	806	}
	807
	808	div.dailyEntryLinkdate {
	809	font-size: 8pt;
	810	}
	811
	812	div.dailyEntryThumbnail {
	813	width: 100%;
	814	text-align: center;
	815	background-color: rgb(128, 128, 128);
	816	background: url(../images/50pc_transparent.png);
	817	padding: 4px 0px 2px 0px;
	818	}
	819
	820	div.dailyEntryDescription {
	821	margin-top: 10px;
	822	margin-bottom: 30px;
	823	text-align: justify;
	824	overflow: auto;
	825	}
	826
	827	div.dailyNoEntry {
	828	text-align: center;
	829	padding: 40px 0px 90px 0px;
	830	}
	831
	832	.daily #closing {
	833	clear: both;
	834	text-align: center;
	835	padding-bottom: 20px;
	836	}
	837
	838	/* Common CSS screwdriver */
	839	.clear {
	840	clear: both;
	841	}
	842
	843	.right {
	844	text-align: right;
	845	}
	846
	847	/* For lazy images loading in picture wall.
	848	Using http://www.appelsiini.net/projects/lazyload
	849	*/
	850	.lazyimage {
	851	display: none;
	852	}
	853
	854	#configuration_table td {
	855	border: none;
	856	padding: 10px;
	857	vertical-align: top;
	858	}
	859
	860	@media print {
	861	html {
	862	border: none;
	863	background: #fff !important;
	864	color: #000 !important;
	865	}
	866
	867	body {
	868	font-size: 12pt;
	869	width: auto !important;
	870	margin: auto !important;
	871	}
	872
	873	/* Minimum numer of lines to display when splitting a paragraph
	874	over two pages */
	875	p {
	876	orphans: 3;
	877	widows: 3;
	878	}
	879
	880	a {
	881	color: #000 !important;
	882	text-decoration: none !important;
	883	}
	884
	885	#pageheader, .paging, #linklist li form, #footer {
	886	display: none;
	887	}
	888
	889	#linklist li {
	890	padding: 2 0 10 0;
	891	border-top: 2px solid #000;
	892	clear: both;
	893	}
	894
	895	#linklist li.private {
	896	background-color: none;
	897	border-left: 0;
	898	}
	899
	900	.linkdate {
	901	line-height: 2;
	902	}
	903
	904	.linkurl {
	905	color: #000;
	906	}
	907
	908	.linkdescription {
	909	font-size: 10pt;
	910	}
	911
	912	.linktag {
	913	border: 1px solid black;
	914	font-style: italic;
	915	font-size: 8pt;
	916	}
	917	}
	918
	919	@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) {
	920	/* A few fixes for mobile devices (far from perfect). */
	921	.nomobile {
	922	display: none;
	923	}
	924
	925	#logo {
	926	display: none;
	927	}
	928
	929	#pageheader a {
	930	padding: 5px;
	931	border-radius: 5px 5px 5px 5px;
	932	margin: 3px;
	933	}
	934
	935	.searchform, .tagfilter {
	936	display: block !important;
	937	margin: 0px !important;
	938	padding: 0px !important;
	939	width: 100% !important;
	940	}
	941
	942	.searchform input, .tagfilter input {
	943	margin: 0px !important;
	944	padding: 0px !important;
	945	display: inline !important;
	946	}
	947
	948	.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
	949	width: 30%;
	950	font-size: smaller;
	951	}
	952
	953	#searchform_value {
	954	width: 70% !important;
	955	}
	956
	957	#tagfilter_value {
	958	width: 70% !important;
	959	}
	960
	961	div.qrcode {
	962	position: relative;
	963	float: left;
	964	top: -10px;
	965	left: 0px;
	966	}
	967
	968	.paging_privatelinks {
	969	float: none;
	970	}
	971
	972	.paging_linksperpage {
	973	float: none;
	974	margin-bottom: 10px;
	975	font-size: smaller;
	976	}
	977
	978	#paging_older, #paging_newer, .paging_linksperpage a {
	979	border: 1px solid black;
	980	padding: 3px 5px 3px 5px;
	981	background-color: #666;
	982	color: #fff;
	983	border-radius: 5px 5px 5px 5px;
	984	}
	985
	986	.thumbnail {
	987	float: none;
	988	height: auto;
	989	margin: 0px;
	990	text-align: center;
	991	}
	992
	993	#cloudtag {
	994	padding: 0px;
	995	}
	996
	997	div.dailyAbout {
	998	float: none;
	999	position: relative;
	1000	width: 100%;
	1001	clear: both;
	1002	padding: 0px;
	1003	top: 0px;
	1004	left: 0px;
	1005	}
	1006
	1007	#daily_col1, #daily_col2, #daily_col3 {
	1008	float: none;
	1009	width: 100%;
	1010	padding: 0px;
	1011	}
	1012
	1013	div.dailyTitle {
	1014	font-size: 18pt;
	1015	margin-top: 5px;
	1016	padding: 0px;
	1017	}
	1018
	1019	div.dailyDate {
	1020	font-size: 11pt;
	1021	padding: 0px;
	1022	display: block;
	1023	}
	1024
	1025	div.dailyEntryTitle {
	1026	font-size: 16pt;
	1027	font-weight: bold;
	1028	}
	1029
	1030	div.dailyEntryDescription {
	1031	font-size: 10pt;
	1032	}
	1033	}
	1034
	1035	#toolsdiv a.button-description {
	1036	clear: none;
	1037	}
	1038
	1039	/* Highlight search results */
	1040	.highlight {
	1041	background-color: #FFFF33;
	1042	}
	1043
	1044	.center {
	1045	text-align: center;
	1046	}