1html {
2    background: @ini_background;
3    color: @ini_text;
4    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
5    font-size: 16px;
6    line-height: 1.5
7}
8
9body {
10    font-size: 100%
11}
12
13ul, p {
14    margin-top: 0
15}
16
17li {
18    margin: 5px 0
19}
20
21h1, .h1,
22h2, .h2,
23h3, .h3,
24h4, .h4 {
25    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
26    font-weight: bold;
27    line-height: 1.2;
28    margin-bottom: 0.3125em;
29    margin-top: 0
30}
31
32h1, .h1 {
33    font-size: 160%;
34    font-weight: 700
35}
36
37h2, .h2 {
38    font-size: 140%
39}
40
41h3, .h3 {
42    font-size: 125%
43}
44
45h4, .h4 {
46    font-size: 108%
47}
48
49h5, .h5 {
50    font-size: 16px;
51    font-style: italic;
52    font-weight: 100
53}
54
55a {
56    color: @ini_link;
57    text-decoration: none
58}
59
60a:hover {
61    border-bottom: 1px @ini_link_hover dotted;
62    color: @ini_link_hover
63}
64
65img {
66    height: auto;
67    max-width: 100%
68}
69
70input:active,
71input:focus,
72textarea:active,
73textarea:focus,
74select:active,
75select:focus,
76keygen:active,
77keygen:focus {
78    border-color: #999;
79}
80input[type=radio],
81input[type=checkbox],
82input[type=image] {
83    padding: 0;
84    border-style: none;
85    box-shadow: none;
86}
87
88/**
89* @author Anika Henke <anika@selfthinker.org>
90*/
91
92/* all types of buttons */
93input[type=submit],
94input[type=button],
95input[type=reset],
96input.button,
97a.button,
98button,
99.qq-upload-button,
100.detail-tools a {
101    color: #333;
102    background-color: #eee;
103    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
104    .linear-gradient("top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%");
105    border: 1px solid #ccc;
106    border-radius: 2px;
107    padding: .1em .5em;
108    cursor: pointer;
109}
110#IE7 input.button,
111#IE7 button {
112    line-height: 1.4;
113    overflow: visible;
114}
115
116input[type=submit]:hover,
117input[type=submit]:active,
118input[type=submit]:focus,
119input[type=button]:hover,
120input[type=button]:active,
121input[type=button]:hover,
122input[type=reset]:hover,
123input[type=reset]:active,
124input[type=reset]:hover,
125input.button:hover,
126input.button:active,
127input.button:focus,
128a.button:hover,
129a.button:active,
130a.button:focus,
131button:hover,
132button:active,
133button:focus,
134.qq-upload-button:hover,
135.detail-tools a:hover {
136    border-color: #999;
137    background-color: #ddd;
138    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
139    .linear-gradient("top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%");
140}
141
142input::-moz-focus-inner,
143button::-moz-focus-inner {
144    border: 0;
145    padding: 0;
146}
147
148input[disabled],
149button[disabled],
150select[disabled],
151textarea[disabled],
152option[disabled],
153input[readonly],
154button[readonly],
155select[readonly],
156textarea[readonly] {
157    cursor: auto;
158    opacity: .5;
159    background-color: #eee;
160}
161