X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=phpfspot.git;a=blobdiff_plain;f=stylesheet.css;h=df2f9d7bdd96efa177d01c5809e077f8b003a54d;hp=33d20dafb015dafff0feccf5ac7e638c780e7111;hb=29136b0fe2cbc7c1ba524f3483701f1a257ecb7c;hpb=de34b624e16463da0f93daba664b414cc9bb4d21 diff --git a/stylesheet.css b/stylesheet.css index 33d20da..df2f9d7 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -1,31 +1,199 @@ body { - background-color: rgb(255,255,255); - color: rgb(26,151,15); - font-family: Arial, Helvetica, sans-serif; - font-style: normal; - border-style: none; - border-color: rgb(15,15,15); + background-color: #000000; + color: rgb(26,151,15); + font-family: sans-serif; + font-style: normal; + border: solid 1px #ffffff; + border-color: rgb(15,15,15); + padding: 10px; } -#content { - padding-top: 20px; - margin-left: 25%; width: auto; +table, tr, td { + border-collapse: collapse; + padding: 0px; + empty-cells: show; + vertical-align: top; } -#tags { - font-size: 14px; - padding-top: 20px; - width: 150px; - position: relative; - top: 0; - left: 0; - float: left; +td.options { + width: 250px; + max-width: 250px; + min-width: 250px; + padding: 2px; + padding-top: 8px; + border-top: solid 1px #000000; + border-right: solid 1px #000000; } -#logo { - font-weight: bolder; +td.available_tags,td.selected_tags { + border-bottom: solid 1px #000000; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 10px; + line-height: 21px; } +td.searchfor { + border-bottom: solid 1px #000000; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 10px; + line-height: 21px; + font-size: 12px; + vertical-align: middle; +} + +td.logo { + font-weight: bolder; + height: 40px; + border-bottom: solid 1px #000000; +} + +td.content { + border-top: solid 1px #000000; +} + +td.menu { + padding-top: 5px; + padding-bottom: 5px; +} + +td.index_header { + background-color: #eeeeee; + padding: 10px; + vertical-align: middle; + white-space: nowrap; +} + +td.content_title { + background-color: #eeeeee; + padding: 10px; + vertical-align: middle; +} + + img { - border-style: none; + border: none; +} + +img.thumb { +} + +a { + font-size: 14px; + color: #008200; + text-decoration: none; +} + +a:hover { + color: #00aa44; +} + +a.tag { + color: #000000; + text-decoration: underline; +} + +a.tag:hover { + color: #00aa44; +} + +a.smalltag { + font-size: 12px; + color: #000000; + text-decoration: underline; + font-style: italic; +} + +a.smalltag:hover { + color: #00aa44; +} + +a.thumblink { + font-size: 12px; +} + +a.calendar { + font-size: 10px; +} + +a.thumblink:hover { + color: #4761ab; +} + +#matrix,#single { + padding: 10px; + display: table; + margin-left: 10px; + margin-right: 10px; + table-layout: fixed; + border: hidden; + border-spacing: 10px; + border-collapse: separate; +} + +table.matrix { + padding: 10px; + display: table; + margin-left: 10px; + margin-right: 10px; + table-layout: fixed; + border-style: hidden; + border-spacing: 10px; + border-collapse: separate; +} + +td.thumb { + text-align: center; + display: table-cell; + vertical-align: top; + -moz-border-radius: 3px; + border-radius: 3px; + border: dashed 1px #888888; + margin: 5px; + background-color: #eeeeee; + padding: 10px; +} + +#photo_details { + width: 150px; + font-size: 12px; + padding: 10px; + -moz-border-radius: 1em; + border-radius: 1em; + border: dashed 1px #888888; +} + +#frame { + padding: 10px; + background-color: #ffffff; +} + +#available_tags { + clip: auto; + overflow: auto; +} + +table.calendar tr td { + border: solid 1px #ffffff; + padding: 1px; + text-align: center; + font-size: 10px; +} + +.prevMonth { + font-size: 10px; + text-align: left; +} +.nextMonth { + font-size: 10px; + text-align: right; +} +#calendar { + position: absolute; + width: 140px; + height: 200px; + background-color: #000000; + visibility: hidden; + z-index: 1000; }