merged cont.
[opensuse:yast-rest-service.git] / webservice / public / stylesheets / webyast-online-help.css
1 /*#--
2  *# Webyast Webservice framework
3  *#
4  *# Copyright (C) 2009, 2010 Novell, Inc.
5  *#   This library is free software; you can redistribute it and/or modify
6  *# it only under the terms of version 2.1 of the GNU Lesser General Public
7  *# License as published by the Free Software Foundation.
8  *#
9  *#   This library is distributed in the hope that it will be useful, but WITHOUT
10  *# ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
11  *# FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
12  *# details.
13  *#
14  *#   You should have received a copy of the GNU Lesser General Public
15  *# License along with this library; if not, write to the Free Software
16  *# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
17  *#++ */
18
19 #questionMark {
20   float:right;
21   font-size:20px;
22   padding:1px;
23   color:#fff;
24   background-color:#666;
25   font-family:'Arial';
26   font-weight:bold;
27   vertical-align:middle;
28   display:inline-block;
29   height:22px;
30   width:22px;
31   text-align:center;
32   -webkit-border-radius:100%;
33   -webkit-border-radius:22px;
34   -moz-border-radius:100%;
35
36   float:right;
37   margin:15px 0px 0px 0px;
38
39   background: -moz-linear-gradient(center top , #aaa 10%, #888 30%, #777 51%, #666 100%) repeat scroll 0 0 transparent;
40   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #aaa), color-stop(0.30, #888), color-stop(0.51, #777), color-stop(1.00, #666));
41   text-shadow: 0 -1px 0 #222;
42 }
43
44 #questionMark:active {
45   background: -moz-linear-gradient(center top , #75C3FF 10%, #1E90FF 30%, #1E90FF 50%, #0C64A8 100%) repeat scroll 0 0 transparent!important;
46   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #75C3FF), color-stop(0.30, #1E90FF), color-stop(0.51, #1E90FF), color-stop(1.00, #0C64A8))!important;
47 }
48
49 #questionMark:hover {
50   cursor:pointer;
51   background: -moz-linear-gradient(center top , #bbb 10%, #aaa 30%, #999 51%,  #888 100%) repeat scroll 0 0 transparent;
52   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #bbb), color-stop(0.30, #aaa), color-stop(0.51, #999), color-stop(1.00, #888));
53 }
54
55 #onlineHelpContent {
56   margin-left:4px;
57   width:40%;
58   top:22%;
59   left:30%;
60
61   font-size:12px;
62   font-weight:normal;
63   line-height:14px;
64   text-align:left;
65   font-family:'Arial';
66
67   position:absolute;
68   display:block;
69   z-index:1000;
70
71   -moz-box-shadow: 0 0 10px #474747;
72   -webkit-box-shadow: 0 0 10px #474747;
73    box-shadow: 0 0 10px #474747;
74
75   -moz-border-radius:4px;
76   -webkit-border-radius:4px;
77
78   background-color:#fafafa;
79   background: -moz-linear-gradient(90deg, #fff, #f2f2f2) repeat scroll 0 0 transparent;
80   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
81   border: 2px solid #666;
82 }
83
84 #onlineHelpLoading {
85   font-size:18px;
86   line-height:18px;
87   text-align:center;
88   font-family:'Arial';
89   background: -moz-linear-gradient(90deg, #fff, #f2f2f2) repeat scroll 0 0 transparent;
90   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
91   padding: 15px;
92   margin:10px;
93   background-color:#fff;
94   border:0px solid #eee;
95   display:block;
96 }
97
98 #onlineHelpLoading span { text-decoration: blink; color:#474747; font-weight:bold; font-size:20px; vertical-align:middle; text-align:center; }
99 #onlineHelpSpinner { height:32px; width:32px; vertical-align:middle; margin-right:5px; }
100 #onlineHelpContent div.sect1, #onlineHelpContent div.sect2 { margin: 5px; padding: 20px; }
101 #onlineHelpContent h2.title { font-size:16px; line-height:16px; }
102 #onlineHelpContent tr.head th { background: none; }
103 #onlineHelpContent div.note th:before, div.tip th:before { content:"[Note] "; color:#0C64A8; }
104 #onlineHelpContent div.warning th:before, div.caution th:before, div.caution th.important { content:"[Warning] "; color:#900000; }
105
106 #onlineHelpModalShade {
107   background: -moz-linear-gradient(270deg, #ccc, #ddd) repeat scroll 0 0 transparent;
108   background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));
109   position:absolute;
110   display:block;
111   width:100%;
112   height:100%;
113   opacity:0.6;
114   -moz-opacity:0.6;
115   top:0; left:0;
116   z-index:100;
117 }
118
119 #closeOnlineHelpDialog { position: absolute; width:24px; height:24px; top: -12px; right: -12px; }
120 #onlineHelpContent div.note, #onlineHelpContent div.tip { border: 1px solid #C2E0E6; background-color:#C2E0E6; }
121 #onlineHelpContent .warning, #onlineHelpContent .caution, #onlineHelpContent .important { border: 1px solid #FFC0C0; background-color:#FFC0C0; }
122 #onlineHelpContent div.important, #onlineHelpContent div.warning, #onlineHelpContent div.tip, #onlineHelpContent div.caution, #onlineHelpContent div.note {
123   overflow: auto;
124   margin: 1em 0;
125   width: 95%;
126   -moz-border-radius:4px;
127   -webkit-border-radius:4px;
128   padding:2px 5px;
129   line-height:12px;
130 }
131