AllMangasReader-dev/AMR

View on GitHub
css/bookmarks.css

Summary

Maintainability
Test Coverage
/**

  This file is part of All Mangas Reader.
  
  All Mangas Reader is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  All Mangas Reader is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU General Public License
  along with All Mangas Reader.  If not, see <http://www.gnu.org/licenses/>. 

*/

#resultschap, #resultschap tr {
  width:100%;
  display:block;
}
#resultschap tr td {
  display:block;
}
#resultschap tr.chapLine.odd {
  background-color:#CCCCFF;
}

#resultschap tr.chapLine.even {
  background-color:#DDDDFF;
}
#resultschap tr.chapLine.lastLine {
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
}
#resultschap tr.chapLine.firstLine {
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
}
#resultschap td.chapName {
  width:25%;
}
#resultschap td.chapName a {
  text-decoration:none;
  color:#00A;
  font-weight:bold;
  cursor:pointer;
  font-family:Verdana;
}
#resultschap td.chapNote {
  width:800px;
  text-align:left;
}

#results * img {
  vertical-align: middle;
  margin-right:5px;
}

.imgSearch {
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left:10px;
    margin-top:8px;
    padding-left:20px;
    background-image: url(img/find.png);
}

#coverLoadServer {
    display: none;
    z-index: 200;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    background-image: none;
    background-color: white;
    cursor: not-allowed, pointer;
    padding-top:200px;
}

#nbRes, #noreschap, #noresscans {
  font-weight:bold;
  width:100%;
  text-align:left;
}
#nores {
  /*width:100%;*/
  text-align:center;
  font-weight:bold;
  font-size:12pt;
  /*width:802px;*/
}
#nores td {
  text-align:center;
}
div.mangaChapsDiv {
  margin-left:auto;
  margin-right:auto;
}

div.mangaScansDiv, #resultsscans {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#searchZone {
  text-align:center!important;
}

.scanDiv {
  max-width:229px;
  display:inline-block;
  border-bottom-left-radius: 6px 6px;
  border-bottom-right-radius: 6px 6px;
  border-top-left-radius: 6px 6px;
  border-top-right-radius: 6px 6px;
  border: 1px solid #CCC;
  background-color:white;
  padding:5px;
  margin:5px;
}
.scanImg {
  display: table-cell;
  width:229px;
  height:229px;
  text-align:center;
  vertical-align:middle;
}
.scanImg img {
  max-width:229px;
  max-height:229px;
  margin:0!important;
  padding:0!important;
}
.scanChap {
  text-align:center;
  font-size:10pt;
  background-color:#CCD;
  border-bottom-left-radius: 6px 6px;
  border-bottom-right-radius: 6px 6px;
  border-top-left-radius: 6px 6px;
  border-top-right-radius: 6px 6px;
  max-width:229px;
  white-space:normal;
}
.scanChap a {
  text-decoration:none;
  color:#00A;
  font-weight:bold;
  cursor:pointer;
  font-family:Verdana;
}
.scanChap a span {
  white-space:normal;
}
.scanNote {
  text-align:center;
}
.scanNote span {
  white-space: normal;
}
.scanIconsCont {
  position:relative;
  display:none;
}
.scanIconsContTd {
  float:right;
}
.scanIcons {
  position:absolute;
  top:5px;
  left:5px;
}
.scanIconsContTd .scanIcons {
  position:static;
  top:5px;
}
.scanMirror {
  margin-right:2px;
  display:inline-block;
}
.scanMirror.horiz {
  margin-right:0px;
  margin-bottom:2px;
  display:block;
}

a.buttonAMR {
    font-size:10pt!important;
    color:#000!important;
    text-decoration:none!important;
    display:inline-block;
    min-width:100px;
    padding:2px;
    border:1px solid #DDD;
    text-align:center;
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));
    border-radius:5px;
    -webkit-transition: all .4s ease-in-out;
    margin:5px;
    cursor:pointer;
}

a.buttonAMR:hover {
    color:#003C82!important;
    border-color:#3278BE;
    text-decoration:none!important;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FFFFFF));
}

a.buttonAMR:active {
  background:#4195DD;
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#003C82), to(#4195DD));
  background:-moz-linear-gradient(0% 90% 90deg, #4195DD, #003C82);
}

#bookmarkPop {
  display:none;
}

#simplemodal-overlay {
  background-color:#000;
  cursor:wait;
}

