PageRenderTime 53ms CodeModel.GetById 29ms RepoModel.GetById 0ms app.codeStats 0ms

/vendor/plugins/community_engine/assets/stylesheets/forum.css

https://github.com/huwy/givechange_dev
CSS | 606 lines | 471 code | 100 blank | 35 comment | 0 complexity | 4869e7a927159ecd07ce716766bdd3e2 MD5 | raw file
Possible License(s): MIT
  1. #content form {margin-bottom:0;}
  2. #content p.subtle {
  3. margin:0 0 0.5em;
  4. float:right;
  5. }
  6. #content .subtle a {
  7. color:#999;
  8. font-size:0.7em;
  9. }
  10. #search_box {
  11. font-size:0.85em;
  12. }
  13. img { border-width:0; }
  14. p.pages {
  15. clear:both;
  16. margin: 2.2em 2em 0 0;
  17. }
  18. span.pipe {
  19. color:#999;
  20. margin:0 0.15em;
  21. }
  22. div.news {
  23. background:#cfc;
  24. text-align:center;
  25. margin:0 auto;
  26. width:40em;
  27. margin-top:1em;
  28. padding:7px 15px;
  29. font-weight:bold;
  30. }
  31. div.news p { margin:0; }
  32. p.notice,
  33. p.sections {
  34. background:#df9;
  35. padding:7px 15px;
  36. border:1px solid #bd7;
  37. margin-top:0;
  38. }
  39. p.error {
  40. background:#c00;
  41. color:white;
  42. }
  43. p.sections a.action { color:#c00; }
  44. .hasfile {
  45. color:#090;
  46. font-weight:bold;
  47. margin-left:10em;
  48. }
  49. h1 img { vertical-align:middle; }
  50. p.subtitle {
  51. color:#888;
  52. font-weight:bold;
  53. }
  54. p.subtitle img { vertical-align: bottom; }
  55. /*h1 span { font-size:0.8em; color:#999; font-weight:normal; padding-left: 1em;}
  56. h2 {
  57. font-size:1.0em; }
  58. h2 span {
  59. color:#999;
  60. font-size:0.7em;
  61. margin-left:1em;
  62. }
  63. h3 {
  64. padding:2px 10px 3px;
  65. background:#333;
  66. color:white;
  67. border-bottom:1px solid #999;
  68. font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  69. }
  70. h6 { margin-bottom:0; }*/
  71. pre.explain {
  72. background:#e7e7e7;
  73. padding:7px 15px;
  74. border:1px solid #ccc;
  75. margin:0 2em;
  76. }
  77. hr {
  78. height:0;
  79. border:0;
  80. border-bottom:1px solid #ccc;
  81. margin:1em 0;
  82. }
  83. #right hr { border-color:#bbb; }
  84. #monitor_topic {
  85. font-size: 12px;
  86. }
  87. #monitor_topic .icon {
  88. background-image:none;
  89. }
  90. ul.quotes, ul.flat {
  91. margin: 0 0 10px 0;
  92. padding-left:0;
  93. list-style-type:none;
  94. }
  95. ul.talking li span {
  96. color:#666;
  97. }
  98. ul.flat li {
  99. display:block;
  100. float: left;
  101. background:url(/plugin_assets/community_engine/images/small_circle.gif) no-repeat 5px 6px;
  102. padding-left:15px;
  103. }
  104. ul.flat li.label {
  105. background:none;
  106. padding-left:0;
  107. }
  108. ul.ways li span {
  109. color:#666;
  110. }
  111. ul.quotes {
  112. font-size:0.8em;
  113. }
  114. ul.quotes li {margin-bottom:1em; }
  115. ul.quotes span {
  116. color:#666;
  117. font-size:0.9em;
  118. }
  119. a.utility {
  120. font-weight:normal;
  121. color:#c00;
  122. font-size:0.9em;
  123. }
  124. a.remove { color:#c00; }
  125. a.utility:hover {
  126. color:#c00;
  127. text-decoration:underline;
  128. }
  129. a.subtle { color:#369; }
  130. a.subtle:hover { color:blue; }
  131. div.asset {
  132. background:#e7e7e7;
  133. padding:7px 15px;
  134. border-bottom:1px solid #ccc;
  135. font-size:0.9em;
  136. margin-bottom:1em;
  137. text-align:center;
  138. }
  139. input.primary {
  140. font-size:1.2em;
  141. }
  142. input.submit {
  143. margin-right:1em;
  144. float:right;
  145. }
  146. /* layout of paste */
  147. .pastebox {
  148. width:100%;
  149. }
  150. p.private,
  151. #content .legend {
  152. margin-top:0;
  153. color:#999;
  154. font-size:0.8em;
  155. }
  156. #content .legend span strong { color: black; }
  157. #content .legend span {
  158. margin-right:5em;
  159. }
  160. p.private img { vertical-align:bottom;}
  161. p.private {
  162. xcolor:white;
  163. color:#c00;
  164. font-weight:bold;
  165. }
  166. p.psmall {
  167. font-size:0.7em;
  168. font-weight:normal;
  169. }
  170. div.upload {
  171. margin-top:-0.5em;
  172. xbackground:#e7e7e7;
  173. padding:7px 0;
  174. float:left;
  175. xwidth:63%;
  176. margin-left:0.5em;
  177. }
  178. div.upload p label { font-size:0.7em; font-weight:bold;}
  179. div.upload p {margin:0}
  180. div.upload input { margin-left:0.75em;}
  181. div.upload a {
  182. color:#666;
  183. font-size:0.8em;
  184. }
  185. .pastePreview pre { font-size:0.9em; }
  186. .pastePreview p {
  187. color:#777;
  188. font-size:0.7em;
  189. margin:0 0 0.5em;
  190. }
  191. .pastePreview .when { float:right; }
  192. .pastePreview .when strong { color:black; }
  193. #news {
  194. background:#248;
  195. background:#475f30;
  196. border:2px solid #778f60;
  197. border-width:2px 0;
  198. padding:5px 4%;
  199. color:#ffc;
  200. text-align:center;
  201. position:fixed;
  202. bottom:0;
  203. width:100%;
  204. padding:6px 0 7px;
  205. z-index:50;
  206. }
  207. #news a.subtle { color:#ffc; font-weight:normal;}
  208. #news a {color:gold; font-weight:bold}
  209. #news p {margin:0;}
  210. .line_numbers,
  211. .lineNumbers {
  212. color:#999;
  213. padding-right:0.5em;
  214. text-align:right;
  215. }
  216. .line_numbers strong { color:#555; }
  217. td.code,
  218. .thePaste {
  219. padding-left:0.75em;
  220. }
  221. label {
  222. color:#666;
  223. font-size:0.75em;
  224. font-weight:normal;
  225. }
  226. /* random */
  227. .photo {
  228. background:#aaa url(/plugin_assets/community_engine/images/clearbits/smile.gif) no-repeat 8px 8px;
  229. }
  230. #footer_content .photo {
  231. /* Prevents conflict with footer class*/
  232. background: none;
  233. }
  234. .smallutils {
  235. xfloat:right;
  236. margin-top:-0.5em;
  237. margin-bottom:0em;
  238. text-align:right;
  239. }
  240. .smallutils a {
  241. color:#666;
  242. font-size:0.7em;
  243. }
  244. .smallutils a:hover {color:#369;}
  245. /* tables */
  246. table.noborder td {
  247. border:0;
  248. }
  249. table.nopad td {
  250. padding-left:0;}
  251. table.wide {
  252. width:100%; }
  253. table.wide tr th {
  254. background:#333;
  255. color:white;
  256. padding:3px 10px;
  257. border:1px solid #222;
  258. }
  259. table.wide tr td {
  260. padding:7px;
  261. border:1px solid #ddd;
  262. }
  263. /* topics */
  264. #forum_description,
  265. #topic_body {
  266. width:99%;
  267. }
  268. /* specific table styles */
  269. table.forums tr td .desc {
  270. margin:0.5em 0;
  271. }
  272. table.forums tr td {
  273. padding:4px 15px;
  274. }
  275. table.forums a.tiny {
  276. font-size:0.8em;
  277. color:#666;
  278. }
  279. table.forums .posts {
  280. color:#666;
  281. }
  282. table tr th.la { text-align:left; }
  283. table tr td.ca { text-align:center; }
  284. table tr td.inv { background:#eee; }
  285. table tr td.vat { vertical-align:top; }
  286. table tr td.narrow { padding:2px 5px;}
  287. /* users */
  288. a.admin {
  289. color:#c00;
  290. font-weight:bold;
  291. }
  292. /* last post */
  293. table tr td.lp {
  294. font-size:0.85em;
  295. color:#333; }
  296. table tr td.lp span { color:#666; }
  297. table tr td.lp span a { color:#369; }
  298. table.topics tr td.c1 { border-right:0; padding-right:2px; }
  299. table.topics tr td.c2 { border-left:0; padding-left:2px; }
  300. table.topics tr td.c3 { border-left:0; }
  301. table.forums tr td.c1 { border-right:0; padding-right:5px; padding-top:7px; }
  302. table.forums tr td.c2 { border-width:1px 0; padding-left:5px; }
  303. table.forums tr td.c3 { border-left:0; padding-left:5px; }
  304. table.topics tr td.c2 small a { color:#666; }
  305. table.topics tr td.stat { font-size:0.9em; }
  306. /* misc */
  307. .button_or {
  308. color:#666;
  309. padding-left:0.5em;
  310. }
  311. .button_or a { color:#c00; }
  312. form.dialog {
  313. margin-top:3em;
  314. background:#eee;
  315. width:300px;
  316. padding:15px;
  317. }
  318. form .entryhelp {
  319. font-size:0.7em;
  320. }
  321. form .help {
  322. font-size:0.8em;
  323. }
  324. span.arrow {
  325. font-weight:normal;
  326. font-size:0.9em;
  327. color:#999;
  328. }
  329. div.stats {
  330. margin-top:2em;
  331. background:#A3CBEF;
  332. padding:15px 15px;
  333. border:2px solid #918F8F;
  334. border-width:1px 0;
  335. width: 94%;
  336. }
  337. div.stats .posts { float:right; text-align:right; }
  338. /* breadcrumbs */
  339. .crumbs {
  340. width: 97%;
  341. font-size:0.75em;
  342. }
  343. .crumbs a { color:#468; }
  344. .crumbs a:hover { color:#00c; text-decoration:underline; }
  345. /* posts */
  346. table.posts {
  347. border-bottom:2px solid #eee;
  348. }
  349. table.posts tr td {
  350. border:0;
  351. }
  352. table.posts tr.spacer td {
  353. font-size:1px;
  354. }
  355. /* fade edit links */
  356. .post .author .edit a {
  357. font-size:0.7em;
  358. color:#666;
  359. }
  360. .post .author img {
  361. float:left;
  362. margin-right:0.5em;
  363. }
  364. .post .author {
  365. border-top:2px solid #eee;
  366. padding:5px 10px;
  367. background:#eee;
  368. font-weight:bold;
  369. color:#333;
  370. font-size:0.9em;
  371. min-height:32px;
  372. width:10em;
  373. min-width:8em;
  374. vertical-align:top;
  375. }
  376. .post .author .posts {
  377. display:block;
  378. font-size:0.75em;
  379. color:black;
  380. color:#666;
  381. }
  382. .post .author a {
  383. color:#333;
  384. text-decoration:none;
  385. }
  386. .post .author a.admin {
  387. color:#080;
  388. }
  389. .post .author a:hover {
  390. color:#369;
  391. text-decoration:underline;
  392. }
  393. .post .date {
  394. color:#666;
  395. font-weight:normal;
  396. margin-bottom:0.5em;
  397. }
  398. .posts .post .body {
  399. border-top:2px solid #eee;
  400. padding:10px 20px;
  401. }
  402. .posts .post .body blockquote {
  403. border:1px solid #cda;
  404. border-left:3px solid #9a7;
  405. border-right:0;
  406. background:#efc;
  407. padding:1px 10px;
  408. margin-left:0;
  409. }
  410. .posts .post .body pre {
  411. font-size:0.8em;
  412. background:#eee;
  413. padding:5px 10px;
  414. border:1px solid #ccc;
  415. border-left:3px solid #ddd;
  416. border-right:0;
  417. overflow:auto;
  418. font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif;
  419. }
  420. .posts .post .body a:hover { color:brown; }
  421. .posts .post .body blockquote p {
  422. margin:0.5em 0;
  423. }
  424. .post .body p.topic {
  425. font-weight:bold;
  426. background:#eee;
  427. padding:2px 10px;
  428. }
  429. /* editing posts */
  430. /* other stuff */
  431. p.online {margin-bottom:0;}
  432. img.icon {
  433. background:#696;
  434. background-image: url(/plugin_assets/community_engine/images/clearbits/bg_rounded.gif);
  435. background-repeat: no-repeat;
  436. vertical-align: bottom;
  437. }
  438. img.reply { float:right; }
  439. img.orange { background-color:darkorange; }
  440. img.grey { background-color:#ccc; }
  441. img.darkgrey { background-color:#999; }
  442. img.green { background-color:#0c0;}
  443. .post .author .icon {
  444. float:right;
  445. }
  446. /* reply */
  447. div.editbox {
  448. background:url(/plugin_assets/community_engine/images/reply_background.png);
  449. border:2px solid #333;
  450. border-width:2px 0;
  451. position:fixed;
  452. bottom:0;
  453. left:0;
  454. width:100%;
  455. padding:6px 0 7px 10px;
  456. z-index:50;
  457. }
  458. div.editbox .container {
  459. width:92%;
  460. }
  461. div.editbox p { margin:0.5em 0;}
  462. div.editbox textarea {
  463. width: 99%;
  464. background:white;
  465. opacity:1;
  466. height: 150px;
  467. }
  468. div.editbox .button_or a {
  469. color:#ccc;
  470. }
  471. div.editbox table td { border:0; }
  472. div.editbox a.utility {
  473. color: #f99;
  474. padding: 2px 5px 4px;
  475. display: block;
  476. float: right;
  477. text-align: right;
  478. margin-top: 0.2em;
  479. }
  480. div.editbox h5 {
  481. background:#222;
  482. color:white;
  483. padding:2px 10px 3px;
  484. font-size:0.7em;
  485. margin:0.2em 0 0.5em;
  486. }
  487. div.editbox p.help span,
  488. div.editbox ul.help span { color:#666; }
  489. div.editbox p.help,
  490. div.editbox ul.help {
  491. padding:3px 10px;
  492. color:#ccc;
  493. }
  494. div.editbox ul.help { margin:0; }
  495. div.editbox ul.help {
  496. list-style-type:none; }
  497. #monitor_topic {
  498. margin-right:2em;
  499. }
  500. #monitor_topic a {
  501. color: #666;
  502. }