/* CSS Stylsheet for Shaarli - http://sebsauvage.net/wiki/doku.php?id=php:shaarli */

/* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.com/yui/license.html
version:2.8.2r1
*/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* end reset */

body {
	font-family: arial,verdana,helvetica,sans-serif;
        font-size: 12px;
        line-height: 1.5em;
        color: #484848;
        background: transparent url(http://www.haute-normandie.developpement-durable.gouv.fr/plugins/internet_vert/_images/bg_body.gif) left top repeat-x;
        margin: 0px;
padding:19px 0 100px 0;
	}

#page {
        background: white;
        width: 75%;
        padding: 0;
        margin: 0 auto;
        box-shadow: 0 5px 15px #959088;
}

input, textarea {
	background-color:#ddd;
	padding:5px;
	border-radius:3px;
	border:none;
	color:#000;
	}

h1 {
	font-size:200%;
	font-weight:bold
	}

/* Buttons */
.bigbutton, .smallbutton {
    background-color:#ddd;
    border-radius:3px;
    padding:0 5px;
    color:#666;font-weight:bold;
    border-style:outset;
    border-width:1px;
    }

/* Edit/Delete buttons on links */
.button_edit, .button_delete {
	border-radius:0;
	box-shadow:none;
	border-style:none;
	border-width:0;
	padding:0;
	background:none;
	}
.button_edit {margin-left:10px}

#pageheader {
	background-color:#ddd;
	background-image:-webkit-linear-gradient(#fff, #79B41A);
	background-image:-moz-linear-gradient(#fff, #79B41A);
	background-image:-ms-linear-gradient(#fff, #79B41A);
	background-image:-o-linear-gradient(#fff, #79B41A);
	background-image:linear-gradient(#fff, #79B41A);
	width:auto;
	padding:5px;
	margin:0px auto;
	}

#pageheader #logo {
	background:transparent url('../../favicon.ico');float:left;
	background-repeat:no-repeat;
	margin:0;padding:5px 0 0 0;
	width:25px;
	height:25px;
	}

#pageheader a {
	background-color:#79B41A;
        margin:5px 3px 0 3px;	
        padding:2px 5px;
	border-radius:2px;
	color:#fff;
	text-decoration:none;
	}

#toolsdiv a {
	clear:both;
	}

#toolsdiv a span {
	color:#fff;
	}

.linksperpage,.tagfilter,.searchform,.addform {
	background-color:#ddd;
	display:inline;
	padding:6px;
	border:none;
	border-radius:3px;
	margin:10px 3px 3px 0;
	color:#000;
	}

.linksperpage {
	padding:2px;
	}

.linksperpage input,.tagfilter input, .searchform input, .addform input {
	border:none;
	color:#888;
	background:none;
	padding:5px;
	}

.linksperpage input {
	padding:0;
	}

.tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton {
    background-color:#fff;
   	padding:0 5px;
	margin:5px 0;
	height:20px;
	border-radius:3px;
	}

#shaarli_title {font-weight:bold;margin-top:0;}
#shaarli_title a {color:#fff !important;}

