]>
git.immae.eu Git - github/shaarli/Shaarli.git/blob - shaarli.css
5a977439043c564e1d7c07030ebddf2a5da83c50
1 /* CSS Stylsheet for Shaarli - http://sebsauvage.net/wiki/doku.php?id=php:shaarli */
3 /* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */
5 Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html
8 html
{color:#000;background:#FFF;}body
,div
,dl
,dt
,dd
,ul
,ol
,li
,h1
,h2
,h3
,h4
,h5
,h6
,pre
,code
,form
,fieldset
,legend
,input
,button
,textarea
,p
,blockquote
,th
,td
{margin:0;padding:0;}table
{border-collapse:collapse
;border-spacing:0;}fieldset
,img
{border:0;}address
,caption
,cite
,code
,dfn
,em
,strong
,th
,var
,optgroup
{font-style:inherit
;font-weight:inherit
;}del
,ins
{text-decoration:none
;}li
{list-style:none
;}caption
,th
{text-align:left
;}h1
,h2
,h3
,h4
,h5
,h6
{font-size:100%;font-weight:normal
;}q:before
,q:after
{content:'';}abbr
,acronym
{border:0;font-variant:normal
;}sup
{vertical-align:baseline
;}sub
{vertical-align:baseline
;}legend
{color:#000;}input
,button
,textarea
,select
,optgroup
,option
{font-family:inherit
;font-size:inherit
;font-style:inherit
;font-weight:inherit
;}input
,button
,textarea
,select
{*font-size:100%;}
10 body
{ font-family: "Trebuchet MS",Verdana
,Arial
,Helvetica
,sans-serif
; font-size:10pt; background-color: #ffffff; }
11 input
{ border: 1px solid
#aaa; background-color:#F0F0FF; padding: 2 5 2 5; -moz-box-shadow: inset
2px 2px 3px #aaaaaa; -webkit-box-shadow: inset
2px 2px 3px #aaaaaa; box-shadow: inset
2px 2px 3px #aaaaaa; }
12 textarea
{ border: 1px solid
#aaa; background-color:#F0F0FF; padding: 2 5 2 5; -moz-box-shadow: inset
2px 2px 3px #B2B2C4; -webkit-box-shadow: inset
2px 2px 3px #B2B2C4; box-shadow: inset
2px 2px 3px #B2B2C4; }
13 h1
{ font-size:20pt; font-weight:bold
; font-style:italic
; margin-bottom:20px; }
14 /* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */
17 .bigbutton {border-style:outset
;border-width:2px;padding:3px 6px;background-color:rgb
(212,212,212);font-family:Tahoma
,Verdana
,Arial
,Helvetica
,sans-serif
;font-size:8pt;-moz-border-radius:0.5em;border-radius:0.5em;}
18 .smallbutton {border-style:outset
;border-width:2px;padding:0px 4px;background-color:rgb
(212,212,212);font-family:Tahoma
,Verdana
,Arial
,Helvetica
,sans-serif
;font-size:8pt;-moz-border-radius:0.5em;border-radius:0.5em;}
24 border-bottom: 1px solid
#aaa;
25 background-color: #6A6A6A;
26 background-image: -webkit-gradient
(linear
, left top
, left bottom
, from
(#6A6A6A), to
(#303030)); /* Saf4+, Chrome */
27 background-image: -webkit-linear-gradient
(top
, #6A6A6A, #303030); /* Chrome 10+, Saf5.1+ */
28 background-image: -moz-linear-gradient
(top
, #6A6A6A, #303030); /* FF3.6 */
29 background-image: -ms-linear-gradient
(top
, #6A6A6A, #303030); /* IE10 */
30 background-image: -o-linear-gradient
(top
, #6A6A6A, #303030); /* Opera 11.10+ */
31 background-image: linear-gradient
(top
, #6A6A6A, #303030);
32 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorStr
='#6A6A6A', EndColorStr
='#303030'); /* IE6-IE9 */
36 #pageheader a:link
{ color:#bbb; text-decoration:none
;}
37 #pageheader a:visited
{ color:#bbb; text-decoration:none
;}
38 #pageheader a:hover
{ color:#FFFFC9; text-decoration:none
;}
39 #pageheader a:active
{ color:#bbb; text-decoration:none
;}
40 .paging { background-color:#777; color:#ccc; text-align:center
; padding:0 0 3 0;}
41 .paging a:link { color:#ccc; text-decoration:none
;}
42 .paging a:visited { color:#ccc; }
43 .paging a:hover { color:#FFFFC9; }
44 .paging a:active { color:#fff; }
45 #headerform { padding:5 5 5 5; }
46 #editlinkform { padding:5 5 5 15px; width:80%; }
47 #linklist li
{ padding:4 10 8 20; border-bottom: 1px solid
#bbb;}
48 #linklist li
.private
{ background-color: #ccc; border-left:8px solid
#888; }
49 .linktitle { font-size:14pt; font-weight:bold
; }
50 .linktitle a { text-decoration: none
; color:#0000EE; }
51 .linktitle a:hover { text-decoration: underline
; }
52 .linktitle a:visited { color:#0000BB; }
53 .linkdate { font-size:8pt; color:#888; }
54 .linkurl { font-size:8pt; color:#4BAA74; }
55 .linkdescription { color:#000; margin-top:0px; margin-bottom:0px; font-weight:normal
; }
56 .linktag { font-size:9pt; color:#777; background-color:#ddd; padding:0 6 0 6; -moz-box-shadow: inset
2px 2px 3px #ffffff; -webkit-box-shadow: inset
2px 2px 3px #ffffff; box-shadow: inset
2px 2px 3px ffffff
;
57 border-bottom:1px solid
#aaa; border-right:1px solid
#aaa; }
58 .linktag a { color:#777; text-decoration:none
; }
59 .buttoneditform { display:inline
; }
60 #footer { font-size:8pt; text-align:center
; border-top:1px solid
#ddd; color: #888; }
61 #newversion { background-color: #FFFFA0; color:#000; position:absolute
; top:0;right:0; padding:2 7 2 7; font-size:9pt;}
62 #cloudtag { padding-left:10%; padding-right:10%; }
63 #cloudtag a
{ color:black
; text-decoration:none
; }
64 #installform td
{ font-size: 10pt; padding:10 5 10 5; }
65 #configform td
{ color:#ccc; font-size: 10pt; padding:10 5 10 5; }
67 /* Minimal customisation for jQuery widgets */
68 .ui-autocomplete { background-color:#fff; padding-left:5px;}
69 .ui-state-hover { background-color: #604dff; color:#fff; }