shaarli.css 21 KB

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