projects
/
phpfspot.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
issue13, added first try of external link to directly jump to a photo
[phpfspot.git]
/
stylesheet.css
diff --git
a/stylesheet.css
b/stylesheet.css
index c21e3ffeba21ba26a92752b85814ea2ffb5ae03a..0f09bdc317cb1505ddd4417586aba0423df55bfd 100644
(file)
--- a/
stylesheet.css
+++ b/
stylesheet.css
@@
-8,11
+8,6
@@
body {
padding: 10px;
\r
}
\r
\r
padding: 10px;
\r
}
\r
\r
-#frame {
\r
- padding: 10px;
\r
- background-color: #ffffff;
\r
-}
\r
-
\r
table, tr, td {
\r
border-collapse: collapse;
\r
padding: 0px;
\r
table, tr, td {
\r
border-collapse: collapse;
\r
padding: 0px;
\r
@@
-20,20
+15,20
@@
table, tr, td {
vertical-align: top;
\r
}
\r
\r
vertical-align: top;
\r
}
\r
\r
-td.tags {
\r
- font-size: 14px;
\r
- width: 150px;
\r
+td.options {
\r
+ width: 250px;
\r
padding: 2px;
\r
padding: 2px;
\r
- padding-top:
10
px;
\r
+ padding-top:
8
px;
\r
border-top: solid 1px #000000;
\r
border-right: solid 1px #000000;
\r
}
\r
\r
border-top: solid 1px #000000;
\r
border-right: solid 1px #000000;
\r
}
\r
\r
-td.available_tags,td.selected_tags {
\r
+td.available_tags,td.selected_tags
,td.searchfor
{
\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.logo {
\r
}
\r
\r
td.logo {
\r
@@
-55,6
+50,7
@@
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
img {
\r
}
\r
\r
img {
\r
@@
-74,8
+70,8
@@
img.bubbleimg_up {
margin-bottom: 0;
\r
margin-right: 0;
\r
border: 0;
\r
margin-bottom: 0;
\r
margin-right: 0;
\r
border: 0;
\r
- width: 202;
\r
- height: 152;
\r
+ width: 202
px
;
\r
+ height: 152
px
;
\r
}
\r
\r
img.bubbleimg_down {
\r
}
\r
\r
img.bubbleimg_down {
\r
@@
-88,8
+84,8
@@
img.bubbleimg_down {
margin-bottom: 0;
\r
margin-right: 0;
\r
border: 0;
\r
margin-bottom: 0;
\r
margin-right: 0;
\r
border: 0;
\r
- width: 202;
\r
- height: 152;
\r
+ width: 202
px
;
\r
+ height: 152
px
;
\r
}
\r
\r
a {
\r
}
\r
\r
a {
\r
@@
-98,31
+94,71
@@
a {
text-decoration: none;
\r
}
\r
\r
text-decoration: none;
\r
}
\r
\r
-a:visited, a:active {
\r
- color: #00ff00;
\r
-}
\r
a:hover {
\r
color: #00aa44;
\r
}
\r
\r
a:hover {
\r
color: #00aa44;
\r
}
\r
\r
-#matrix {
\r
+a.tag {
\r
+ color: #000000;
\r
+ text-decoration: underline;
\r
+ font-style: italic;
\r
+}
\r
+
\r
+a.tag:hover {
\r
+ color: #00aa44;
\r
+}
\r
+
\r
+a.smalltag {
\r
+ font-size: 12px;
\r
+ color: #000000;
\r
+ text-decoration: underline;
\r
+ font-style: italic;
\r
+}
\r
+
\r
+a.smalltag:hover {
\r
+ color: #00aa44;
\r
+}
\r
+
\r
+a.thumblink {
\r
+ font-size: 12px;
\r
+}
\r
+
\r
+a.thumblink:hover {
\r
+ color: #4761ab;
\r
+}
\r
+
\r
+#matrix,#single {
\r
padding: 10px;
\r
}
\r
\r
td.thumb {
\r
padding: 10px;
\r
}
\r
\r
td.thumb {
\r
- padding:
1
px;
\r
+ padding:
5
px;
\r
text-align: center;
\r
}
\r
\r
text-align: center;
\r
}
\r
\r
-#
outt
er {
\r
+#
inn
er {
\r
padding: 10px;
\r
padding: 10px;
\r
+ -moz-border-radius: 3px;
\r
+ border-radius: 3px;
\r
+ border: dashed 1px #888888;
\r
background-color: #eeeeee;
\r
}
\r
\r
background-color: #eeeeee;
\r
}
\r
\r
-#inner {
\r
- padding: 7px;
\r
+#photo_details {
\r
+ width: 150px;
\r
+ font-size: 12px;
\r
+ padding: 10px;
\r
-moz-border-radius: 1em;
\r
border-radius: 1em;
\r
border: dashed 1px #888888;
\r
-moz-border-radius: 1em;
\r
border-radius: 1em;
\r
border: dashed 1px #888888;
\r
+}
\r
+
\r
+#frame {
\r
+ padding: 10px;
\r
+ background-color: #ffffff;
\r
+}
\r
\r
\r
+#available_tags {
\r
+ clip: auto;
\r
+ overflow: auto;
\r
}
\r
}
\r