app/Resources/static/themes/baggy/css/save.scss

   1 /* ==========================================================================
   2   "save a link" related styles
   3   ========================================================================== */
   4
   5 .popup-form {
   6   background: rgba(0, 0, 0, 0.5);
   7   position: absolute;
   8   top: 0;
   9   left: 10em;
  10   z-index: 20;
  11   height: 100%;
  12   width: 100%;
  13   margin: 0;
  14   margin-top: -30% !important;
  15   padding: 2em;
  16   display: none;
  17   border-left: 1px #eee solid;
  18
  19   form {
  20     background-color: #fff;
  21     position: absolute;
  22     top: 0;
  23     left: 0;
  24     z-index: 20;
  25     border: 10px solid #000;
  26     width: 400px;
  27     height: 200px;
  28     padding: 2em;
  29   }
  30 }
  31
  32 #bagit-form-form .addurl {
  33   margin-left: 0;
  34 }
  35
  36 .closeMessage,
  37 .close-button {
  38   background-color: #000;
  39   color: #fff;
  40   font-size: 1.2em;
  41   line-height: 1.6;
  42   width: 1.6em;
  43   height: 1.6em;
  44   text-align: center;
  45   text-decoration: none;
  46
  47   &:hover,
  48   &:focus {
  49     background-color: #999;
  50     color: #000;
  51   }
  52 }
  53
  54 .close-button--popup {
  55   display: inline-block;
  56   position: absolute;
  57   top: 0;
  58   right: 0;
  59   font-size: 1.4em;
  60 }
  61
  62 .active-current {
  63   background-color: #999;
  64
  65   &::after {
  66     content: "";
  67     width: 0;
  68     height: 0;
  69     position: absolute;
  70     border: 10px solid transparent;
  71     border-right-color: #eee;
  72     right: 0;
  73     top: 50%;
  74     margin-top: -10px;
  75   }
  76 }
  77
  78 .opacity03 {
  79   opacity: 0.3;
  80 }
  81
  82 .add-to-wallabag-link-after {
  83   background-color: #000;
  84   color: #fff;
  85   padding: 0 3px 2px;
  86 }
  87
  88 a.add-to-wallabag-link-after {
  89   visibility: hidden;
  90   position: absolute;
  91   opacity: 0;
  92   transition-duration: 2s;
  93   transition-timing-function: ease-out;
  94 }
  95
  96 #article article a:hover + a.add-to-wallabag-link-after,
  97 a.add-to-wallabag-link-after:hover {
  98   opacity: 1;
  99   visibility: visible;
 100   transition-duration: 0.3s;
 101   transition-timing-function: ease-in;
 102 }
 103
 104 a.add-to-wallabag-link-after::after {
 105   content: "w";
 106 }
 107
 108 #add-link-result {
 109   font-weight: bold;
 110   font-size: 0.9em;
 111 }
 112
 113 .btn-clickable {
 114   cursor: pointer;
 115 }