#pageheader a:visited {color:#ccc;text-decoration:none;}
#pageheader a:hover {color:#ffd;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:#79B41A;color:#fff;text-align:center;clear:both;}
.paging a:link {color:#ccc;text-decoration:none;}
.paging a:visited {color:#ccc;}
.paging a:hover {text-decoration:underscore}
.paging a:active {color:#fff;}

#paging_privatelinks {float:left;}
#paging_linksperpage {float:right;padding-right:5px;}
#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;}
#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;}

#linklist ul {
	width:100%;
	-moz-column-count:3;
	-webkit-column-count:3;
	-ms-column-count:3;
	column-count:3;
	}
	
#linklist li {
    display:inline-block;width:89%;
    margin:3px;
    padding:10px;border:1px solid #959088;border-radius:2px;
    box-shadow:3px 3px 7px #959088;
    background:white;
    background:-webkit-linear-gradient(#EEE,white,white,white,white,white,white,white);
    background:-moz-linear-gradient(#EEE,white,white,white,white,white,white,white);
background:linear-gradient(#EEE,white,white,white,white,white,white,white);
}

#linklist li.publicLinkHightLight:hover,#linklist li:hover{
	background:white;
    border:1px dotted #959088;
}

#linklist li.private {
        border:1px solid #79B41A;
	background:-webkit-linear-gradient(#79B41A,white,white,white,white,white,white,white);
        background:-moz-linear-gradient(#79B41A,white,white,white,white,white,white,white);
	}

.linktitle {font-size:140%;font-weight:bold;color:#79B41A}
.linktitle a {color:#79B41A; text-decoration:none;}
.linktitle a:hover {color:#ccc;}

.linkdate {font-size:80%;color:#888}
.linkdate a {background-image:url('../images/calendar.png');padding:2px 0 3px 20px;background-repeat:no-repeat;text-decoration:none;color:#999;}
.linkdate a:hover {color:#F80 }

.linkurl {font-size:80%;color:#888}

.linkdescription {color:#454545;margin:0 0 12px 0}
.linkdescription a {color:#79B41A;}

.linktaglist {padding-top:12px;}
.linktag {
	font-size:90%;
    background:#eee;
	margin:0 2px;
	padding:3px 3px 3px 20px;
	height:20px;
line-height:200%;
border:1px solid #fff;
	border-radius:3px;
	cursor:pointer;
	background-image:url('../images/tag_blue.png');
	background-repeat:no-repeat;
	background-position:3px center;
	}
.linktag a {color:#777;text-decoration:none;}
.linktag:hover {background-color:#fff;border:1px solid #000;}
.linktag:hover a {color:#000}

.linkshort {font-size:80%;color:#888;}
.linkshort a {text-decoration:none;color:#393964;}
.linkshort a:hover {text-decoration:underline;}

.buttoneditform {display:inline;}

#footer {font-size:80%;text-align:center;border-top:1px solid #ddd;color:#888;clear:both;}
#footer  a{color:#555;}
#footer  a:hover{color:#000000;}

div.qrcode {
	width:220px;
	height:220px;
	background-color:#ffffff;
	border:1px solid white;
	position:absolute;
	top:-100px;
	left:-100px;
	text-align:center;
	font-size:8pt;
	z-index:50;
	box-shadow:2px 2px 20px 2px #333333;
	}

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

#cloudtag  {padding:15px 10%;}
#cloudtag a {color:#79B41A;text-decoration:none;}

#installform td  {font-size:10pt;color:black;padding:10px 5px 10px 5px;clear:left;}
#changepasswordform {color:#ccc;padding:10px 5px 10px 5px;clear:left;}
#changetag {color:#ccc;padding:10px 5px 10px 5px;clear:left;}
#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Â?IE9 */
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;}

div.daily
{
    font-family:Georgia, 'DejaVu Serif', Norasi, serif;
    background-color:white;
    background:-webkit-linear-gradient(#ccc,white,white,white,white,white);
    background:-moz-linear-gradient(#ccc,white,white,white,white,white);
    background:linear-gradient(#ccc,white,white,white,white,white);
    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:#454545;}
div.dailyTitle
 {
     font-weight:bold;
     font-size:32pt;
     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 green;
   box-shadow: 10px 10px 20px #AAA;
   }

div.dailyEntry  a {text-decoration:none;color:#79B41A;}
div.dailyEntryTags {font-size:7.75pt;}
div.dailyEntryTitle {font-size:18pt;font-weight:bold;}
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: 10px;
text-align: justify;
overflow: overlay;
padding-bottom: 10px;
}

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

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

@media print {
html {border:none;background:#fff!important;color:#000!important;}
body {font-size:12pt;width:auto!important;margin:auto!important;}
p {orphans:3;/*pas de ligne seule en bas */widows:3;/*pas de ligne seule en haut*/}
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;}
#linklist ul {
	width:98%;
	-moz-column-count:1;
	-webkit-column-count:1;
	-ms-column-count:1;
	column-count:1;
	}
#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;}

}