cleaned up css files
This commit is contained in:
Devin Howard
parent
cdec4b2ffa
commit
18a7675067
5 changed files with 517 additions and 130 deletions
|
|
@ -2,7 +2,13 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.label { display:block; padding: 2px 4px; background:#ddd; opacity:0.8; border-radius:5px; }
|
.label {
|
||||||
|
display:block;
|
||||||
|
padding: 2px 4px;
|
||||||
|
background:#ddd;
|
||||||
|
opacity:0.8;
|
||||||
|
border-radius:5px;
|
||||||
|
}
|
||||||
|
|
||||||
span.name {
|
span.name {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
||||||
|
|
@ -17,117 +17,400 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* clear styles */
|
/* clear styles */
|
||||||
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
|
html, body, div, h1, h2, h3, h4, h5, h6,
|
||||||
pre, form, fieldset, table, th, td, legend { margin: 0; padding: 0; }
|
ul, ol, dl, li, dt, dd, p, blockquote,
|
||||||
img {border:0; padding:0; margin:0; display:block; text-indent:-9999px;}
|
pre, form, fieldset, table, th, td, legend {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
html, body, .main, .wrapper, #container { height: 100%; }
|
img {
|
||||||
|
border:0;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
display:block;
|
||||||
|
text-indent:-9999px;
|
||||||
|
}
|
||||||
|
|
||||||
html { }
|
html,
|
||||||
body { background:#031924 url(background2-for-repeating.jpg) repeat 0 0; font-family: 'katarine-web', sans-serif; background-attachment:fixed; color:#FFF; }
|
body,
|
||||||
|
.main,
|
||||||
|
.wrapper,
|
||||||
|
#container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
|
html {
|
||||||
h1 {display:block; text-align:left; font-family: "vinyl",sans-serif; }
|
}
|
||||||
h2 {display:block; text-align:center; font-family: "vinyl",sans-serif; background: #333; font-size:24px;}
|
|
||||||
|
|
||||||
a {color:#2d6a5d; text-decoration:none;}
|
body {
|
||||||
.clearfloat {clear:both;}
|
background:#031924 url(background2-for-repeating.jpg) repeat 0 0;
|
||||||
|
font-family: 'katarine-web', sans-serif;
|
||||||
|
background-attachment:fixed;
|
||||||
|
color:#FFF;
|
||||||
|
}
|
||||||
|
|
||||||
.new_session, .new_user, .new_map, .edit_user, .edit_item, .edit_synapse, .edit_map, .invite { display: block; width: 350px; position:absolute; left:50%; top:0; margin:200px 0 0 -195px; background: url('bg.png'); padding: 20px; border-radius: 15px; color: #000; border:2px solid #000; }
|
h1,h2,h3,h4,h5,h6 {
|
||||||
|
font-weight:normal;
|
||||||
|
}
|
||||||
|
|
||||||
.invite p { margin:10px 0; }
|
h1 {
|
||||||
.invite strong { text-align:center; display:block; color:#67AF9F; }
|
display:block;
|
||||||
|
text-align:left;
|
||||||
|
font-family: "vinyl",sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
#closenewtopic, #closenewsynapse { position:absolute; top: 3px; right:3px; }
|
h2 {
|
||||||
|
display:block;
|
||||||
|
text-align:center;
|
||||||
|
font-family: "vinyl",sans-serif;
|
||||||
|
background: #333;
|
||||||
|
font-size:24px;
|
||||||
|
}
|
||||||
|
|
||||||
.anypage .new_item, .anypage .new_synapse {
|
a {
|
||||||
|
color:#2d6a5d;
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfloat {
|
||||||
|
clear:both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.new_session,
|
||||||
|
.new_user,
|
||||||
|
.new_map,
|
||||||
|
.edit_user,
|
||||||
|
.edit_item,
|
||||||
|
.edit_synapse,
|
||||||
|
.edit_map,
|
||||||
|
.invite {
|
||||||
|
display: block;
|
||||||
|
width: 350px;
|
||||||
|
position:absolute;
|
||||||
|
left:50%;
|
||||||
|
top:0;
|
||||||
|
margin:200px 0 0 -195px;
|
||||||
|
background: url('bg.png');
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
color: #000;
|
||||||
|
border:2px solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.invite p {
|
||||||
|
margin:10px 0;
|
||||||
|
}
|
||||||
|
.invite strong {
|
||||||
|
text-align:center;
|
||||||
|
display:block;
|
||||||
|
color:#67AF9F;
|
||||||
|
}
|
||||||
|
|
||||||
|
#closenewtopic,
|
||||||
|
#closenewsynapse {
|
||||||
|
position:absolute;
|
||||||
|
top: 3px;
|
||||||
|
right:3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anypage .new_item,
|
||||||
|
.anypage .new_synapse {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: url('bg.png');
|
background: url('bg.png');
|
||||||
border: 2px solid #000;
|
border: 2px solid #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
label, select, input, textarea {
|
||||||
label, select, input, textarea { display:block; }
|
display:block;
|
||||||
|
|
||||||
label { margin-top:5px; }
|
|
||||||
input[type="submit"] { margin-top:5px; }
|
|
||||||
|
|
||||||
.contentarea p, .contentarea ul , .contentarea ol, .contentarea table {font-size:14px; line-height:1.55em; padding:0.5em 0}
|
|
||||||
.contentarea ul li {padding:0.2em 0; }
|
|
||||||
.contentarea ol li {padding:0.2em 0; }
|
|
||||||
.contentarea ul {margin:0 0 0 1em; }
|
|
||||||
.contentarea ol {margin:0 0 0 1.3em; }
|
|
||||||
|
|
||||||
.main { overflow:hidden; }
|
|
||||||
|
|
||||||
/* --- top options --*/
|
|
||||||
.headertop { display:block; position:fixed; top:0; right:0; z-index:10; height:38px; width:auto; background: url(topbg2.png) repeat-x top left; border-radius:15px; margin:10px; }
|
|
||||||
.headertop ul { display:block; float: right; }
|
|
||||||
.headertop ul li {display:block; float:right; margin:10px 5px 0 5px; }
|
|
||||||
.headertop ul li a { color:#FFF; }
|
|
||||||
|
|
||||||
.wrapper {display:block; height:100%; margin:0 0; }
|
|
||||||
.wrapper h1 { margin-top:50px; }
|
|
||||||
|
|
||||||
.nodemargin { padding-top:120px; }
|
|
||||||
|
|
||||||
.focus { position:fixed; top:0; left:0; width:90%; z-index:2; display: block; min-width:533px; margin: 50px 50px 25px 50px; background: url('bg.png'); border-radius: 20px; color:#000; border:1px solid #000; }
|
|
||||||
.focus h1 { margin-top:0; }
|
|
||||||
.focusleft, .focusmiddle, .focusright { display:block; float:left; }
|
|
||||||
.focusleft { width:20%; min-width:70px; text-align:center; }
|
|
||||||
.focusmiddle { display:block; width:49%; min-height:115px; border-right:2px solid #000; border-left:2px solid #000;}
|
|
||||||
.focusright { width:30%; min-width:150px; }
|
|
||||||
.focus .focusleft p { font-weight:normal; font-size:16px; line-height:20px; padding:10px 0 5px 0; }
|
|
||||||
.focus .focusright p { font-weight:normal; font-size:16px; line-height:20px; padding:10px 0 5px 10px; }
|
|
||||||
.focus .icon { margin:0 auto; }
|
|
||||||
.focus .title { font-size:22px; line-height:25px; border-bottom:2px solid #000; padding:10px; }
|
|
||||||
.focus .desc { padding:10px; height:75px; font-family:Arial, Helvetica, sans-serif; }
|
|
||||||
.focus .desc h3 { font-style:normal; }
|
|
||||||
.focus .location { padding-left:10px; }
|
|
||||||
.focus .link { padding:0 0 0 10px; display:block; width:90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
||||||
|
|
||||||
.divider { margin: 20px 50px 20px 50px; border-bottom:2px solid #FFF; }
|
|
||||||
.empty { margin-left:50px; }
|
|
||||||
|
|
||||||
#menus { margin:0 7px; }
|
|
||||||
.accountWrap, .createWrap, .exploreWrap { display:block; position:relative; cursor: pointer;}
|
|
||||||
|
|
||||||
#menus .account, #menus .create { display:none; position:absolute; right:0; z-index:12; width:auto; color: #67AF9F;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 16px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 3px 8px;
|
|
||||||
margin: 0;
|
|
||||||
border: 2px solid #AAA;
|
|
||||||
background: white;
|
|
||||||
border-radius: 6px;
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 -2px rgba(0, 0, 0, 0.05) inset;
|
|
||||||
-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 -2px rgba(0, 0, 0, 0.05) inset;
|
|
||||||
-moz-box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 -2px rgba(0, 0, 0, 0.05) inset;
|
|
||||||
background: -moz-linear-gradient( center top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.03) 0% ) repeat scroll 0 0 white;
|
|
||||||
background: -webkit-gradient( linear, 0% 0%, 0% 100%, from(white), to(rgba(0, 0, 0, 0.03)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(0, 0, 0, 0.03)) ) repeat scroll 0 0 white;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#menus ul li { margin:0; clear:both; float:none; list-style-type:none; display:block; padding:3px; text-align:center; border-top:1px solid #999; }
|
label {
|
||||||
#menus ul li.first { border:none; }
|
margin-top:5px;
|
||||||
#menus ul li a:hover { color:#2d6a5d; }
|
}
|
||||||
#menus ul li a { color: #67AF9F; display:block; }
|
|
||||||
|
|
||||||
|
input[type="submit"] {
|
||||||
|
margin-top:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentarea p,
|
||||||
|
.contentarea ul,
|
||||||
|
.contentarea ol,
|
||||||
|
.contentarea table {
|
||||||
|
font-size:14px;
|
||||||
|
line-height:1.55em;
|
||||||
|
padding:0.5em 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentarea ul li {
|
||||||
|
padding:0.2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentarea ol li {
|
||||||
|
padding:0.2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentarea ul {
|
||||||
|
margin:0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentarea ol {
|
||||||
|
margin:0 0 0 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* --- top options --*/
|
||||||
|
.headertop {
|
||||||
|
display:block;
|
||||||
|
position:fixed;
|
||||||
|
top:0;
|
||||||
|
right:0;
|
||||||
|
z-index:10;
|
||||||
|
height:38px;
|
||||||
|
width:auto;
|
||||||
|
background: url(topbg2.png) repeat-x top left;
|
||||||
|
border-radius:15px;
|
||||||
|
margin:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headertop ul {
|
||||||
|
display:block;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headertop ul li {
|
||||||
|
display:block;
|
||||||
|
float:right;
|
||||||
|
margin:10px 5px 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headertop ul li a {
|
||||||
|
color:#FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
display:block;
|
||||||
|
height:100%;
|
||||||
|
margin:0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper h1 {
|
||||||
|
margin-top:50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nodemargin {
|
||||||
|
padding-top:120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus {
|
||||||
|
position:fixed;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
width:90%;
|
||||||
|
z-index:2;
|
||||||
|
display: block;
|
||||||
|
min-width:533px;
|
||||||
|
margin: 50px 50px 25px 50px;
|
||||||
|
background: url('bg.png'); border-radius: 20px;
|
||||||
|
color:#000;
|
||||||
|
border:1px solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus h1 {
|
||||||
|
margin-top:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focusleft,
|
||||||
|
.focusmiddle,
|
||||||
|
.focusright {
|
||||||
|
display:block;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focusleft {
|
||||||
|
width:20%;
|
||||||
|
min-width:70px;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focusmiddle {
|
||||||
|
display:block;
|
||||||
|
width:49%;
|
||||||
|
min-height:115px;
|
||||||
|
border-right:2px solid #000;
|
||||||
|
border-left:2px solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focusright {
|
||||||
|
width:30%;
|
||||||
|
min-width:150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .focusleft p {
|
||||||
|
font-weight:normal;
|
||||||
|
font-size:16px;
|
||||||
|
line-height:20px;
|
||||||
|
padding:10px 0 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .focusright p {
|
||||||
|
font-weight:normal;
|
||||||
|
font-size:16px;
|
||||||
|
line-height:20px;
|
||||||
|
padding:10px 0 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .icon {
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .title {
|
||||||
|
font-size:22px;
|
||||||
|
line-height:25px;
|
||||||
|
border-bottom:2px solid #000;
|
||||||
|
padding:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .desc {
|
||||||
|
padding:10px;
|
||||||
|
height:75px;
|
||||||
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .desc h3 {
|
||||||
|
font-style:normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .location {
|
||||||
|
padding-left:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.focus .link {
|
||||||
|
padding:0 0 0 10px;
|
||||||
|
display:block;
|
||||||
|
width:90%;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider {
|
||||||
|
margin: 20px 50px 20px 50px;
|
||||||
|
border-bottom:2px solid #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty {
|
||||||
|
margin-left:50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menus {
|
||||||
|
margin:0 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accountWrap,
|
||||||
|
.createWrap,
|
||||||
|
.exploreWrap {
|
||||||
|
display:block;
|
||||||
|
position:relative;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menus .account,
|
||||||
|
#menus .create {
|
||||||
|
display:none;
|
||||||
|
position:absolute;
|
||||||
|
right:0;
|
||||||
|
z-index:12;
|
||||||
|
width:auto;
|
||||||
|
color: #67AF9F;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 3px 8px;
|
||||||
|
margin: 0;
|
||||||
|
border: 2px solid #AAA;
|
||||||
|
background: white;
|
||||||
|
border-radius: 6px;
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
-moz-border-radius: 6px;
|
||||||
|
box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 -2px rgba(0, 0, 0, 0.05) inset;
|
||||||
|
-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 -2px rgba(0, 0, 0, 0.05) inset;
|
||||||
|
-moz-box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 -2px rgba(0, 0, 0, 0.05) inset;
|
||||||
|
background: -moz-linear-gradient( center top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.03) 0% ) repeat scroll 0 0 white;
|
||||||
|
background: -webkit-gradient( linear, 0% 0%, 0% 100%, from(white), to(rgba(0, 0, 0, 0.03)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(0, 0, 0, 0.03)) ) repeat scroll 0 0 white;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
#menus ul li {
|
||||||
|
margin:0;
|
||||||
|
clear:both;
|
||||||
|
float:none;
|
||||||
|
list-style-type:none;
|
||||||
|
display:block;
|
||||||
|
padding:3px;
|
||||||
|
text-align:center;
|
||||||
|
border-top:1px solid #999;
|
||||||
|
}
|
||||||
|
#menus ul li.first {
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
#menus ul li a:hover {
|
||||||
|
color:#2d6a5d;
|
||||||
|
}
|
||||||
|
#menus ul li a {
|
||||||
|
color: #67AF9F;
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
/* --- styling the FIND section ---*/
|
/* --- styling the FIND section ---*/
|
||||||
.sideOption { position:fixed; top:25%; left:0px; display:block; width:45px; height:32px; background: url('bg.png') repeat 0 0; padding:0 0 0 15px; border-bottom-right-radius:10px; border-top-right-radius:10px; color:#000; border:1px solid #000; overflow:hidden; cursor:pointer; }
|
.sideOption {
|
||||||
#closeFind { position:fixed; top:25%; left:4px; display:none; margin-top:-20px; cursor:pointer; }
|
position:fixed;
|
||||||
.sideOption select, .sideOption span { float:left; margin-top:10px; }
|
top:25%;
|
||||||
.sideOption .spacer { margin:10px 10px 0; }
|
left:0px;
|
||||||
.sideOption .find_key { margin-right:8px; }
|
display:block;
|
||||||
.find_topic_by_name { display: block; }
|
width:45px;
|
||||||
|
height:32px;
|
||||||
|
background: url('bg.png') repeat 0 0;
|
||||||
|
padding:0 0 0 15px;
|
||||||
|
border-bottom-right-radius:10px;
|
||||||
|
border-top-right-radius:10px;
|
||||||
|
color:#000;
|
||||||
|
border:1px solid #000;
|
||||||
|
overflow:hidden;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#closeFind {
|
||||||
|
position:fixed;
|
||||||
|
top:25%;
|
||||||
|
left:4px;
|
||||||
|
display:none;
|
||||||
|
margin-top:-20px;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideOption select,
|
||||||
|
.sideOption span {
|
||||||
|
float:left;
|
||||||
|
margin-top:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideOption .spacer {
|
||||||
|
margin:10px 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideOption .find_key {
|
||||||
|
margin-right:8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find_topic_by_name {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
.find_topic_by_name input, .find_map_by_name input, .find_mapper_by_name input {
|
.find_topic_by_name input, .find_map_by_name input, .find_mapper_by_name input {
|
||||||
margin:10px 0 0 0;
|
margin:10px 0 0 0;
|
||||||
|
|
@ -138,28 +421,85 @@ border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.find_mapper_by_name, .find_map_by_name { display:none; }
|
.find_mapper_by_name,
|
||||||
|
.find_map_by_name {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
.find_topic_by_metacode { z-index:12; display:none; width:auto; color: #67AF9F; }
|
.find_topic_by_metacode {
|
||||||
.find_topic_by_metacode ul { display:block; }
|
z-index:12;
|
||||||
.find_topic_by_metacode ul li {clear:both; list-style-type:none; display:block; padding:3px; }
|
display:none;
|
||||||
.find_topic_by_metacode ul img { width:40px; height:40px; float:left; }
|
width:auto;
|
||||||
.find_topic_by_metacode ul p {float:left; display: block; margin: 0; background: none; padding: 10px 4px 2px 4px;}
|
color: #67AF9F;
|
||||||
.find_topic_by_metacode #filters-one { float:left; }
|
}
|
||||||
.find_topic_by_metacode #filters-two { float:left; }
|
|
||||||
.find_topic_by_metacode #filters-three { float:left; }
|
.find_topic_by_metacode ul {
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find_topic_by_metacode ul li {
|
||||||
|
clear:both;
|
||||||
|
list-style-type:none;
|
||||||
|
display:block;
|
||||||
|
padding:3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find_topic_by_metacode ul img {
|
||||||
|
width:40px;
|
||||||
|
height:40px;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find_topic_by_metacode ul p {
|
||||||
|
float:left;
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
background: none;
|
||||||
|
padding: 10px 4px 2px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find_topic_by_metacode #filters-one {
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find_topic_by_metacode #filters-two {
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find_topic_by_metacode #filters-three {
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
.find_topic_by_metacode li.toggledOff {
|
.find_topic_by_metacode li.toggledOff {
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- styling the logo button ---*/
|
/* --- styling the logo button ---*/
|
||||||
.logo { position:fixed; bottom:6px; left:10px; z-index:12; display:block; width:auto;
|
.logo {
|
||||||
overflow: hidden;
|
position:fixed;
|
||||||
padding: 3px 8px;
|
bottom:6px;
|
||||||
margin: -0.75em 0 0;
|
left:10px;
|
||||||
|
z-index:12;
|
||||||
|
display:block;
|
||||||
|
width:auto;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 3px 8px;
|
||||||
|
margin: -0.75em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mainTitle { float: left; }
|
#mainTitle {
|
||||||
#mainTitle a { color:#FFF; font-family: "vinyl",sans-serif; font-style: italic; text-transform:uppercase; font-weight: 400; }
|
float: left;
|
||||||
#beta { float:left; margin-left: 7px; }
|
}
|
||||||
|
|
||||||
|
#mainTitle a {
|
||||||
|
color:#FFF;
|
||||||
|
font-family: "vinyl",sans-serif;
|
||||||
|
font-style: italic;
|
||||||
|
text-transform:uppercase;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
#beta {
|
||||||
|
float:left;
|
||||||
|
margin-left: 7px;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,37 +17,78 @@
|
||||||
left: 107px;
|
left: 107px;
|
||||||
z-index:14000;
|
z-index:14000;
|
||||||
}
|
}
|
||||||
#showcard .contributor { font-size:14px; }
|
|
||||||
|
#showcard .contributor {
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
margin: 7px;
|
margin: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#infovis {
|
#infovis {
|
||||||
position:relative;
|
position:relative;
|
||||||
width:100%;
|
width:100%;
|
||||||
height:100%;
|
height:100%;
|
||||||
margin:0;
|
margin:0;
|
||||||
overflow:hidden;
|
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; }
|
.CardOnGraph {
|
||||||
|
display:block;
|
||||||
|
position:relative;
|
||||||
|
width:175px;
|
||||||
|
height:300px;
|
||||||
|
padding:10px 5px 10px 35px;
|
||||||
|
background: url('bg.png');
|
||||||
|
border-radius:15px;
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
.CardOnGraph .scroll { display:block; height:283px; }
|
.CardOnGraph .scroll {
|
||||||
|
display:block;
|
||||||
|
height:283px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CardOnGraph .type {
|
||||||
|
position: absolute;
|
||||||
|
color: white;
|
||||||
|
top: -22px;
|
||||||
|
right: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
.CardOnGraph .type {position: absolute;
|
.CardOnGraph .icon {
|
||||||
color: white;
|
position:absolute;
|
||||||
top: -22px;
|
top:135px;
|
||||||
right: 0;
|
left:-25px;
|
||||||
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;
|
||||||
|
}
|
||||||
|
|
||||||
.CardOnGraph .title { font-size:22px; line-height:25px; display:block; border-bottom:2px solid #000; padding-bottom:5px; }
|
.CardOnGraph .desc {
|
||||||
|
font-size:15px;
|
||||||
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
.CardOnGraph .desc { font-size:15px; font-family:Arial, Helvetica, sans-serif; }
|
.CardOnGraph .desc h3 {
|
||||||
.CardOnGraph .desc h3 { font-style:normal; margin-top:5px; }
|
font-style:normal;
|
||||||
|
margin-top:5px;
|
||||||
|
}
|
||||||
|
|
||||||
.CardOnGraph .link { position:absolute; width:170px; top:295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
.CardOnGraph .link {
|
||||||
|
position:absolute;
|
||||||
|
width:170px;
|
||||||
|
top:295px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
|
||||||
2
app/assets/stylesheets/jquery-ui.css
vendored
2
app/assets/stylesheets/jquery-ui.css
vendored
|
|
@ -471,4 +471,4 @@ body .ui-tooltip { border-width: 2px; }
|
||||||
|
|
||||||
/* Overlays */
|
/* Overlays */
|
||||||
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
|
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
|
||||||
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
|
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
|
||||||
|
|
|
||||||
|
|
@ -196,4 +196,4 @@
|
||||||
.mCSB_scrollTools .mCSB_buttonRight:active{
|
.mCSB_scrollTools .mCSB_buttonRight:active{
|
||||||
opacity:0.9;
|
opacity:0.9;
|
||||||
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
|
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue