shaarli.css 21 KB

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