2015-02-07 20:19:27 +01:00
|
|
|
|
/* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
body {
|
|
|
|
|
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
}
|
2014-10-19 03:23:04 +02:00
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
input, textarea {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2014-10-19 03:23:04 +02:00
|
|
|
|
padding: 5px;
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px 3px 3px 3px;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
border: none;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
color: #000;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2014-11-21 19:43:53 +01:00
|
|
|
|
a {
|
2014-10-19 03:23:04 +02:00
|
|
|
|
text-decoration: none;
|
2014-11-21 19:43:53 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
h1 {
|
|
|
|
|
font-size: 20pt;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2016-02-23 19:21:14 +01:00
|
|
|
|
em {
|
|
|
|
|
font-style: italic;
|
|
|
|
|
}
|
|
|
|
|
|
2016-12-01 11:40:24 +01:00
|
|
|
|
strong {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
2017-04-03 19:23:30 +02:00
|
|
|
|
.hidden {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
/* Buttons */
|
2017-01-06 16:08:19 +01:00
|
|
|
|
.bigbutton, #pageheader a.bigbutton {
|
2013-02-26 10:09:41 +01:00
|
|
|
|
background-color: #c0c0c0;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2013-02-26 10:09:41 +01:00
|
|
|
|
border-radius: 3px 3px 3px 3px;
|
|
|
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 24px;
|
|
|
|
|
padding: 0 5px;
|
2017-01-16 13:16:03 +01:00
|
|
|
|
margin: 0 5px 0 0;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
color: #606060;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
border-style: outset;
|
|
|
|
|
border-width: 1px;
|
2017-01-06 16:08:19 +01:00
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a.bigbutton, #pageheader a.bigbutton {
|
|
|
|
|
height: 22px;
|
|
|
|
|
line-height: 22px;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
|
|
|
|
.smallbutton {
|
|
|
|
|
background-color: #c0c0c0;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2013-02-26 10:09:41 +01:00
|
|
|
|
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;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
color: #606060;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
border-style: outset;
|
|
|
|
|
border-width: 1px;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2013-02-27 17:46:45 +01:00
|
|
|
|
/* Small tab on the left of each link with edit/delete buttons. */
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.button_edit, .button_delete {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
border-style: none;
|
|
|
|
|
border-width: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-21 19:43:53 +01:00
|
|
|
|
.linkeditbuttons {
|
2014-10-19 03:23:04 +02:00
|
|
|
|
position: absolute;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
left: 2px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
padding: 4px 2px 2px 2px;
|
|
|
|
|
|
|
|
|
|
-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;
|
2013-02-27 17:46:45 +01:00
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
#pageheader #logo {
|
2018-02-24 18:18:33 +01:00
|
|
|
|
background-image: url('../img/logo.png');
|
2014-10-19 03:12:52 +02:00
|
|
|
|
background-repeat: no-repeat;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
float: left;
|
|
|
|
|
margin: 0 10px 0 10px;
|
|
|
|
|
width: 105px;
|
|
|
|
|
height: 55px;
|
|
|
|
|
cursor: pointer;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2015-03-10 20:44:51 +01:00
|
|
|
|
#pageheader #menu {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pageheader #menu ul {
|
|
|
|
|
margin: auto;
|
|
|
|
|
padding: 7px 0px 0px 0px;
|
|
|
|
|
float: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pageheader #menu ul li {
|
|
|
|
|
list-style: none;
|
|
|
|
|
display: inline;
|
|
|
|
|
position: relative;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#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;
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px 3px 3px 3px;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
margin: 10px 3px 3px 3px;
|
|
|
|
|
color: #A2DD42;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
line-height: 2.5;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#pageheader #linkcount {
|
|
|
|
|
float: right;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
color: #bbb;
|
|
|
|
|
text-align: right;
|
|
|
|
|
padding-right: 5px;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
margin: 3px 3px 0px 0px;
|
2014-12-02 21:00:52 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
#pageheader {
|
2013-02-26 10:09:41 +01:00
|
|
|
|
background-color: #333333;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2013-02-26 10:09:41 +01:00
|
|
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
2014-10-19 03:23:04 +02:00
|
|
|
|
width: auto;
|
|
|
|
|
padding: 0 10px 5px 10px;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
margin: auto;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#pageheader .search {
|
|
|
|
|
width: 100%;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
#toolsdiv a {
|
|
|
|
|
clear: both;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#toolsdiv #bookmark {
|
|
|
|
|
clear: none;
|
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
#toolsdiv a span {
|
|
|
|
|
color: #ffffff;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
.linksperpage, .tagfilter, .searchform, .addform {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2014-10-19 03:23:04 +02:00
|
|
|
|
display: inline;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
2014-10-19 03:23:04 +02:00
|
|
|
|
padding: 5px;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
border: none;
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px 3px 3px 3px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
margin: 10px 3px 3px 3px;
|
|
|
|
|
color: #cecece;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
.linksperpage {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
|
2014-10-19 03:23:04 +02:00
|
|
|
|
padding: 3px;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
.linksperpage input, .tagfilter input, .searchform input, .addform input {
|
|
|
|
|
border: none;
|
|
|
|
|
color: #606060;
|
|
|
|
|
background: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
padding: 5px;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
.linksperpage input {
|
|
|
|
|
padding: 0;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
.searchform #searchform_value {
|
|
|
|
|
width: 30%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tagfilter {
|
|
|
|
|
margin-left:24px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-24 05:35:13 +02:00
|
|
|
|
.tagfilter div.awesomplete {
|
|
|
|
|
width: 15%;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
.tagfilter #tagfilter_value {
|
2015-06-09 14:23:28 +02:00
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tagfilter li {
|
|
|
|
|
color: black;
|
2014-12-02 21:00:52 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
|
2013-02-26 10:09:41 +01:00
|
|
|
|
background-color: #dedede;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2014-10-19 03:23:04 +02:00
|
|
|
|
padding: 0 5px 0 5px;
|
|
|
|
|
margin: 5px 0 5px 0;
|
|
|
|
|
height: 20px;
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px 3px 3px 3px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
cursor: pointer;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#shaarli_title {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#shaarli_title a {
|
|
|
|
|
color: #fff !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pageheader a:visited {
|
|
|
|
|
color: #98C943;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#pageheader a:hover {
|
|
|
|
|
color: #FFFFC9;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#pageheader a:active {
|
|
|
|
|
color: #bbb;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#searchcriteria {
|
|
|
|
|
padding: 4px 0px 5px 5px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.paging {
|
|
|
|
|
padding: 5px;
|
|
|
|
|
background-color: #777;
|
|
|
|
|
color: #ccc;
|
|
|
|
|
text-align: center;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.paging a:link {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.paging a:visited {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.paging a:hover {
|
|
|
|
|
color: #FFFFC9;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.paging a:active {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_privatelinks {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
float: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_linksperpage {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
float: right;
|
|
|
|
|
padding-right: 5px;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
margin: 0px 10px 2px 0px;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_linksperpage form.linksperpage {
|
2014-12-02 21:00:52 +01:00
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_linksperpage form.linksperpage input {
|
2014-12-02 21:00:52 +01:00
|
|
|
|
height: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_current {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
display: inline;
|
|
|
|
|
color: #fff;
|
|
|
|
|
padding: 0 20 0 20;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_older {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
margin-right: 15px;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_newer {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
margin-left: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#headerform {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
padding: 5px 5px 5px 5px;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#headerform input.linkurl {
|
|
|
|
|
width: 50%;
|
2015-03-16 16:16:03 +01:00
|
|
|
|
font-size: inherit;
|
2014-12-02 21:00:52 +01:00
|
|
|
|
}
|
|
|
|
|
|
2015-06-19 22:42:16 +02:00
|
|
|
|
#headerform label {
|
2015-06-23 20:32:23 +02:00
|
|
|
|
cursor: pointer;
|
2015-06-19 22:42:16 +02:00
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#headerform label[for=longlastingsession] {
|
|
|
|
|
display: block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#toolsdiv {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
padding: 5px 5px 5px 5px;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#uploaddiv {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
padding: 5px 5px 5px 5px;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#editlinkform {
|
|
|
|
|
height: 100%;
|
|
|
|
|
padding: 5px 5px 5px 15px;
|
|
|
|
|
width: 80%;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-03-06 21:29:56 +01:00
|
|
|
|
#editlinkform label {
|
2015-06-24 05:35:13 +02:00
|
|
|
|
cursor: pointer;
|
2015-03-06 21:29:56 +01:00
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#editlinkform textarea, #editlinkform .lf_input {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
#linklist li {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
padding: 4px 10px 15px 20px;
|
|
|
|
|
border-top: 1px solid #bbb;
|
|
|
|
|
clear: both;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
background-color: #F2F2F2;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
2014-10-19 03:23:04 +02:00
|
|
|
|
#linklist li.publicLinkHightLight:hover, #linklist li:hover {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
background: #E9FFCE;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
*/
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-07-15 11:47:12 +02:00
|
|
|
|
.linkdate {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
font-size:8pt;
|
|
|
|
|
color:#888;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-07-15 11:47:12 +02:00
|
|
|
|
.linkdate a {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
color:#E28E3F;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#linklist li.private {
|
2018-02-24 18:18:33 +01:00
|
|
|
|
background: url('../img/private.png') no-repeat 4px center;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
padding-left: 30px;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#linklist li {
|
2015-03-10 20:44:51 +01:00
|
|
|
|
padding-left: 30px;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.private .linktitle a {
|
|
|
|
|
color: #969696;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linktitle {
|
|
|
|
|
font-size: 14pt;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linktitle a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #80AD48;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linktitle a:hover {
|
|
|
|
|
color: #F57900;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-07-15 11:47:12 +02:00
|
|
|
|
.linkdate {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
font-size: 8pt;
|
|
|
|
|
color: #888;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-07-15 11:47:12 +02:00
|
|
|
|
.linkdate a {
|
2018-02-24 18:18:33 +01:00
|
|
|
|
background-image: url('../img/calendar.png');
|
2014-11-08 23:44:11 +01:00
|
|
|
|
padding: 2px 0 3px 20px;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #E28E3F;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkdate a:hover {
|
|
|
|
|
color: #F57900 }
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkurl {
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
color: #4BAA74;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkdescription {
|
|
|
|
|
color: #000;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkdescription a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #3465A4;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkdescription a:hover {
|
|
|
|
|
color: #F57900;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linktaglist {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
line-height: 200%;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
.linktag {
|
2014-10-19 03:23:04 +02:00
|
|
|
|
font-size: 9pt;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
background-color: #F2F2F2;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
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);
|
2013-02-26 10:09:41 +01:00
|
|
|
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
|
2015-03-10 20:44:51 +01:00
|
|
|
|
padding: 3px 5px 3px 20px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
height: 20px;
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
cursor: pointer;
|
2018-02-24 18:18:33 +01:00
|
|
|
|
background-image: url('../img/tag_blue.png');
|
2014-10-19 03:23:04 +02:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-position: 3px center;
|
|
|
|
|
background-color: #ffffff;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linktag:hover {
|
|
|
|
|
border-color: #555573;
|
|
|
|
|
color: #000;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linktag a {
|
|
|
|
|
color: #777;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
.linktag .remove {
|
|
|
|
|
border-left: 1px solid #aaa;
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
color:#6767A7;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkshort {
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
color: #888;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkshort a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #393964;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkshort a:hover {
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.buttoneditform {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#footer {
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #888;
|
|
|
|
|
clear: both;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
max-width: 30em;
|
|
|
|
|
margin: 15px auto 15px auto;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#footer a {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
color: #486D08;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#footer a:hover {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
color: #000000;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#newversion {
|
|
|
|
|
background-color: #FFFFA0;
|
|
|
|
|
color: #000;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
padding: 2 7 2 7;
|
|
|
|
|
font-size: 9pt;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#newversion #version_id {
|
|
|
|
|
text-decoration: blink;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#cloudtag {
|
|
|
|
|
padding-left: 10%;
|
|
|
|
|
padding-right: 10%;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#cloudtag .count {
|
|
|
|
|
color: #99f;
|
|
|
|
|
font-size: 9pt;
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
padding-right: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#cloudtag a {
|
|
|
|
|
color: black;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#install {
|
|
|
|
|
margin: 0 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#installform {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#installform table {
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#installform td {
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
color: black;
|
|
|
|
|
padding: 10px 5px 10px 5px;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#installform input.bigbutton {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#changepasswordform {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
padding: 10px 5px 10px 5px;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#changetag {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
padding: 10px 5px 10px 5px;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
#changetag #totag {
|
|
|
|
|
margin-left: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-03-06 21:29:56 +01:00
|
|
|
|
#changetag div {
|
|
|
|
|
float:left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#changetag label {
|
|
|
|
|
padding: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#changetag li {
|
|
|
|
|
color: #000;
|
|
|
|
|
}
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#configform td {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
padding: 10px 5px 10px 5px;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#configform {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
padding: 10px 5px 10px 5px;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.thumbnail {
|
|
|
|
|
float: right;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
margin: 0px 10px 0px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thumbnail img {
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
/* If you want thumbnails on the left:
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.thumbnail {
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.linkcontainer {
|
|
|
|
|
position: static;
|
|
|
|
|
margin-left: 130px;
|
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
/* --- Picture wall CSS --- */
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#picwall_container {
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-color: #000;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.picwall_pictureframe {
|
|
|
|
|
background-color: #000;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
position: relative;
|
|
|
|
|
display: table-cell;
|
|
|
|
|
vertical-align: middle;
|
2016-11-09 18:57:02 +01:00
|
|
|
|
width: 120px;
|
|
|
|
|
height: 120px;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-align: center;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-03-01 10:47:01 +01:00
|
|
|
|
.b-lazy {
|
|
|
|
|
-webkit-transition: opacity 500ms ease-in-out;
|
|
|
|
|
-moz-transition: opacity 500ms ease-in-out;
|
|
|
|
|
-o-transition: opacity 500ms ease-in-out;
|
|
|
|
|
transition: opacity 500ms ease-in-out;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
.b-lazy.b-loaded {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.picwall_pictureframe img {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
height: auto;
|
2015-03-01 10:47:01 +01:00
|
|
|
|
color: transparent;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
} /* Adapt the width of the image */
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.picwall_pictureframe a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
|
|
|
|
/* CSS to show title when hovering an image - no javascript required. */
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.picwall_pictureframe span.info {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
.picwall_pictureframe:hover span.info {
|
2014-10-19 03:23:04 +02:00
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
2016-11-09 18:57:02 +01:00
|
|
|
|
width: 120px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
font-weight: bold;
|
2016-11-09 18:57:02 +01:00
|
|
|
|
font-size: 9pt;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
color: #fff;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
text-align: left;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
background-color: transparent;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
|
|
|
/* IE6IE9 */
|
2014-10-19 03:23:04 +02:00
|
|
|
|
text-shadow: 2px 2px 1px #000000;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
#linklist li.publicLinkHightLight {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
background: #ffffff;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.daily {
|
2014-11-21 19:43:53 +01:00
|
|
|
|
font-family: Georgia, 'DejaVu Serif', Norasi, serif;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
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 */
|
2018-02-24 18:18:33 +01:00
|
|
|
|
background-image: url("../img/Paper_texture_v5_by_bashcorpo_w1000.jpg");
|
2013-02-26 10:09:41 +01:00
|
|
|
|
-webkit-background-size: cover;
|
|
|
|
|
-moz-background-size: cover;
|
|
|
|
|
-o-background-size: cover;
|
|
|
|
|
background-size: cover;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
position: relative;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
border-bottom: 2px solid black;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#daily_col1 {
|
|
|
|
|
float: left;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 33%;
|
|
|
|
|
padding-left: 1%;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#daily_col2 {
|
|
|
|
|
float: left;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 33%;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#daily_col3 {
|
|
|
|
|
float: left;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 33%;
|
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
div.dailyAbout {
|
|
|
|
|
float: left;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
border: 1px solid black;
|
|
|
|
|
font-size: 8pt;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
position: absolute;
|
|
|
|
|
left: 10px;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
top: 15px;
|
|
|
|
|
padding: 5px 5px 5px 5px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
text-align: center;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyAbout a {
|
|
|
|
|
color: #890500;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
div.dailyAbout img {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 3px;
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
width: 14px;
|
|
|
|
|
height: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
2017-01-05 16:15:51 +01:00
|
|
|
|
div.dailyEntryPermalink {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
div.dailyTitle {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 44pt;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 10px 20px 0px 20px;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
div.dailyDate {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
font-size: 12pt;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
font-weight: bold;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0px 20px 30px 20px;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Individual entries in "Daily": */
|
2014-10-19 03:23:04 +02:00
|
|
|
|
div.dailyEntry {
|
2013-02-26 10:09:41 +01:00
|
|
|
|
margin: 5px 10px 2px 5px;
|
|
|
|
|
font-size: 11pt;
|
|
|
|
|
border-top: 1px solid #555;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyEntry a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #890500;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyEntryTags {
|
|
|
|
|
font-size: 7.75pt;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyEntryTitle {
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-01-15 00:05:26 +01:00
|
|
|
|
div.dailyEntryLinkdate {
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
}
|
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
div.dailyEntryThumbnail {
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: rgb(128, 128, 128);
|
2018-02-24 18:18:33 +01:00
|
|
|
|
background: url(../img/50pc_transparent.png);
|
2014-10-19 03:23:04 +02:00
|
|
|
|
padding: 4px 0px 2px 0px;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-10-19 03:23:04 +02:00
|
|
|
|
div.dailyEntryDescription {
|
2013-02-26 10:09:41 +01:00
|
|
|
|
margin-top: 10px;
|
2014-11-21 19:43:53 +01:00
|
|
|
|
margin-bottom: 30px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
text-align: justify;
|
|
|
|
|
overflow: auto;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-12-02 21:00:52 +01:00
|
|
|
|
div.dailyNoEntry {
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 40px 0px 90px 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.daily #closing {
|
|
|
|
|
clear: both;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-11 20:41:50 +02:00
|
|
|
|
/* Common CSS screwdriver */
|
2014-10-19 03:23:04 +02:00
|
|
|
|
.clear {
|
|
|
|
|
clear: both;
|
2013-02-26 10:09:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.right {
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
2015-03-06 21:29:56 +01:00
|
|
|
|
.white {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
/* For lazy images loading in picture wall.
|
2014-11-21 19:43:53 +01:00
|
|
|
|
Using http://www.appelsiini.net/projects/lazyload
|
2014-11-08 23:44:11 +01:00
|
|
|
|
*/
|
|
|
|
|
.lazyimage {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
#configuration_table td {
|
|
|
|
|
border: none;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
|
2013-02-26 10:09:41 +01:00
|
|
|
|
@media print {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
html {
|
|
|
|
|
border: none;
|
|
|
|
|
background: #fff !important;
|
|
|
|
|
color: #000 !important;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
body {
|
|
|
|
|
font-size: 12pt;
|
|
|
|
|
width: auto !important;
|
|
|
|
|
margin: auto !important;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
/* Minimum numer of lines to display when splitting a paragraph
|
|
|
|
|
over two pages */
|
|
|
|
|
p {
|
|
|
|
|
orphans: 3;
|
|
|
|
|
widows: 3;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
a {
|
|
|
|
|
color: #000 !important;
|
|
|
|
|
text-decoration: none !important;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#pageheader, .paging, #linklist li form, #footer {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#linklist li {
|
|
|
|
|
padding: 2 0 10 0;
|
|
|
|
|
border-top: 2px solid #000;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#linklist li.private {
|
|
|
|
|
background-color: none;
|
|
|
|
|
border-left: 0;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkdate {
|
|
|
|
|
line-height: 2;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkurl {
|
|
|
|
|
color: #000;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.linkdescription {
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.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) {
|
2014-10-19 03:12:52 +02:00
|
|
|
|
/* A few fixes for mobile devices (far from perfect). */
|
2015-06-23 16:03:11 +02:00
|
|
|
|
|
|
|
|
|
.tagfilter div.awesomplete {
|
|
|
|
|
width: 70%;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.nomobile {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#logo {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-03-10 20:44:51 +01:00
|
|
|
|
#pageheader #menu ul {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pageheader #menu a {
|
2014-10-19 03:23:04 +02:00
|
|
|
|
padding: 5px;
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px 3px 3px 3px;
|
2014-10-19 03:23:04 +02:00
|
|
|
|
margin: 3px;
|
2014-10-19 03:12:52 +02:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2015-06-19 22:37:38 +02:00
|
|
|
|
#headerform label {
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: block;
|
|
|
|
|
height: auto;
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#headerform label input[type=text],
|
|
|
|
|
#headerform label input[type=password]{
|
|
|
|
|
float: right;
|
|
|
|
|
width: 70%;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.searchform, .tagfilter {
|
|
|
|
|
display: block !important;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
margin: 0px 3px 7px 0px !important;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
padding: 0px !important;
|
2015-03-10 20:44:51 +01:00
|
|
|
|
width: 97% !important;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.searchform input, .tagfilter input {
|
|
|
|
|
margin: 0px !important;
|
|
|
|
|
padding: 0px !important;
|
|
|
|
|
display: inline !important;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2017-01-06 16:08:19 +01:00
|
|
|
|
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
width: 30%;
|
|
|
|
|
font-size: smaller;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#searchform_value {
|
|
|
|
|
width: 70% !important;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#tagfilter_value {
|
|
|
|
|
width: 70% !important;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.qrcode {
|
|
|
|
|
position: relative;
|
|
|
|
|
float: left;
|
|
|
|
|
top: -10px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_privatelinks {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
float: none;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
.paging_linksperpage {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
float: none;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
font-size: smaller;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-12-12 17:01:02 +01:00
|
|
|
|
#paging_older, #paging_newer, .paging_linksperpage a {
|
2014-11-08 23:44:11 +01:00
|
|
|
|
border: 1px solid black;
|
|
|
|
|
padding: 3px 5px 3px 5px;
|
|
|
|
|
background-color: #666;
|
|
|
|
|
color: #fff;
|
2015-03-12 14:38:08 +01:00
|
|
|
|
border-radius: 3px 3px 3px 3px;
|
2014-11-08 23:44:11 +01:00
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.thumbnail {
|
|
|
|
|
float: none;
|
|
|
|
|
height: auto;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#cloudtag {
|
|
|
|
|
padding: 0px;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyAbout {
|
|
|
|
|
float: none;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
clear: both;
|
|
|
|
|
padding: 0px;
|
|
|
|
|
top: 0px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
#daily_col1, #daily_col2, #daily_col3 {
|
|
|
|
|
float: none;
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 0px;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyTitle {
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
padding: 0px;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyDate {
|
|
|
|
|
font-size: 11pt;
|
|
|
|
|
padding: 0px;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyEntryTitle {
|
|
|
|
|
font-size: 16pt;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2014-11-09 13:21:48 +01:00
|
|
|
|
|
2014-11-08 23:44:11 +01:00
|
|
|
|
div.dailyEntryDescription {
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
}
|
2014-11-21 19:43:53 +01:00
|
|
|
|
}
|
2013-02-26 10:09:41 +01:00
|
|
|
|
|
2014-11-21 21:31:21 +01:00
|
|
|
|
#toolsdiv a.button-description {
|
|
|
|
|
clear: none;
|
|
|
|
|
}
|
|
|
|
|
|
2013-03-10 18:24:05 +01:00
|
|
|
|
/* Highlight search results */
|
2014-11-08 23:44:11 +01:00
|
|
|
|
.highlight {
|
|
|
|
|
background-color: #FFFF33;
|
|
|
|
|
}
|
2014-12-12 17:01:02 +01:00
|
|
|
|
|
|
|
|
|
.center {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2015-11-08 13:22:44 +01:00
|
|
|
|
|
|
|
|
|
ul.errors {
|
|
|
|
|
color: red;
|
|
|
|
|
float: left;
|
2016-01-20 10:57:07 +01:00
|
|
|
|
}
|
|
|
|
|
|
2015-11-18 17:40:42 +01:00
|
|
|
|
#pluginsadmin {
|
|
|
|
|
width: 80%;
|
|
|
|
|
padding: 20px 0 0 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin section {
|
|
|
|
|
padding: 20px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin .plugin_parameters {
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin h1 {
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin h2 {
|
|
|
|
|
font-size: 1.4em;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin table {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin table, #pluginsadmin th, #pluginsadmin td {
|
|
|
|
|
border-width: 1px 0;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-color: #c0c0c0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin table th {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
padding: 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin table td {
|
|
|
|
|
padding: 5px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin input[type=submit] {
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
2016-02-23 14:51:18 +01:00
|
|
|
|
#pluginsadmin label {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
2015-11-18 17:40:42 +01:00
|
|
|
|
#pluginsadmin .plugin_parameter {
|
2016-08-02 11:03:55 +02:00
|
|
|
|
padding: 10px 0;
|
2015-11-18 17:40:42 +01:00
|
|
|
|
border-width: 1px 0;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-color: #c0c0c0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin .float_label {
|
|
|
|
|
float: left;
|
2016-08-02 11:03:55 +02:00
|
|
|
|
width: 40%;
|
2015-11-18 17:40:42 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin a {
|
2016-12-01 11:40:24 +01:00
|
|
|
|
color: #486D08;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pluginsadmin a.arrow {
|
2015-11-18 17:40:42 +01:00
|
|
|
|
color: black;
|
|
|
|
|
}
|
2016-12-01 11:40:24 +01:00
|
|
|
|
|
2016-01-20 10:57:07 +01:00
|
|
|
|
/* 404 page */
|
|
|
|
|
.error-container {
|
|
|
|
|
|
|
|
|
|
margin: 50px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.error-container h1 {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
color: #80AD48;
|
|
|
|
|
}
|
2016-02-28 14:22:30 +01:00
|
|
|
|
|
|
|
|
|
.linklist-plugin-icon {
|
|
|
|
|
width: 13px;
|
|
|
|
|
height: 13px;
|
|
|
|
|
}
|
2018-06-08 12:50:49 +02:00
|
|
|
|
|
|
|
|
|
.thumbnails-update-container {
|
|
|
|
|
padding: 20px 0;
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thumbnails-update-container .thumbnail-placeholder {
|
|
|
|
|
background: grey;
|
|
|
|
|
margin: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thumbnails-update-container .thumbnail-link-title {
|
|
|
|
|
width: 75%;
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.progressbar {
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
background-color: #111;
|
|
|
|
|
padding: 1px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.progressbar > div {
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
background: repeating-linear-gradient(
|
|
|
|
|
-45deg,
|
|
|
|
|
#f5f5f5,
|
|
|
|
|
#f5f5f5 6px,
|
|
|
|
|
#d0d0d0 6px,
|
|
|
|
|
#d0d0d0 12px
|
|
|
|
|
);
|
|
|
|
|
width: 0%;
|
|
|
|
|
height: 10px;
|
|
|
|
|
}
|
2020-11-09 12:36:04 +01:00
|
|
|
|
|
|
|
|
|
.loading-input {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes around {
|
|
|
|
|
0% {
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-input .icon-container {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 60px;
|
|
|
|
|
top: calc(50% - 10px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-input .loader {
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 20px;
|
|
|
|
|
width: 20px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
animation: around 5.4s infinite;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-input .loader::after,
|
|
|
|
|
.loading-input .loader::before {
|
|
|
|
|
content: "";
|
|
|
|
|
background: #eee;
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
border-width: 2px;
|
|
|
|
|
border-color: #333 #333 transparent transparent;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
animation: around 0.7s ease-in-out infinite;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-input .loader::after {
|
|
|
|
|
animation: around 0.7s ease-in-out 0.1s infinite;
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|