Front end of the Slack clone application.

localforage.css 1.8KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @font-face {
  2. font-family: 'icomoon';
  3. src: url("../fonts/icomoon.eot");
  4. src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),
  5. url("../fonts/icomoon.ttf") format("truetype"),
  6. url("../fonts/icomoon.woff") format("woff"),
  7. url("../fonts/icomoon.svg#icomoon") format("svg");
  8. font-weight:normal;
  9. font-style:normal;
  10. }
  11. body:not(.no-literate) .content > pre + p,
  12. body:not(.no-literate) .content > blockquote + p,
  13. body:not(.no-literate) .content > pre + ul,
  14. body:not(.no-literate) .content > blockquote + ul,
  15. body:not(.no-literate) .content > pre + dl,
  16. body:not(.no-literate) .content > blockquote + dl,
  17. body:not(.no-literate) .content > pre + ol,
  18. body:not(.no-literate) .content > blockquote + ol,
  19. body:not(.no-literate) .content > pre + h4,
  20. body:not(.no-literate) .content > blockquote + h4,
  21. body:not(.no-literate) .content > pre + h5,
  22. body:not(.no-literate) .content > blockquote + h5,
  23. body:not(.no-literate) .content > pre + h6,
  24. body:not(.no-literate) .content > blockquote + h6 {
  25. clear: left;
  26. }
  27. body:not(.no-literate) .content > p,
  28. body:not(.no-literate) .content > ul,
  29. body:not(.no-literate) .content > dl,
  30. body:not(.no-literate) .content > ol,
  31. body:not(.no-literate) .content > h4,
  32. body:not(.no-literate) .content > h5,
  33. body:not(.no-literate) .content > h6 {
  34. float: none;
  35. }
  36. .content dl > dt {
  37. font-weight: bold;
  38. margin-left: -1.5em;
  39. }
  40. .content dl > dd {
  41. width: 85%;
  42. }
  43. aside {
  44. box-sizing: border-box;
  45. clear: left;
  46. display: block;
  47. margin: 10px 40px;
  48. padding: 10px;
  49. max-width: 50%;
  50. }
  51. aside a,
  52. aside a:focus,
  53. aside a:hover {
  54. display: inline-block;
  55. color: #000;
  56. padding: 0 1px;
  57. text-decoration: underline;
  58. }
  59. aside a:active {
  60. background: #f3f6fb;
  61. }
  62. aside.notice {
  63. background: #d2dbeb;
  64. }
  65. aside.notice::before {
  66. content: "\e602";
  67. display: inline-block;
  68. font-family: 'icomoon';
  69. margin: 0 0.5em;
  70. }