css/style.css

   1   /**
   2     copyright 2012,2013 Arun Persaud <arun@nubati.net>
   3
   4     This file is part of photo-tags.
   5
   6     Photo-tags is free software: you can redistribute it and/or modify
   7     it under the terms of the GNU General Public License as published by
   8     the Free Software Foundation, either version 3 of the License, or
   9     (at your option) any later version.
  10
  11     Photo-tags is distributed in the hope that it will be useful,
  12     but WITHOUT ANY WARRANTY; without even the implied warranty of
  13     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14     GNU General Public License for more details.
  15
  16     You should have received a copy of the GNU General Public License
  17     along with Photo-tags.  If not, see <http://www.gnu.org/licenses/>.
  18
  19   **/
  20
  21 body {text-align: center;}
  22
  23 footer {
  24   border-top: 1px solid grey;
  25   color: #333;
  26 }
  27
  28 .copyright {
  29     color: #555;
  30     float:right;
  31 }
  32
  33 .permalink {
  34     position: absolute;
  35     top: 0px;
  36     right: 0px;
  37     color: #333;
  38     padding-right: 1em;
  39 }
  40
  41 .tagsearch {
  42     text-align: left;
  43     padding-left: 50px;
  44 }
  45
  46 .tagsearch p { margin-top: 3px;}
  47
  48
  49 h1 { padding-top: 1em;}
  50
  51 a[visited]{ color: #aaa;}
  52
  53 nav {
  54     text-align: center;
  55 }
  56
  57 .pics li {
  58   display: inline;
  59   list-style: none;
  60 }
  61
  62 .pics img {
  63   margin: 2px;
  64   height: 100px;
  65 }
  66
  67 img.current {
  68     position:relative;
  69     border: 2px solid black;
  70 }
  71
  72 .pics img.large{
  73   height: 500px;
  74 }
  75
  76
  77 .debug { position: absolute; top:0; left:0}
  78
  79 .nextprev ul li {
  80     display:inline;
  81 }
  82 .nextprev ul li img {
  83     margin-right: 5px;
  84 }
  85
  86 .singlepic {
  87     position: relative;
  88     display: inline-block;
  89     height: 500px;
  90 }
  91
  92 .singlepic img.large, .singlepic .left, .singlepic .right  {
  93     display: inline;
  94 }
  95
  96 .singlepic:hover .left, .singlepic:hover .right {
  97     opacity: 0.6;
  98 }
  99
 100 .singlepic .left:hover, .singlepic .right:hover {
 101     opacity: 0.95;
 102 }
 103
 104 .singlepic img.left , .singlepic img.right  {
 105     position: relative;
 106     top: 0%;
 107     width: 50px;
 108     height: 50px;
 109     margin-top: 50px;
 110     border: 0px solid white;
 111 }
 112