BookStack Code Mirror - bookstack/blob - resources/assets/sass/_pages.scss

   1 #page-show {
   2   >.row .col-md-9 {
   3     z-index: 2;
   4   }
   5   >.row .col-md-3 {
   6     z-index: 1;
   7   }
   8 }
   9
  10 .page-editor {
  11   display: flex;
  12   flex-direction: column;
  13   align-items: stretch;
  14   .faded-small {
  15     height: auto;
  16   }
  17   .edit-area {
  18     flex: 1;
  19     flex-direction: column;
  20   }
  21 }
  22
  23 .page-style.editor {
  24   padding: 0 !important;
  25 }
  26
  27 .page-content {
  28   max-width: 840px;
  29   overflow-wrap: break-word;
  30   .align-left {
  31     text-align: left;
  32   }
  33   img.align-left, table.align-left {
  34     float: left !important;
  35     margin: $-xs $-s $-xs 0;
  36   }
  37   .align-right {
  38     float: right !important;
  39   }
  40   img.align-right, table.align-right {
  41     text-align: right;
  42     margin: $-xs 0 $-xs $-s;
  43   }
  44   .align-center {
  45     text-align: center;
  46   }
  47   img {
  48     max-width: 100%;
  49     height:auto;
  50   }
  51   h1, h2, h3, h4, h5, h6 {
  52     clear: both;
  53   }
  54   hr {
  55     clear: both;
  56     margin: $-m 0;
  57   }
  58   table {
  59     word-break: break-all;
  60     word-break: break-word;
  61     hyphens: auto;
  62   }
  63 }
  64
  65 // Page content pointers
  66 .pointer-container {
  67   position: relative;
  68   display: none;
  69   left: 0;
  70   z-index: 10;
  71 }
  72 .pointer {
  73   border: 1px solid #CCC;
  74   display: inline-block;
  75   padding: $-xs $-s;
  76   border-radius: 4px;
  77   box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
  78   position: absolute;
  79   top: -60px;
  80   background-color:#FFF;
  81   width: 272px;
  82   z-index: 55;
  83   &:before {
  84     position: absolute;
  85     left: 50%;
  86     bottom: -9px;
  87     width: 16px;
  88     height: 16px;
  89     margin-left: -8px;
  90     content: '';
  91     display: block;
  92     background-color:#FFF;
  93     transform: rotate(45deg);
  94     transform-origin: 50% 50%;
  95     border-bottom: 1px solid #CCC;
  96     border-right: 1px solid #CCC;
  97     z-index: 56;
  98   }
  99   input {
 100     background-color: #FFF;
 101     border: 1px solid #DDD;
 102     color: #666;
 103     width: 172px;
 104     z-index: 40;
 105   }
 106   input, button {
 107     position: relative;
 108     border-radius: 0;
 109     height: 28px;
 110     font-size: 12px;
 111     vertical-align: top;
 112   }
 113   > i {
 114     color: #888;
 115     font-size: 18px;
 116     padding-top: 4px;
 117   }
 118   .button {
 119     line-height: 1;
 120     margin: 0 0 0 -4px;
 121     box-shadow: none;
 122   }
 123 }
 124
 125 h1, h2, h3, h4, h5, h6 {
 126   &:hover a.link-hook {
 127     opacity: 1;
 128     transform: translate3d(0, 0, 0);
 129   }
 130 }