182 lines
8.4 KiB
CSS
182 lines
8.4 KiB
CSS
/*
|
|
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
|
* listed below.
|
|
*
|
|
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
|
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
|
|
*
|
|
* You're free to add application-wide styles to this file and they'll appear at the top of the
|
|
* compiled file, but it's generally better to create a new file per style scope.
|
|
*
|
|
*= require_self
|
|
*= require_tree .
|
|
*= require base
|
|
*= require ForceDirected
|
|
*= require jquery.mCustomScrollbar
|
|
*= require jquery-ui
|
|
*/
|
|
|
|
/* clear styles */
|
|
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
|
|
pre, form, fieldset, table, th, td, legend { margin: 0; padding: 0; }
|
|
img {border:0; padding:0; margin:0; display:block; text-indent:-9999px;}
|
|
|
|
html, body, .main, .wrapper, #container { height: 100%; }
|
|
|
|
html { }
|
|
body { background:#031924 url(background2-for-repeating.jpg) repeat 0 0; font-family: 'katarine-web', sans-serif; background-attachment:fixed; color:#FFF; }
|
|
|
|
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
|
|
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;}
|
|
.clearfloat {clear:both;}
|
|
|
|
.new_session, .new_user, .new_item, .new_synapse, .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; }
|
|
|
|
.anypage .new_item, .anypage .new_synapse { display: none; position:absolute; left:50%; top:0; margin:200px 0 0 -195px; border:2px solid #000; }
|
|
#closenewtopic, #closenewsynapse { position:absolute; top: 3px; right:3px; }
|
|
|
|
|
|
label, select, input, textarea { 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-x:hidden; }
|
|
|
|
.headertop { display:block; position:fixed; top:0; left:0; z-index:10; height:38px; width:100%; min-width:622px; background: url(topbg2.png) repeat-x top left; }
|
|
#mainTitle { float: left; }
|
|
#mainTitle a { color:#FFF; font-family: "vinyl",sans-serif; font-style: italic; text-transform:uppercase; font-weight: 400;}
|
|
#beta { float:left; margin-left: 7px; }
|
|
#find_item { position:absolute; top:7px; left:50%; display: block; width: 300px; margin-left:-150px; }
|
|
#find_item input {
|
|
width: 280px;
|
|
border-radius: 10px;
|
|
height: 20px;
|
|
padding: 0 10px;
|
|
outline: none;
|
|
}
|
|
.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-right:15px; }
|
|
.accountWrap, .createWrap, .exploreWrap { display:block; position:relative; cursor: pointer;}
|
|
|
|
#menus .account, #menus .create, #menus .explore { 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 filter ---*/
|
|
.legend { position:fixed; bottom:10px; right:15px; z-index:12; display:block; width:auto; color: #67AF9F;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
padding: 3px 8px;
|
|
margin: -0.75em 0 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);
|
|
cursor: pointer; }
|
|
|
|
#iconLegend { width:inherit; height:inherit; }
|
|
|
|
#iconLegend ul { display:none; }
|
|
#iconLegend ul li {clear:both; list-style-type:none; display:block; padding:3px; }
|
|
#iconLegend ul img { width:40px; height:40px; float:left; }
|
|
#iconLegend ul p {float:left; display: block; margin: 0; background: none; padding: 10px 4px 2px 4px;}
|
|
#iconLegend #filters-one { float:left; }
|
|
#iconLegend #filters-two { float:left; }
|
|
#iconLegend #filters-three { float:left; }
|
|
|
|
#iconLegend li.toggledOff {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
/* --- styling feedback button ---*/
|
|
.feedback { position:fixed; bottom:10px; left:15px; z-index:12; display:block; width:auto; color: #67AF9F;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
padding: 3px 8px;
|
|
margin: -0.75em 0 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);
|
|
cursor: pointer; }
|
|
.feedback a { color: #67AF9F; }
|
|
|