]>
Commit | Line | Data |
---|---|---|
64f81bc3 TC |
1 | /* ========================================================================== |
2 | "save a link" related styles | |
3 | ========================================================================== */ | |
4 | ||
5 | .popup-form { | |
6 | background: rgba(0, 0, 0, 0.5); | |
7 | position: absolute; | |
8 | top: 0; | |
9 | left: 10em; | |
10 | z-index: 20; | |
11 | height: 100%; | |
12 | width: 100%; | |
13 | margin: 0; | |
14 | margin-top: -30% !important; | |
15 | padding: 2em; | |
16 | display: none; | |
17 | border-left: 1px #eee solid; | |
18 | ||
19 | form { | |
20 | background-color: #fff; | |
21 | position: absolute; | |
22 | top: 0; | |
23 | left: 0; | |
24 | z-index: 20; | |
25 | border: 10px solid #000; | |
26 | width: 400px; | |
27 | height: 200px; | |
28 | padding: 2em; | |
29 | } | |
30 | } | |
31 | ||
32 | #bagit-form-form .addurl { | |
33 | margin-left: 0; | |
34 | } | |
35 | ||
36 | .closeMessage, | |
37 | .close-button { | |
38 | background-color: #000; | |
39 | color: #fff; | |
40 | font-size: 1.2em; | |
41 | line-height: 1.6; | |
42 | width: 1.6em; | |
43 | height: 1.6em; | |
44 | text-align: center; | |
45 | text-decoration: none; | |
46 | ||
47 | &:hover, | |
48 | &:focus { | |
49 | background-color: #999; | |
50 | color: #000; | |
51 | } | |
52 | } | |
53 | ||
54 | .close-button--popup { | |
55 | display: inline-block; | |
56 | position: absolute; | |
57 | top: 0; | |
58 | right: 0; | |
59 | font-size: 1.4em; | |
60 | } | |
61 | ||
62 | .active-current { | |
63 | background-color: #999; | |
64 | ||
65 | &::after { | |
66 | content: ""; | |
67 | width: 0; | |
68 | height: 0; | |
69 | position: absolute; | |
70 | border: 10px solid transparent; | |
71 | border-right-color: #eee; | |
72 | right: 0; | |
73 | top: 50%; | |
74 | margin-top: -10px; | |
75 | } | |
76 | } | |
77 | ||
78 | .opacity03 { | |
79 | opacity: 0.3; | |
80 | } | |
81 | ||
82 | .add-to-wallabag-link-after { | |
83 | background-color: #000; | |
84 | color: #fff; | |
85 | padding: 0 3px 2px; | |
86 | } | |
87 | ||
88 | a.add-to-wallabag-link-after { | |
89 | visibility: hidden; | |
90 | position: absolute; | |
91 | opacity: 0; | |
92 | transition-duration: 2s; | |
93 | transition-timing-function: ease-out; | |
94 | } | |
95 | ||
96 | #article article a:hover + a.add-to-wallabag-link-after, | |
97 | a.add-to-wallabag-link-after:hover { | |
98 | opacity: 1; | |
99 | visibility: visible; | |
100 | transition-duration: 0.3s; | |
101 | transition-timing-function: ease-in; | |
102 | } | |
103 | ||
104 | a.add-to-wallabag-link-after::after { | |
105 | content: "w"; | |
106 | } | |
107 | ||
108 | #add-link-result { | |
109 | font-weight: bold; | |
110 | font-size: 0.9em; | |
111 | } | |
112 | ||
113 | .btn-clickable { | |
114 | cursor: pointer; | |
115 | } |