projects
/
phpfspot.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
issue30, fixed wickled lines when images have different lines
[phpfspot.git]
/
stylesheet.css
diff --git
a/stylesheet.css
b/stylesheet.css
index b38411ffc5ef9f2342ba5752cde4219acb1d210f..df2f9d7bdd96efa177d01c5809e077f8b003a54d 100644
(file)
--- a/
stylesheet.css
+++ b/
stylesheet.css
@@
-1,7
+1,7
@@
body {
\r
background-color: #000000;
\r
color: rgb(26,151,15);
\r
body {
\r
background-color: #000000;
\r
color: rgb(26,151,15);
\r
- font-family:
Arial, Helvetica,
sans-serif;
\r
+ font-family: sans-serif;
\r
font-style: normal;
\r
border: solid 1px #ffffff;
\r
border-color: rgb(15,15,15);
\r
font-style: normal;
\r
border: solid 1px #ffffff;
\r
border-color: rgb(15,15,15);
\r
@@
-15,19
+15,32
@@
table, tr, td {
vertical-align: top;
\r
}
\r
\r
vertical-align: top;
\r
}
\r
\r
-td.
tag
s {
\r
+td.
option
s {
\r
width: 250px;
\r
width: 250px;
\r
+ max-width: 250px;
\r
+ min-width: 250px;
\r
padding: 2px;
\r
padding-top: 8px;
\r
border-top: solid 1px #000000;
\r
border-right: solid 1px #000000;
\r
}
\r
\r
padding: 2px;
\r
padding-top: 8px;
\r
border-top: solid 1px #000000;
\r
border-right: solid 1px #000000;
\r
}
\r
\r
-td.available_tags,td.selected_tags
,td.searchfor
{
\r
+td.available_tags,td.selected_tags {
\r
border-bottom: solid 1px #000000;
\r
padding-top: 10px;
\r
padding-bottom: 10px;
\r
padding-right: 10px;
\r
border-bottom: solid 1px #000000;
\r
padding-top: 10px;
\r
padding-bottom: 10px;
\r
padding-right: 10px;
\r
+ line-height: 21px;
\r
+}
\r
+
\r
+td.searchfor {
\r
+ border-bottom: solid 1px #000000;
\r
+ padding-top: 10px;
\r
+ padding-bottom: 10px;
\r
+ padding-right: 10px;
\r
+ line-height: 21px;
\r
+ font-size: 12px;
\r
+ vertical-align: middle;
\r
}
\r
\r
td.logo {
\r
}
\r
\r
td.logo {
\r
@@
-49,8
+62,16
@@
td.index_header {
background-color: #eeeeee;
\r
padding: 10px;
\r
vertical-align: middle;
\r
background-color: #eeeeee;
\r
padding: 10px;
\r
vertical-align: middle;
\r
+ white-space: nowrap;
\r
+}
\r
+
\r
+td.content_title {
\r
+ background-color: #eeeeee;
\r
+ padding: 10px;
\r
+ vertical-align: middle;
\r
}
\r
\r
}
\r
\r
+
\r
img {
\r
border: none;
\r
}
\r
img {
\r
border: none;
\r
}
\r
@@
-58,34
+79,6
@@
img {
img.thumb {
\r
}
\r
\r
img.thumb {
\r
}
\r
\r
-img.bubbleimg_up {
\r
- padding-top: 0;
\r
- padding-left: 0;
\r
- padding-right: 0;
\r
- padding-bottom: 0;
\r
- margin-top: 39px;
\r
- margin-left: 36px;
\r
- margin-bottom: 0;
\r
- margin-right: 0;
\r
- border: 0;
\r
- width: 202px;
\r
- height: 152px;
\r
-}
\r
-
\r
-img.bubbleimg_down {
\r
- padding-top: 0;
\r
- padding-left: 0;
\r
- padding-right: 0;
\r
- padding-bottom: 0;
\r
- margin-top: 34px;
\r
- margin-left: 36px;
\r
- margin-bottom: 0;
\r
- margin-right: 0;
\r
- border: 0;
\r
- width: 202px;
\r
- height: 152px;
\r
-}
\r
-
\r
a {
\r
font-size: 14px;
\r
color: #008200;
\r
a {
\r
font-size: 14px;
\r
color: #008200;
\r
@@
-99,7
+92,6
@@
a:hover {
a.tag {
\r
color: #000000;
\r
text-decoration: underline;
\r
a.tag {
\r
color: #000000;
\r
text-decoration: underline;
\r
- font-style: italic;
\r
}
\r
\r
a.tag:hover {
\r
}
\r
\r
a.tag:hover {
\r
@@
-117,26
+109,50
@@
a.smalltag:hover {
color: #00aa44;
\r
}
\r
\r
color: #00aa44;
\r
}
\r
\r
-
#matrix,#single
{
\r
-
padding: 10
px;
\r
+
a.thumblink
{
\r
+
font-size: 12
px;
\r
}
\r
\r
}
\r
\r
-td.thumb {
\r
- padding: 1px;
\r
- text-align: center;
\r
+a.calendar {
\r
+ font-size: 10px;
\r
+}
\r
+
\r
+a.thumblink:hover {
\r
+ color: #4761ab;
\r
}
\r
\r
}
\r
\r
-#
outter
{
\r
+#
matrix,#single
{
\r
padding: 10px;
\r
padding: 10px;
\r
- background-color: #eeeeee;
\r
+ display: table;
\r
+ margin-left: 10px;
\r
+ margin-right: 10px;
\r
+ table-layout: fixed;
\r
+ border: hidden;
\r
+ border-spacing: 10px;
\r
+ border-collapse: separate;
\r
}
\r
\r
}
\r
\r
-#inner {
\r
- padding: 7px;
\r
- -moz-border-radius: 1em;
\r
- border-radius: 1em;
\r
- border: dashed 1px #888888;
\r
+table.matrix {
\r
+ padding: 10px;
\r
+ display: table;
\r
+ margin-left: 10px;
\r
+ margin-right: 10px;
\r
+ table-layout: fixed;
\r
+ border-style: hidden;
\r
+ border-spacing: 10px;
\r
+ border-collapse: separate;
\r
+}
\r
\r
\r
+td.thumb {
\r
+ text-align: center;
\r
+ display: table-cell;
\r
+ vertical-align: top;
\r
+ -moz-border-radius: 3px;
\r
+ border-radius: 3px;
\r
+ border: dashed 1px #888888;
\r
+ margin: 5px;
\r
+ background-color: #eeeeee;
\r
+ padding: 10px;
\r
}
\r
\r
#photo_details {
\r
}
\r
\r
#photo_details {
\r
@@
-154,7
+170,30
@@
td.thumb {
}
\r
\r
#available_tags {
\r
}
\r
\r
#available_tags {
\r
- width: 250px;
\r
clip: auto;
\r
overflow: auto;
\r
}
\r
clip: auto;
\r
overflow: auto;
\r
}
\r
+
\r
+table.calendar tr td {
\r
+ border: solid 1px #ffffff;
\r
+ padding: 1px;
\r
+ text-align: center;
\r
+ font-size: 10px;
\r
+}
\r
+
\r
+.prevMonth {
\r
+ font-size: 10px;
\r
+ text-align: left;
\r
+}
\r
+.nextMonth {
\r
+ font-size: 10px;
\r
+ text-align: right;
\r
+}
\r
+#calendar {
\r
+ position: absolute;
\r
+ width: 140px;
\r
+ height: 200px;
\r
+ background-color: #000000;
\r
+ visibility: hidden;
\r
+ z-index: 1000;
\r
+}
\r