237 lines
3.7 KiB
CSS
237 lines
3.7 KiB
CSS
#center-container {
|
|
position:relative;
|
|
height:100%;
|
|
width:100%;
|
|
/* background-color:#031924; */
|
|
color:#444;
|
|
}
|
|
|
|
.showcard, #showcard {
|
|
width:216px;
|
|
height:320px;
|
|
color:#FFF;
|
|
text-align: left;
|
|
overflow: visible;
|
|
z-index:14000;
|
|
}
|
|
|
|
#showcard .contributor {
|
|
font-size:14px;
|
|
}
|
|
|
|
.text {
|
|
margin: 7px;
|
|
}
|
|
|
|
#infovis {
|
|
position:relative;
|
|
width:100%;
|
|
height:100%;
|
|
margin:0;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.CardOnGraph {
|
|
display:block;
|
|
position:relative;
|
|
width:175px;
|
|
height:300px;
|
|
padding:10px 5px 10px 35px;
|
|
background: url('bg.png');
|
|
border-radius:15px;
|
|
color:#000;
|
|
z-index: 25;
|
|
}
|
|
|
|
.CardOnGraph .scroll {
|
|
display:block;
|
|
height:230px;
|
|
}
|
|
|
|
.CardOnGraph .type {
|
|
position: absolute;
|
|
color: white;
|
|
top: -22px;
|
|
right: 0;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.CardOnGraph .icon {
|
|
position:absolute;
|
|
top:135px;
|
|
left:-25px;
|
|
}
|
|
|
|
.CardOnGraph .title {
|
|
font-size:22px;
|
|
line-height:25px;
|
|
display:block;
|
|
border-bottom:2px solid #000;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
.best_in_place_name {
|
|
width:150px;
|
|
float:left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.best_in_place_name:hover {
|
|
width: 150px;
|
|
float: left;
|
|
text-overflow: none;
|
|
white-space: normal;
|
|
overflow: visible;
|
|
position: absolute;
|
|
background: #ddd;
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
opacity: 0.98;
|
|
box-shadow: 4px 4px 5px #888888;
|
|
border: 1px solid #AAA;
|
|
z-index: 5;
|
|
}
|
|
|
|
.best_in_place_name input{
|
|
max-width:130px;
|
|
}
|
|
|
|
.desc {
|
|
font-size:15px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.desc h3 {
|
|
font-style:normal;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.best_in_place_desc input {
|
|
float: right;
|
|
margin: 2px 0px 0px 2px;
|
|
padding: 1px 5px;
|
|
}
|
|
|
|
.best_in_place_desc {
|
|
width:155px;
|
|
display:block;
|
|
margin-top:2px;
|
|
}
|
|
|
|
#edit_synapse .best_in_place_desc {
|
|
width: auto;
|
|
}
|
|
|
|
.best_in_place_desc textarea{
|
|
width:150px;
|
|
display:block;
|
|
}
|
|
|
|
.CardOnGraph .link {
|
|
position:absolute;
|
|
width:170px;
|
|
top:293px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.CardOnGraph .best_in_place_link {
|
|
width: 135px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
float: left;
|
|
padding-left: 5px;
|
|
padding-top:2px;
|
|
}
|
|
|
|
.CardOnGraph .best_in_place_link input {
|
|
width:130px;
|
|
margin-top:-2px;
|
|
}
|
|
|
|
.CardOnGraph .go-link {
|
|
float:left;
|
|
}
|
|
|
|
.cardSettings {
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 12px;
|
|
}
|
|
|
|
.editSettings {
|
|
background: #ddd;
|
|
border-radius: 10px;
|
|
padding: 5px 0 5px 5px;
|
|
position: relative;
|
|
left: 16px;
|
|
width: 175px;
|
|
opacity: 0.98;
|
|
box-shadow: 4px 4px 5px #888888;
|
|
border: 1px solid #AAA;
|
|
z-index: 5;
|
|
}
|
|
|
|
.editSettings span {
|
|
display: inline-block;
|
|
}
|
|
|
|
.permActivator {
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('settings.png') no-repeat 0 0;
|
|
overflow:hidden;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 30px;
|
|
}
|
|
|
|
.mapPerm {
|
|
background: #fff;
|
|
padding: 0 4px 4px 4px;
|
|
border-radius: 15px;
|
|
border: 1px solid #AAA;
|
|
position: absolute;
|
|
left: -7px;
|
|
top: 0px;
|
|
width:16px;
|
|
text-align:center;
|
|
}
|
|
|
|
#edit_synapse .mapPerm,
|
|
#edit_synapse .permActivator {
|
|
position: static;
|
|
display: inline-block;
|
|
color: #000;
|
|
margin: 2px;
|
|
}
|
|
|
|
#edit_synapse .mapPerm {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
#edit_synapse .permActivator {
|
|
position: absolute;
|
|
margin-top: -0.5em;
|
|
}
|
|
|
|
#edit_synapse {
|
|
background: url(bg.png);
|
|
border-radius: 0.5em;
|
|
padding: 5px;
|
|
color: #000;
|
|
}
|
|
|
|
#edit_synapse_name {
|
|
margin-left: 0.4em;
|
|
}
|
|
|
|
#edit_synapse .click-to-edit {
|
|
margin-left: 0.3em;
|
|
}
|