assets/style.css

   1 /*
   2 iPhoto2Atom, extract images from iPhoto™ libraries
   3 Copyright (C) 2015-2016  Marcus Rohrmoser, http://purl.mro.name/iPhoto2Atom
   4
   5 This program is free software: you can redistribute it and/or modify
   6 it under the terms of the GNU General Public License as published by
   7 the Free Software Foundation, either version 3 of the License, or
   8 (at your option) any later version.
   9
  10 This program is distributed in the hope that it will be useful,
  11 but WITHOUT ANY WARRANTY; without even the implied warranty of
  12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  13 GNU General Public License for more details.
  14
  15 You should have received a copy of the GNU General Public License
  16 along with this program.  If not, see <http://www.gnu.org/licenses/>.
  17 */
  18 html {
  19   --dx: 200px;
  20   background-color: hsl(0,0%,23%);
  21   color: hsl(30, 60%, 60%);
  22   font-family: sans-serif;
  23 }
  24 ul#photos {
  25   list-style-type: none;
  26   margin: 0;
  27   padding: 0;
  28 }
  29 ul#photos > li {
  30  /* border: solid lightgrey 2px; */
  31   display: block;
  32   float: left;
  33   height: var(--dx);
  34   margin: .5ex;
  35   padding: 0.25ex;
  36   width: var(--dx);
  37   text-align: center;
  38 }
  39 ul#photos > li img {
  40   max-height: var(--dx);
  41   max-width: var(--dx);
  42 }
  43
  44 #footer {
  45   opacity: 40%;
  46 }
  47 a:any-link {
  48   color: hsl(115, 50%, 45%);
  49 }
  50
  51 /* This is a workaround for Browsers that insert additional <br> tags.
  52  * See http://purl.mro.name/safari-xslt-br-bug */
  53 br { display:none; }
  54 br.br { display:inline; }
  55
  56
  57 .categories a {
  58   font-style: italic;
  59 }
  60 .categories a:hover {
  61   cursor: pointer;
  62 }
  63 .categories a.active {
  64   color: orange;
  65   font-weight: bold;
  66 }
  67 ul#photos.active li {
  68   display: none;
  69 }
  70 ul#photos.active li.active {
  71   display: block;
  72 }
  73
  74 .lb-outerContainer {
  75   background-color: hsl(30, 60%, 40%);
  76 }