projects
/
brisk.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
seeds chooser updated and dynamic empty card use
[brisk.git]
/
web
/
briskin5
/
briskin5.css
diff --git
a/web/briskin5/briskin5.css
b/web/briskin5/briskin5.css
index
26c2854
..
9f44c2f
100644
(file)
--- a/
web/briskin5/briskin5.css
+++ b/
web/briskin5/briskin5.css
@@
-2,7
+2,7
@@
* brisk - briskin5.css
*
* Copyright (C) 2006-2012 Matteo Nastasi
* brisk - briskin5.css
*
* Copyright (C) 2006-2012 Matteo Nastasi
- * mailto: nastasi@alternativeoutput.it
+ * mailto: nastasi@alternativeoutput.it
* matteo.nastasi@milug.org
* web: http://www.alternativeoutput.it
*
* matteo.nastasi@milug.org
* web: http://www.alternativeoutput.it
*
@@
-36,7
+36,7
@@
body {
}
table.chattshort_table {
}
table.chattshort_table {
- width: 98%;
+ width: 98%;
margin: auto;
}
margin: auto;
}
@@
-44,7
+44,7
@@
table.chattshort_table {
}
img.tableinfo {
}
img.tableinfo {
- position: absolute;
+ position: absolute;
left: 619;
top: 550;
border-width: 0px;
left: 619;
top: 550;
border-width: 0px;
@@
-52,7
+52,7
@@
img.tableinfo {
}
img.tablereload {
}
img.tablereload {
- position: absolute;
+ position: absolute;
left: 667;
top: 550;
border-width: 0px;
left: 667;
top: 550;
border-width: 0px;
@@
-60,15
+60,21
@@
img.tablereload {
}
img.tableout {
}
img.tableout {
- position: absolute;
+ position: absolute;
left: 730;
top: 550;
border-width: 0px;
visibility: visible;
}
left: 730;
top: 550;
border-width: 0px;
visibility: visible;
}
+img.sp-card {
+ position: absolute;
+ visibility: hidden;
+ border: 0px;
+}
+
img.card {
img.card {
- position: absolute;
+ position: absolute;
border-style: solid;
border-width: 1px;
border-color: gray;
border-style: solid;
border-width: 1px;
border-color: gray;
@@
-77,12
+83,12
@@
img.card {
img.astacard {
img.astacard {
- position: absolute;
+ position: absolute;
border-width: 0px;
}
img.cover {
border-width: 0px;
}
img.cover {
- position: absolute;
+ position: absolute;
border-style: solid;
border-width: 1px;
border-color: lightgray;
border-style: solid;
border-width: 1px;
border-color: lightgray;
@@
-91,7
+97,7
@@
img.cover {
.chooseed {
visibility: hidden;
.chooseed {
visibility: hidden;
- position:absolute;
+ position:absolute;
width: 200px;
height: 200px;
top: 250px;
width: 200px;
height: 200px;
top: 250px;
@@
-101,7
+107,7
@@
img.cover {
.asta {
visibility: hidden;
.asta {
visibility: hidden;
- position: absolute;
+ position: absolute;
width: 200px;
height: 200px;
top: 250px;
width: 200px;
height: 200px;
top: 250px;
@@
-109,39
+115,44
@@
img.cover {
z-index: 10;
}
z-index: 10;
}
+/* FIXME: dynamic seeds position */
img.seed0 {
img.seed0 {
- position: absolute;
+ position: absolute;
left: 0px;
top: 55px;
cursor: pointer;
left: 0px;
top: 55px;
cursor: pointer;
+ border: 0;
}
img.seed1 {
}
img.seed1 {
- position: absolute;
+ position: absolute;
left: 43px;
top: 55px;
cursor: pointer;
left: 43px;
top: 55px;
cursor: pointer;
+ border: 0;
}
img.seed2 {
}
img.seed2 {
- position: absolute;
+ position: absolute;
left: 93px;
top: 55px;
cursor: pointer;
left: 93px;
top: 55px;
cursor: pointer;
+ border: 0;
}
img.seed3 {
}
img.seed3 {
- position: absolute;
+ position: absolute;
left: 143px;
top: 55px;
cursor: pointer;
left: 143px;
top: 55px;
cursor: pointer;
+ border: 0;
}
.area {
display: block;
margin-left: auto;
margin-right: auto;
}
.area {
display: block;
margin-left: auto;
margin-right: auto;
- position: relative;
+ position: relative;
text-align: center;
width: 800px;
height: 600px;
text-align: center;
width: 800px;
height: 600px;
@@
-153,9
+164,9
@@
img.seed3 {
}
.points {
}
.points {
- margin-top: 8px;
+ margin-top: 8px;
padding: 8px;
padding: 8px;
- margin-left:auto;
+ margin-left:auto;
margin-right:auto;
margin-bottom: 4px;
border-style: solid;
margin-right:auto;
margin-bottom: 4px;
border-style: solid;
@@
-181,8
+192,8
@@
div.table_commands {
bottom: 15px;
}
bottom: 15px;
}
-.remark0 {
- position: absolute;
+.remark0 {
+ position: absolute;
width: 199px;
height: 200px;
left: 299;
width: 199px;
height: 200px;
left: 299;
@@
-193,28
+204,28
@@
div.table_commands {
z-index: 1;
}
z-index: 1;
}
-.remark1 {
- position: absolute;
- width: 19
9
px !important;
- width: 20
7
px;
- height:
200
px !important;
- height: 20
8
px;
- left: 29
6
;
- top: 24
6
;
+.remark1 {
+ position: absolute;
+ width: 19
8
px !important;
+ width: 20
6
px;
+ height:
198
px !important;
+ height: 20
6
px;
+ left: 29
7px
;
+ top: 24
7px
;
border-style: solid;
border-width: 4px;
border-color: green;
z-index: 1;
}
border-style: solid;
border-width: 4px;
border-color: green;
z-index: 1;
}
-.remark2 {
- position: absolute;
- width: 19
9
px !important;
- width: 20
3
px;
- height:
200
px !important;
- height: 20
4
px;
- left: 29
8
;
- top: 24
8
;
+.remark2 {
+ position: absolute;
+ width: 19
8
px !important;
+ width: 20
2
px;
+ height:
198
px !important;
+ height: 20
2
px;
+ left: 29
9px
;
+ top: 24
9px
;
border-style: solid;
border-width: 2px;
border-color: green;
border-style: solid;
border-width: 2px;
border-color: green;
@@
-222,7
+233,7
@@
div.table_commands {
}
.punti {
}
.punti {
- position: absolute;
+ position: absolute;
width: 68;
height: 50;
margin-top: 4px;
width: 68;
height: 50;
margin-top: 4px;
@@
-276,7
+287,7
@@
div.table_commands {
display: block;
margin-left: auto;
margin-right: auto;
display: block;
margin-left: auto;
margin-right: auto;
-}
+}
.pubinfo_we {
color: gray;
.pubinfo_we {
color: gray;
@@
-322,19
+333,6
@@
div.table_commands {
height: 125px;
}
height: 125px;
}
-.pubinfo_nw_iscalling {
- color: gray;
- visibility: visible;
- position: absolute;
- top: 125px;
- left: 200px;
- width: 196px !important;
- width: 200px;
- height: 121px !important;
- height: 125px;
- border: 2px solid #66bbff;
-}
-
.public_nw {
visibility: hidden;
position: absolute;
.public_nw {
visibility: hidden;
position: absolute;
@@
-346,6
+344,19
@@
div.table_commands {
overflow: hidden;
}
overflow: hidden;
}
+.pubinfo_nw_iscalling {
+ color: gray;
+ visibility: visible;
+ position: absolute;
+ top: 124px;
+ left: 200px;
+ width: 197px !important;
+ width: 201px;
+ height: 123px !important;
+ height: 127px;
+ border: 2px solid #66bbff;
+}
+
.pubinfo_ne {
color: gray;
visibility: visible;
.pubinfo_ne {
color: gray;
visibility: visible;
@@
-360,12
+371,12
@@
div.table_commands {
color: gray;
visibility: visible;
position: absolute;
color: gray;
visibility: visible;
position: absolute;
- top: 12
5
px;
+ top: 12
4
px;
left: 400px;
left: 400px;
- width: 19
6
px !important;
- width: 20
0
px;
- height: 12
1
px !important;
- height: 12
5
px;
+ width: 19
7
px !important;
+ width: 20
1
px;
+ height: 12
3
px !important;
+ height: 12
7
px;
border: 2px solid #66bbff;
}
border: 2px solid #66bbff;
}
@@
-442,7
+453,7
@@
div.table_commands {
display: block;
margin-left: auto;
margin-right: auto;
display: block;
margin-left: auto;
margin-right: auto;
-}
+}
.pubacard_ne {
border-width: 0px;
.pubacard_ne {
border-width: 0px;
@@
-450,7
+461,7
@@
div.table_commands {
display: block;
margin-left: auto;
margin-right: auto;
display: block;
margin-left: auto;
margin-right: auto;
-}
+}
.pubacard_nw {
border-width: 0px;
.pubacard_nw {
border-width: 0px;
@@
-458,7
+469,7
@@
div.table_commands {
display: block;
margin-left: auto;
margin-right: auto;
display: block;
margin-left: auto;
margin-right: auto;
-}
+}
.pubacard_we {
border-width: 0px;
.pubacard_we {
border-width: 0px;
@@
-466,13
+477,13
@@
div.table_commands {
display: block;
margin-left: auto;
margin-right: auto;
display: block;
margin-left: auto;
margin-right: auto;
-}
+}
/* CALLER */
.caller {
/* CALLER */
.caller {
- background-repeat: no-repeat;
- visibility: hidden;
+ background-repeat: no-repeat;
+ visibility: hidden;
position: absolute;
left: 0px;
top: 475px;
position: absolute;
left: 0px;
top: 475px;
@@
-488,10
+499,12
@@
div.table_commands {
height: 65px;
}
height: 65px;
}
-img.callerimg {
- position: absolute;
- left: 133px;
- top: 10px;
+img#callerimg {
+ position: absolute;
+ border: 0px;
}
}
-
+div#preferences_child div div {
+ text-align: center;
+ margin-bottom: 8px;
+}