You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

428 lines
5.1 KiB

  1. /*
  2. // Project: Web Reference Database (refbase) <http://www.refbase.net>
  3. // Copyright: Matthias Steffens <mailto:refbase@extracts.de> and the file's
  4. // original author(s).
  5. //
  6. // This code is distributed in the hope that it will be useful,
  7. // but WITHOUT ANY WARRANTY. Please see the GNU General Public
  8. // License for more details.
  9. //
  10. // File: ./css/style_mobile.css
  11. // Repository: $HeadURL$
  12. // Author(s): Matthias Steffens <mailto:refbase@extracts.de>
  13. //
  14. // Created: 14-Mar-08, 22:00
  15. // Modified: $Date: 2008-05-14 16:05:09 +0000 (Wed, 14 May 2008) $
  16. // $Author$
  17. // $Revision: 1120 $
  18. */
  19. /* refbase CSS definitions - mobile view style */
  20. body {
  21. background: #FFFFFF;
  22. color: #000000;
  23. margin: 0.5em;
  24. }
  25. pre, code {
  26. font-family: monaco,courier,monospace;
  27. font-size: 7pt;
  28. }
  29. .smaller {
  30. font-size: 0.7em;
  31. }
  32. .small {
  33. font-size: 0.7em;
  34. }
  35. .smallup {
  36. font-size: 0.85em;
  37. position: relative;
  38. top: -10px;
  39. }
  40. .moveup {
  41. position: relative;
  42. top: -8px;
  43. }
  44. .unapi {
  45. font-size: smaller;
  46. }
  47. .Z3988 {
  48. font-size: smaller;
  49. }
  50. .ok {
  51. color: #009900;
  52. }
  53. .warning {
  54. color: red;
  55. }
  56. .warning2 {
  57. color: red;
  58. font-family: "lucida grande",helvetica,arial,sans-serif;
  59. font-size: 0.75em;
  60. }
  61. .mainfieldsbg {
  62. background-color: #FFFFFF;
  63. }
  64. .otherfieldsbg {
  65. background-color: #FFFFFF;
  66. }
  67. .userfieldsbg {
  68. background-color: #FFFFFF;
  69. }
  70. th {
  71. font-family: "lucida grande",helvetica,arial,sans-serif;
  72. font-size: 0.9em;
  73. }
  74. td, div {
  75. font-family: "lucida grande",helvetica,arial,sans-serif;
  76. font-size: 0.8em;
  77. }
  78. p {
  79. font-family: "lucida grande",helvetica,arial,sans-serif;
  80. font-size: 0.8em;
  81. }
  82. div.items {
  83. }
  84. div.item, div.even, div.odd {
  85. }
  86. div.even {
  87. display: table-row;
  88. }
  89. div.odd {
  90. display: table-row;
  91. }
  92. a:link {
  93. color: #0033CC;
  94. text-decoration: none;
  95. }
  96. a:visited {
  97. color: #666666;
  98. text-decoration: none;
  99. }
  100. a:active {
  101. color: #990000;
  102. text-decoration: none;
  103. }
  104. a:hover {
  105. color: #3366FF;
  106. text-decoration: underline;
  107. }
  108. h1, h2, h3, h4 {
  109. font-family: "lucida grande",helvetica,arial,sans-serif;
  110. }
  111. h5, h6 {
  112. font-family: "lucida grande",helvetica,arial,sans-serif;
  113. }
  114. h2, h3 {
  115. margin-top: 1em;
  116. margin-bottom: 0.5em;
  117. }
  118. h2 {
  119. font-size: 1.8em;
  120. }
  121. h3 {
  122. font-size: 1.35em;
  123. }
  124. h4, h5 {
  125. margin-top: 0em;
  126. margin-bottom: 0em;
  127. }
  128. h4 {
  129. font-size: 1.25em;
  130. }
  131. h5 {
  132. font-size: 1.1em;
  133. }
  134. div.pageheader img {
  135. position: absolute;
  136. top: 2em;
  137. right: 2em;
  138. }
  139. div.pageheader p, form p {
  140. margin: 0;
  141. padding: 0;
  142. }
  143. form {
  144. margin: 0;
  145. margin-top: 1em;
  146. font-size: 0.8em;
  147. }
  148. input {
  149. }
  150. .pageheader {
  151. }
  152. .pagefooter {
  153. }
  154. .results {
  155. }
  156. .resultsheader {
  157. font-size: 1em;
  158. }
  159. .resultsfooter {
  160. margin-left: 3.3em;
  161. margin-right: 3.3em;
  162. }
  163. div.resultsfooter {
  164. margin-top: 1.2em;
  165. margin-bottom: 0.9em;
  166. }
  167. .showhide {
  168. }
  169. #resultoptions {
  170. display: none;
  171. }
  172. .resultnav {
  173. display: block;
  174. margin-top: 1em;
  175. margin-bottom: 0.5em;
  176. text-align: center;
  177. }
  178. .mainnav {
  179. display: inline-block;
  180. margin-left: 0.5em;
  181. margin-right: 1em;
  182. position: absolute;
  183. }
  184. .pagenav {
  185. display: inline-block;
  186. }
  187. .viewnav {
  188. display: inline-block;
  189. margin-top: -0.25em;
  190. margin-right: 0.5em;
  191. position: absolute;
  192. right: 8px;
  193. font-size: 0.75em;
  194. }
  195. #columns {
  196. }
  197. #details {
  198. }
  199. #citations {
  200. font-size: 0.85em;
  201. }
  202. .citation {
  203. display: inline-block;
  204. min-height: 38px;
  205. margin: 0.5em;
  206. padding-right: 45px;
  207. font-size: 1em;
  208. }
  209. #error {
  210. }
  211. #queryhistory {
  212. margin-left: 2.6em;
  213. margin-right: 2.6em;
  214. margin-bottom: 1.75em;
  215. }
  216. #currentquery, #previousqueries {
  217. margin-top: 1.2em;
  218. font-size: 1em;
  219. }
  220. #queryhistory .even, #queryhistory .odd {
  221. margin-top: 0.25em;
  222. margin-left: 1.2em;
  223. margin-right: 1.2em;
  224. font-size: 1em;
  225. }
  226. .examples {
  227. font-size: 1em;
  228. }
  229. .links {
  230. display: inline-block;
  231. min-height: 38px;
  232. margin: 0.5em;
  233. position: absolute;
  234. right: 8px;
  235. }
  236. .sect {
  237. padding-top: 2px;
  238. font-size: 1em;
  239. }
  240. .even {
  241. background-color: #FFFFFF;
  242. }
  243. .odd {
  244. background-color: #F4F4F4;
  245. }
  246. #queryform {
  247. margin-left: 0.5em;
  248. text-align: center;
  249. }
  250. #queryform input[name=query] {
  251. width: 15em;
  252. margin-bottom: 0.9em;
  253. }
  254. #resultactions {
  255. display: none;
  256. }
  257. #searchopt {
  258. display: none;
  259. }
  260. #helptxt {
  261. display: none;
  262. }
  263. #helptxt .even {
  264. display: block;
  265. margin-left: -5px;
  266. margin-top: -3px;
  267. padding: 5px;
  268. }
  269. #helptxt .odd {
  270. display: block;
  271. margin-left: -5px;
  272. padding: 5px;
  273. }
  274. .toggleimg {
  275. }
  276. .toggletxt {
  277. display: inline;
  278. margin-left: 5px;
  279. font-size: 1em;
  280. }
  281. a:link .toggletxt {
  282. color: #000000;
  283. }
  284. a:visited .toggletxt {
  285. color: #000000;
  286. }
  287. a:hover .toggletxt {
  288. color: #3366FF;
  289. }
  290. .resultviews {
  291. display: inline;
  292. font-size: 0.85em;
  293. }
  294. .activeview {
  295. display: inline;
  296. font-size: 1em;
  297. }
  298. .leftview {
  299. display: inline;
  300. font-size: 1em;
  301. }
  302. .middleview {
  303. display: inline;
  304. font-size: 1em;
  305. }
  306. .rightview {
  307. display: inline;
  308. font-size: 1em;
  309. }
  310. .toggleprint {
  311. position: relative;
  312. top: 3px;
  313. }
  314. #accountinfo {
  315. font-size: 1.25em;
  316. }
  317. #accountdetails {
  318. font-size: 1em;
  319. }
  320. #accountopt {
  321. font-size: 1em;
  322. }
  323. #accountperm {
  324. font-size: 1em;
  325. }
  326. #accountdetails ul, #accountopt ul, #accountperm ul {
  327. position: relative;
  328. top: -0.8em;
  329. list-style-type: none;
  330. font-size: 0.85em;
  331. line-height: 1.3em;
  332. }