#simplemodal-container {
  color:#bbb!important;
  background-color:#333!important;
  border:4px solid #444!important;
  padding:10px!important;
  height:auto!important;
  min-height:220px!important;
  width:474px!important;
  font-family:Verdana!important;
  font-size: 13px!important;
  color: #BBB!important;
}
#simplemodal-container a.buttonAMR {
  padding-bottom:0!important;
  margin-bottom:5px!important;
}
#simplemodal-container .simplemodal-wrap {
  overflow:hidden!important;
}
#simplemodal-container a.modalCloseImg {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAYAAABfeMd1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8xJREFUeNqclktIVFEYx+fO+GjUGqw0S/IRGtTKENtkqJTkooUwC0EQNNpEEiJYoISbKAhcCYogagvBlbRQW/kAIdAkbRGIi3RiNIfJR+qk4zxO/2/4zu3cOw+tA7+5c8/j+5/vfN8592hCCMspSy4o4acXLIHVU40kkQTkglfgm4hd3KAb3PxfESf4KU5XAuBRPA0tznINgCa1Yn193bK0tBR5ZmVlWUpKSiyFhYXmcfPgiaZpn0/yZEKd4vLysqioqKCZRAEhMTc3Z/bqy0nL9Uzt3dXVJex2e0wBic1mEx0dHcLv96tDX8cTyVN7tbW1JTRupr6+3uzR7Vgib2Tr5ORklJHa2lrDe0FBgVhcXDTUDw8PqyIfY4m4ZGt5ebnB4OrqaqS+srJSj8XOzk6kbnBwUO9XVFQkgsGgKmTTRQ4PD/NlrcvlivKis7Mz0kZiJBRLQDI7O/s3rwOBu7oI1B/KhrGxsaiBtDTSsCyxBIj+/n69D+w+Jg0r/YTD4Wy5fF6vNyoD19bWLENDQ4b3pqammBtPHQ+diF0rNo4GxT3Z4HA4ogbSxmtsbNTf4ZnhXS1Ief1/KBQ6og0f2fXIkuJ4MVGDLBOACtVRW6KYuN3ue7oISIc3btmoDp6enjYYbWlp0Y3Qf1UAx40hu0pLSx0yJPRz1uPxvJONo6OjhswiAZm+BBlX3yU9PT26gM/no/PrHLDpIr29vQ/U7GloaDBk10k7vrq62uDF+Pg4ZYbDIAKuzc/PD8hOdBbRUXGaI6Wmpkbs7+/rAltbW19RX2wWSQd54A6WzaV6REcFjvSYxikGtESqBwcHB7vt7e30bSngyVtl4M+AHHCrubn5+cbGxqb5tFtYWBB9fX2iu7s78pyZmYn6ciF2e62trS9hpwxcAWlqdqWA8+A6uA+ejoyMfBL/UFZWVjbr6ureYmwNuAEugtSIff4y0rpl8CWhFDjBC6fT+R4BdB8dHYXiGZ+amvJgY35A/3ZQB+iIv8pLlaR/frHpad2S2b1McJk75vPzUlVVVV5ZWdmF5ORkGw6+EL6YvyYmJlyIxyba3eA7swG2gQ8E6NSSIhoHKIWTgISyWSyH/2fyJMjrMPgNdvl6REI/gAfsgANwTCcLJYh+kWAhGwulcfplcqwyeWPZuQ8NpnNpn41uM3vsAQkEOQuNtxWTUCp7lcHPNK6zsifH7I2PZ+5j4QBPIhz3SqQsXRLHKZVFU/hd4xkGWcjPT7k8IelBwnsXC0kxK3tn4/9SJKwYDTPCLJDocmcWlPtJUy86isGERv4IMACaz3RmXeGcqwAAAABJRU5ErkJggg==);
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-15px;
  right:-16px;
  cursor:pointer;
}
#simplemodal-container span, #simplemodal-container #descEltAMR, #simplemodal-container td b {
  color: #BBB!important;
  font-family:Verdana!important;
  font-size: 13px!important;
}
#simplemodal-container td {
  padding:2px!important;
}
#simplemodal-container textarea {
  -webkit-appearance: textarea!important;
  -webkit-border-horizontal-spacing: 2px!important;
  -webkit-border-vertical-spacing: 2px!important;
  -webkit-box-orient: vertical!important;
  -webkit-rtl-ordering: logical!important;
  -webkit-user-select: text!important;
  font-family: monospace!important;
  font-size: 13px!important;
  font-style: normal!important;
  font-variant: normal!important;
  font-weight: normal!important;
  margin-bottom: 2px!important;
  margin-left: 2px!important;
  margin-right: 2px!important;
  margin-top: 2px!important;
  padding-bottom: 2px!important;
  padding-left: 2px!important;
  padding-right: 2px!important;
  padding-top: 2px!important;
  resize: both!important;
}
#simplemodal-container h3 {
  padding:10px!important;
  padding-left:0px!important;
  margin:0!important;
  color:#84b8d9!important;
  text-align:left!important;
  font-size:16pt!important;
  font-family:Verdana!important;
  font-weight:bold!important;
}

#saveBtnAMR {
  float:right!important;
  padding-right:10px!important;
}

.bookAMR {
  cursor: pointer!important;
  vertical-align: middle!important;
}

#bookmarkPop #descEltAMR {
  font-size:10pt!important;
  margin-bottom:10px!important;
  text-align:left!important;
}
#bookmarkPop #tipBMAMR {
  font-size:10pt!important;
  clear:both!important;
  text-align:center!important;
}
#bookmarkPop #tipBMAMR a {
  color:#84b8d9!important;
  text-decoration:none!important;
  font-weight:bold!important;
  cursor:pointer!important;
  font-family:Verdana!important;
  font-size: 13px!important;
}

.mirrorIcon {
  display: inline-block;
  margin:4px;
  opacity:0.2;
}
.mirrorIcon.checked {
  opacity:1;
}

.article * {
  color:black;
}

.article .article .article.ongletCont {
  border:1px solid #DDDDFF;
  margin-top:-8px;
}