redactor.less 30 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006
  1. .clearfix() {
  2. &:after {
  3. content: "";
  4. display: table;
  5. clear: both;
  6. }
  7. }
  8. .transition-redactor(@transition: all linear .2s) {
  9. -moz-transition: @transition;
  10. transition: @transition;
  11. }
  12. .opacity-redactor(@opacity: 100) {
  13. filter: e(%("alpha(opacity=%d)", @opacity));
  14. -moz-opacity: @opacity / 100;
  15. opacity: @opacity / 100;
  16. }
  17. .box-sizing-redactor(@box-model) {
  18. -webkit-box-sizing: @box-model;
  19. -moz-box-sizing: @box-model;
  20. box-sizing: @box-model;
  21. }
  22. .striped-redactor(@color: rgba(255, 255, 255, .2); @angle: 45deg) {
  23. background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
  24. background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
  25. background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
  26. }
  27. .animation-redactor(@animation) {
  28. -webkit-animation: @animation;
  29. -o-animation: @animation;
  30. animation: @animation;
  31. }
  32. // VARIABLES
  33. @redactorFontFamily: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  34. @redactorCodeFontFamily: Menlo, Monaco, monospace, sans-serif !important;
  35. @redactorFontSize: 14px;
  36. @redactorLineHeight: 1.6em;
  37. /*
  38. Icon font
  39. */
  40. @font-face {
  41. font-family: 'RedactorFont';
  42. src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
  43. url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  44. font-weight: normal;
  45. font-style: normal;
  46. }
  47. /*
  48. Box
  49. */
  50. .redactor-box {
  51. position: relative;
  52. overflow: visible;
  53. margin-bottom: 24px;
  54. & textarea {
  55. display: block;
  56. position: relative;
  57. margin: 0;
  58. padding: 0;
  59. width: 100%;
  60. overflow: auto;
  61. outline: none;
  62. border: none;
  63. background-color: #111;
  64. box-shadow: none;
  65. color: #ccc;
  66. font-size: 13px;
  67. font-family: @redactorCodeFontFamily;
  68. resize: none;
  69. &:focus {
  70. outline: none;
  71. }
  72. }
  73. }
  74. .redactor-editor,
  75. .redactor-box {
  76. background: #fff;
  77. }
  78. /*
  79. Z-index setup
  80. */
  81. .redactor-editor,
  82. .redactor-box,
  83. .redactor-box textarea {
  84. z-index: auto;
  85. }
  86. .redactor-box-fullscreen {
  87. z-index: 1051;
  88. }
  89. .redactor-toolbar {
  90. z-index: 100;
  91. }
  92. .redactor-dropdown {
  93. z-index: 1052;
  94. }
  95. #redactor-modal-overlay,
  96. #redactor-modal-box,
  97. #redactor-modal {
  98. z-index: 1053;
  99. }
  100. /*
  101. Fullscreen
  102. */
  103. body .redactor-box-fullscreen {
  104. position: fixed;
  105. top: 0;
  106. left: 0;
  107. width: 100%;
  108. }
  109. /*
  110. Utils
  111. */
  112. .redactor-scrollbar-measure {
  113. position: absolute;
  114. top: -9999px;
  115. width: 50px;
  116. height: 50px;
  117. overflow: scroll;
  118. }
  119. /*
  120. Editor
  121. */
  122. .redactor-editor {
  123. position: relative;
  124. overflow: auto;
  125. margin: 0 !important;
  126. padding: 20px;
  127. min-height: 80px;
  128. outline: none;
  129. white-space: normal;
  130. border: 1px solid #eee;
  131. font-family: @redactorFontFamily;
  132. font-size: @redactorFontSize;
  133. line-height: @redactorLineHeight;
  134. &:focus {
  135. outline: none;
  136. }
  137. }
  138. .toolbar-fixed-box + .redactor-editor {
  139. padding-top: 32px !important;
  140. }
  141. /*
  142. Placeholder
  143. */
  144. .redactor-placeholder:after {
  145. position: absolute;
  146. top: 20px;
  147. left: 20px;
  148. content: attr(placeholder);
  149. display: block; /* For Firefox */
  150. color: #999 !important;
  151. font-weight: normal !important;
  152. }
  153. /*
  154. Toolbar
  155. */
  156. .redactor-toolbar {
  157. position: relative;
  158. top: 0;
  159. left: 0;
  160. margin: 0 !important;
  161. padding: 0 !important;
  162. list-style: none !important;
  163. font-size: 14px !important;
  164. line-height: 1 !important;
  165. background: #fff;
  166. border: none;
  167. box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  168. .clearfix;
  169. &.redactor-toolbar-overflow {
  170. overflow-y: auto;
  171. height: 29px;
  172. white-space: nowrap;
  173. }
  174. &.redactor-toolbar-external {
  175. z-index: 999;
  176. box-shadow: none;
  177. border: 1px solid rgba(0, 0, 0, .1);
  178. }
  179. & li {
  180. vertical-align: top;
  181. display: inline-block;
  182. margin: 0 !important;
  183. padding: 0 !important;
  184. outline: none;
  185. list-style: none !important;
  186. .box-sizing-redactor(content-box);
  187. }
  188. & li a {
  189. display: block;
  190. color: #333;
  191. text-align: center;
  192. padding: 9px 10px;
  193. cursor: pointer;
  194. outline: none;
  195. border: none;
  196. text-decoration: none;
  197. cursor: pointer;
  198. zoom: 1;
  199. .box-sizing-redactor(content-box);
  200. }
  201. & li a {
  202. &:hover {
  203. outline: none;
  204. background-color: rgba(31,120,216,1);
  205. color: #fff;
  206. }
  207. &:hover i:before {
  208. color: #fff;
  209. }
  210. &:active,
  211. &.redactor-act {
  212. outline: none;
  213. background-color: #ccc;
  214. color: #444;
  215. }
  216. }
  217. & li a.redactor-btn-image {
  218. width: 14px;
  219. height: 14px;
  220. background-position: center center;
  221. background-repeat: no-repeat;
  222. }
  223. & li a.fa-redactor-btn {
  224. display: inline-block;
  225. padding: 9px 10px 8px 10px;
  226. line-height: 1;
  227. }
  228. & li a.redactor-button-disabled {
  229. .opacity-redactor(30);
  230. &:hover {
  231. color: #333;
  232. outline: none;
  233. background-color: transparent !important;
  234. cursor: default;
  235. }
  236. }
  237. & li a.redactor-button-focus {
  238. color:#fff;
  239. background:#000;
  240. }
  241. }
  242. /*
  243. CodeMirror
  244. */
  245. .redactor-box .CodeMirror {
  246. display: none;
  247. }
  248. /*
  249. Icons
  250. */
  251. .re-icon {
  252. font-family: 'RedactorFont';
  253. speak: none;
  254. font-style: normal;
  255. font-weight: normal;
  256. font-variant: normal;
  257. text-transform: none;
  258. line-height: 1;
  259. -webkit-font-smoothing: antialiased;
  260. -moz-osx-font-smoothing: grayscale;
  261. }
  262. .re-icon i:before {
  263. position: relative;
  264. font-size: 14px;
  265. }
  266. .re-video:before {
  267. content: "\e600";
  268. }
  269. .re-unorderedlist:before {
  270. content: "\e601";
  271. }
  272. .re-undo:before {
  273. content: "\e602";
  274. }
  275. .re-underline:before {
  276. content: "\e603";
  277. }
  278. .re-textdirection:before {
  279. content: "\e604";
  280. }
  281. .re-fontcolor:before {
  282. content: "\e605";
  283. }
  284. .re-table:before {
  285. content: "\e606";
  286. }
  287. .re-redo:before {
  288. content: "\e607";
  289. }
  290. .re-quote:before {
  291. content: "\e608";
  292. }
  293. .re-outdent:before {
  294. content: "\e609";
  295. }
  296. .re-orderedlist:before {
  297. content: "\e60a";
  298. }
  299. .re-link:before {
  300. content: "\e60b";
  301. }
  302. .re-horizontalrule:before {
  303. content: "\e60c";
  304. }
  305. .re-italic:before {
  306. content: "\e60d";
  307. }
  308. .re-indent:before {
  309. content: "\e60e";
  310. }
  311. .re-image:before {
  312. content: "\e60f";
  313. }
  314. .re-fullscreen:before {
  315. content: "\e610";
  316. }
  317. .re-normalscreen:before {
  318. content: "\e611";
  319. }
  320. .re-formatting:before {
  321. content: "\e612";
  322. }
  323. .re-fontsize:before {
  324. content: "\e613";
  325. }
  326. .re-fontfamily:before {
  327. content: "\e614";
  328. }
  329. .re-deleted:before {
  330. content: "\e615";
  331. }
  332. .re-html:before {
  333. content: "\e616";
  334. }
  335. .re-clips:before {
  336. content: "\e617";
  337. }
  338. .re-bold:before {
  339. content: "\e618";
  340. }
  341. .re-backcolor:before {
  342. content: "\e619";
  343. }
  344. .re-file:before {
  345. content: "\e61a";
  346. }
  347. .re-alignright:before {
  348. content: "\e61b";
  349. }
  350. .re-alignment:before,
  351. .re-alignleft:before {
  352. content: "\e61c";
  353. }
  354. .re-alignjustify:before {
  355. content: "\e61d";
  356. }
  357. .re-aligncenter:before {
  358. content: "\e61e";
  359. }
  360. .re-gallery:before {
  361. content: "\e61f";
  362. }
  363. /*
  364. Toolbar tooltip
  365. */
  366. .redactor-toolbar-tooltip {
  367. position: absolute;
  368. z-index: 1054;
  369. text-align: center;
  370. top: 0;
  371. left: 0;
  372. background: #000;
  373. color: #fff;
  374. padding: 5px 8px;
  375. line-height: 1;
  376. font-family: @redactorFontFamily;
  377. font-size: 12px;
  378. border-radius: 2px;
  379. }
  380. /*
  381. Dropdown
  382. */
  383. .redactor-dropdown {
  384. position: absolute;
  385. top: 28px;
  386. left: 0;
  387. padding: 0;
  388. min-width: 220px;
  389. max-height: 254px;
  390. overflow: auto;
  391. background-color: #fff;
  392. box-shadow: 0 1px 7px rgba(0, 0, 0, .25);
  393. font-size: @redactorFontSize;
  394. font-family: @redactorFontFamily;
  395. line-height: @redactorLineHeight;
  396. & a {
  397. display: block;
  398. padding: 10px 15px;
  399. color: #000;
  400. text-decoration: none;
  401. border-bottom: 1px solid rgba(0, 0, 0, .07);
  402. &:last-child {
  403. border-bottom: none;
  404. }
  405. &:hover {
  406. background-color: rgba(31, 120, 216, 1);
  407. color: #fff !important;
  408. text-decoration: none;
  409. }
  410. &.selected {
  411. background-color: #000;
  412. color: #fff;
  413. }
  414. &.redactor-dropdown-link-inactive,
  415. &.redactor-dropdown-link-inactive:hover {
  416. background: none;
  417. cursor: default;
  418. color: #000 !important;
  419. .opacity-redactor(40);
  420. }
  421. &.redactor-dropdown-link-selected {
  422. color:#fff;
  423. background:#000;
  424. }
  425. }
  426. }
  427. /*
  428. IMAGE BOX
  429. */
  430. #redactor-image-box {
  431. position: relative;
  432. max-width: 100%;
  433. display: inline-block;
  434. line-height: 0;
  435. outline: 1px dashed rgba(0, 0, 0, .6),
  436. }
  437. #redactor-image-editter {
  438. position: absolute;
  439. z-index: 5;
  440. top: 50%;
  441. left: 50%;
  442. margin-top: -11px;
  443. margin-left: -18px;
  444. line-height: 1;
  445. background-color: #000;
  446. color: #fff;
  447. font-size: 11px;
  448. padding: 7px 10px;
  449. cursor: pointer;
  450. }
  451. #redactor-image-resizer {
  452. position: absolute;
  453. z-index: 2;
  454. line-height: 1;
  455. cursor: nw-resize;
  456. bottom: -4px;
  457. right: -5px;
  458. border: 1px solid #fff;
  459. background-color: #000;
  460. width: 8px;
  461. height: 8px;
  462. }
  463. /*
  464. LINK TOOLTIP
  465. */
  466. .redactor-link-tooltip {
  467. position: absolute;
  468. z-index: 99;
  469. padding: 10px;
  470. line-height: 1;
  471. display: inline-block;
  472. background-color: #000;
  473. color: #555 !important;
  474. }
  475. .redactor-link-tooltip,
  476. .redactor-link-tooltip a {
  477. font-size: 12px;
  478. font-family: @redactorFontFamily;
  479. }
  480. .redactor-link-tooltip a {
  481. color: #ccc;
  482. margin: 0 5px;
  483. text-decoration: none;
  484. &:hover {
  485. color: #fff;
  486. }
  487. }
  488. /*
  489. DROPAREA
  490. */
  491. #redactor-droparea {
  492. position: relative;
  493. overflow: hidden;
  494. padding: 140px 20px;
  495. border: 3px dashed rgba(0, 0, 0, .1);
  496. &.drag-hover {
  497. background: rgba(200, 222, 250, 0.75);
  498. }
  499. &.drag-drop {
  500. background: rgba(250, 248, 200, 0.5);
  501. }
  502. }
  503. #redactor-droparea-placeholder {
  504. text-align: center;
  505. font-size: 12px;
  506. color: rgba(0, 0, 0, .7);
  507. }
  508. /*
  509. PROGRESS
  510. */
  511. #redactor-progress {
  512. position: fixed;
  513. top: 0;
  514. left: 0;
  515. width: 100%;
  516. z-index: 1000000;
  517. height: 10px;
  518. }
  519. #redactor-progress span {
  520. display: block;
  521. width: 100%;
  522. height: 100%;
  523. background-color: #3d58a8;
  524. .striped-redactor();
  525. .animation-redactor(progress-bar-stripes 2s linear infinite);
  526. background-size: 40px 40px;
  527. }
  528. @-webkit-keyframes progress-bar-stripes {
  529. from { background-position: 40px 0; }
  530. to { background-position: 0 0; }
  531. }
  532. @-o-keyframes progress-bar-stripes {
  533. from { background-position: 40px 0; }
  534. to { background-position: 0 0; }
  535. }
  536. @keyframes progress-bar-stripes {
  537. from { background-position: 40px 0; }
  538. to { background-position: 0 0; }
  539. }
  540. /*
  541. MODAL
  542. */
  543. #redactor-modal-overlay {
  544. position: fixed;
  545. top: 0;
  546. left: 0;
  547. margin: auto;
  548. overflow: auto;
  549. width: 100%;
  550. height: 100%;
  551. background-color: #000 !important;
  552. .opacity-redactor(30);
  553. }
  554. #redactor-modal-box {
  555. position: fixed;
  556. top: 0;
  557. left: 0;
  558. bottom: 0;
  559. right: 0;
  560. overflow-x: hidden;
  561. overflow-y: auto;
  562. }
  563. #redactor-modal {
  564. outline:0;
  565. position: relative;
  566. margin: auto;
  567. margin-bottom: 20px;
  568. padding: 0;
  569. background: #fff;
  570. color: #000;
  571. font-size: 14px !important;
  572. font-family: @redactorFontFamily;
  573. box-shadow: 0 1px 70px rgba(0, 0, 0, .5);
  574. & header {
  575. padding: 30px 40px 5px 40px;
  576. font-size: 18px;
  577. font-weight: bold;
  578. }
  579. & section {
  580. padding: 30px 40px 50px 40px;
  581. }
  582. & label {
  583. display: block;
  584. float: none !important;
  585. margin: 15px 0 3px 0 !important;
  586. padding: 0;
  587. }
  588. & input[type="radio"],
  589. & input[type="checkbox"] {
  590. position: relative;
  591. top: -1px;
  592. }
  593. & select {
  594. width: 100%;
  595. }
  596. & input[type="text"],
  597. & input[type="password"],
  598. & input[type="email"],
  599. & input[type="url"],
  600. & textarea {
  601. position: relative;
  602. z-index: 2;
  603. margin: 0;
  604. padding: 5px 4px;
  605. height: 28px;
  606. border: 1px solid #ccc;
  607. border-radius: 1px;
  608. background-color: white;
  609. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  610. color: #333;
  611. width: 100%;
  612. font-size: 14px;
  613. font-family: @redactorFontFamily;
  614. .transition-redactor(border 0.3s ease-in);
  615. &:focus {
  616. outline: none;
  617. border-color: #5ca9e4;
  618. box-shadow: 0 0 0 2px rgba(70, 161, 231, .3), 0 1px 2px rgba(0, 0, 0, .2) inset;
  619. }
  620. &.redactor-input-error {
  621. border-color: #e82f2f;
  622. box-shadow: 0 0 0 2px rgba(232, 47, 47, .3), 0 1px 2px rgba(0, 0, 0, .2) inset;
  623. }
  624. }
  625. & textarea {
  626. display: block;
  627. margin-top: 4px;
  628. line-height: 1.4em;
  629. }
  630. }
  631. /*
  632. Tabs in Modal
  633. */
  634. #redactor-modal-tabber {
  635. margin-bottom: 15px;
  636. font-size: 12px;
  637. & a {
  638. border: 1px solid #ddd;
  639. line-height: 1;
  640. padding: 8px 15px;
  641. margin-right: -1px;
  642. text-decoration: none;
  643. color: #000;
  644. &:hover {
  645. background-color: rgba(31,120,216,1);
  646. border-color: rgba(31,120,216,1);
  647. color: #fff;
  648. }
  649. &.active {
  650. cursor: default;
  651. background-color: #ddd;
  652. border-color: #ddd;
  653. color: rgba(0, 0, 0, .6);
  654. }
  655. }
  656. }
  657. /*
  658. List in Modal
  659. */
  660. #redactor-modal {
  661. #redactor-modal-list {
  662. margin-left: 0;
  663. padding-left: 0;
  664. list-style: none;
  665. max-height: 250px;
  666. overflow-x: auto;
  667. & li {
  668. border-bottom: 1px solid #ddd;
  669. &:last-child {
  670. border-bottom: none;
  671. }
  672. }
  673. & a {
  674. padding: 10px 5px;
  675. color: #000;
  676. text-decoration: none;
  677. font-size: 13px;
  678. display: block;
  679. position: relative;
  680. &:hover {
  681. background-color: #eee;
  682. }
  683. }
  684. }
  685. }
  686. #redactor-modal-close {
  687. position: absolute;
  688. top: 10px;
  689. right: 10px;
  690. width: 30px;
  691. height: 30px;
  692. text-align: right;
  693. color: #bbb;
  694. font-size: 30px;
  695. font-weight: 300;
  696. cursor: pointer;
  697. -webkit-appearance: none;
  698. padding:0;
  699. border:0;
  700. background:0;
  701. outline:none;
  702. &:hover {
  703. color: #000;
  704. }
  705. }
  706. #redactor-modal footer button {
  707. position: relative;
  708. width: 100%;
  709. padding: 14px 16px;
  710. margin: 0;
  711. outline: none;
  712. border: none;
  713. background-color: #ddd;
  714. color: #000;
  715. text-align: center;
  716. text-decoration: none;
  717. font-weight: normal;
  718. font-size: 12px;
  719. font-family: @redactorFontFamily;
  720. line-height: 1;
  721. cursor: pointer;
  722. &:hover {
  723. color: #777;
  724. background: none;
  725. background: #bbb;
  726. text-decoration: none;
  727. }
  728. &.redactor-modal-delete-btn {
  729. background: none;
  730. color: #fff;
  731. background-color: #b52525;
  732. &:hover {
  733. color: rgba(255, 255, 255, .6);
  734. background-color: #881b1b;
  735. }
  736. }
  737. &.redactor-modal-action-btn {
  738. background: none;
  739. color: #fff;
  740. background-color: #2461b5;
  741. &:hover {
  742. color: rgba(255, 255, 255, .6);
  743. background-color: #1a4580;
  744. }
  745. }
  746. }
  747. /*
  748. ##############################################
  749. DROPDOWN FORMATTING
  750. ##############################################
  751. */
  752. .redactor-dropdown {
  753. & .redactor-formatting-blockquote {
  754. color: rgba(0, 0, 0, .4);
  755. font-style: italic;
  756. }
  757. & .redactor-formatting-pre {
  758. font-family: monospace, sans-serif;
  759. }
  760. & .redactor-formatting-h1 {
  761. font-size: 36px;
  762. line-height: 36px;
  763. font-weight: bold;
  764. }
  765. & .redactor-formatting-h2 {
  766. font-size: 24px;
  767. line-height: 36px;
  768. font-weight: bold;
  769. }
  770. & .redactor-formatting-h3 {
  771. font-size: 21px;
  772. line-height: 30px;
  773. font-weight: bold;
  774. }
  775. & .redactor-formatting-h4 {
  776. font-size: 18px;
  777. line-height: 26px;
  778. font-weight: bold;
  779. }
  780. & .redactor-formatting-h5 {
  781. font-size: 16px;
  782. line-height: 23px;
  783. font-weight: bold;
  784. }
  785. }
  786. /*
  787. ##############################################
  788. CONTENT STYLES
  789. ##############################################
  790. */
  791. .redactor-editor {
  792. code,
  793. pre {
  794. font-family: @redactorCodeFontFamily;
  795. cursor: text;
  796. }
  797. div,
  798. p,
  799. ul,
  800. ol,
  801. table,
  802. dl,
  803. blockquote,
  804. pre {
  805. font-size: @redactorFontSize;
  806. line-height: @redactorLineHeight;
  807. }
  808. a {
  809. color: #15c;
  810. text-decoration: underline;
  811. }
  812. object,
  813. embed,
  814. video,
  815. img {
  816. max-width: 100%;
  817. width: auto;
  818. }
  819. video,
  820. img {
  821. height: auto;
  822. }
  823. div,
  824. p,
  825. ul,
  826. ol,
  827. table,
  828. dl,
  829. figure,
  830. blockquote,
  831. pre {
  832. margin: 0;
  833. margin-bottom: 15px;
  834. border: none;
  835. background: none;
  836. box-shadow: none;
  837. }
  838. iframe,
  839. object,
  840. hr {
  841. margin-bottom: 15px;
  842. }
  843. blockquote {
  844. margin-left: 1.6em !important;
  845. padding: 0;
  846. text-align: left;
  847. color: #777;
  848. font-style: italic;
  849. &:before,
  850. &:after {
  851. content: '';
  852. }
  853. }
  854. ul,
  855. ol {
  856. padding-left: 2em;
  857. }
  858. ul ul,
  859. ol ol,
  860. ul ol,
  861. ol ul {
  862. margin: 2px;
  863. padding: 0;
  864. padding-left: 2em;
  865. border: none;
  866. }
  867. ol ol li {
  868. list-style-type: lower-alpha;
  869. }
  870. ol ol ol li {
  871. list-style-type: lower-roman;
  872. }
  873. dl dt {
  874. font-weight: bold;
  875. }
  876. dd {
  877. margin-left: 1em;
  878. }
  879. table {
  880. border-collapse: collapse;
  881. font-size: 1em;
  882. width: 100%;
  883. & td,
  884. & th {
  885. padding: 5px;
  886. border: 1px solid #ddd;
  887. vertical-align: top;
  888. }
  889. }
  890. table thead td,
  891. table th {
  892. font-weight: bold;
  893. border-bottom-color: #888;
  894. }
  895. code {
  896. background-color: #d8d7d7;
  897. }
  898. pre {
  899. padding: 1em;
  900. border: 1px solid #ddd;
  901. border-radius: 3px;
  902. background: #f8f8f8;
  903. font-size: 90%;
  904. }
  905. hr {
  906. display: block;
  907. height: 1px;
  908. border: 0;
  909. border-top: 1px solid #ccc;
  910. }
  911. h1,
  912. h2,
  913. h3,
  914. h4,
  915. h5,
  916. h6 {
  917. font-weight: bold;
  918. color: #000;
  919. padding: 0;
  920. background: none;
  921. text-rendering: optimizeLegibility;
  922. margin: 0 0 .5em 0;
  923. }
  924. h1,
  925. h2,
  926. h3,
  927. h4 {
  928. line-height: 1.3;
  929. }
  930. h1 {
  931. font-size: 36px;
  932. }
  933. h2 {
  934. font-size: 24px;
  935. margin-bottom: .7em;
  936. }
  937. h3 {
  938. font-size: 21px;
  939. }
  940. h4 {
  941. font-size: 18px;
  942. }
  943. h5 {
  944. font-size: 16px;
  945. }
  946. h6 {
  947. font-size: 12px;
  948. text-transform: uppercase;
  949. }
  950. }