glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
metamaps--metamaps/app/assets/stylesheets/application.css

171 lines
8 KiB
CSS
Raw Normal View History

added all files
2012-09-23 02:39:12 +00:00
/*
* 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 .
added data graph visualization of synapses.
2012-10-09 03:18:00 +00:00
*= require base
*= require ForceDirected
added all files
2012-09-23 02:39:12 +00:00
*/
/* 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;}
fixed bugs for adding new topic on any page
2012-10-21 18:32:17 +00:00
html, body, .main, .wrapper, #container { height: 100%; }
changed node adding so that it happens directly to the graph
2012-10-21 17:19:59 +00:00
added all files
2012-09-23 02:39:12 +00:00
html { }
updated styling
2012-10-27 19:51:22 +00:00
body { background:#031924 url(background2.jpg) repeat 0 0; font-family: 'katarine-web', sans-serif; background-attachment:fixed; color:#FFF; }
added all files
2012-09-23 02:39:12 +00:00
added link to feedback. removed bolding on fonts that we're looking bad.
2012-10-29 18:57:11 +00:00
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
updated styling
2012-10-27 19:51:22 +00:00
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;}
added all files
2012-09-23 02:39:12 +00:00
a {color:#2d6a5d; text-decoration:none;}
.clearfloat {clear:both;}
added data columns to user for a unique access code that is theirs that they can give to others to invite them, and require people to give an access code to create an account.
2012-10-29 17:52:29 +00:00
.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; }
changed node adding so that it happens directly to the graph
2012-10-21 17:19:59 +00:00
added ability to add synapse from any page on which there is a map
2012-10-24 06:47:08 +00:00
.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; }
changed node adding so that it happens directly to the graph
2012-10-21 17:19:59 +00:00
added edit abilities
2012-09-24 01:30:48 +00:00
label, select, input, textarea { display:block; }
label { margin-top:5px; }
input[type="submit"] { margin-top:5px; }
added all files
2012-09-23 02:39:12 +00:00
.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; }
fixed bugs for adding new topic on any page
2012-10-21 18:32:17 +00:00
.main { overflow-x:hidden; }
added all files
2012-09-23 02:39:12 +00:00
created new background
2012-10-15 01:23:50 +00:00
.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; }
added all files
2012-09-23 02:39:12 +00:00
#mainTitle { float: left; }
updated styling
2012-10-27 19:51:22 +00:00
#mainTitle a { color:#FFF; font-family: "vinyl",sans-serif; text-transform:uppercase; font-weight: 400;}
added all files
2012-09-23 02:39:12 +00:00
.headertop ul { display:block; float: right; }
.headertop ul li {display:block; float:right; margin:10px 5px 0 5px; }
fixed bugs for adding new topic on any page
2012-10-21 18:32:17 +00:00
.headertop ul li a { color:#FFF; }
added all files
2012-09-23 02:39:12 +00:00
updated styling
2012-10-27 19:51:22 +00:00
.wrapper {display:block; height:100%; margin:0 0; }
.wrapper h1 { margin-top:50px; }
added all files
2012-09-23 02:39:12 +00:00
.nodemargin { padding-top:120px; }
updated header to have dropdown menus. fixed synapses that were showing up blue. ensured that when creating new synapses, you can only see the list for which you have permissions to see
2012-10-28 18:37:46 +00:00
.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; }
fixed focus heading
2012-10-27 21:48:54 +00:00
.focus h1 { margin-top:0; }
added all files
2012-09-23 02:39:12 +00:00
.focusleft, .focusmiddle, .focusright { display:block; float:left; }
.focusleft { width:20%; min-width:70px; text-align:center; }
updated location styling and output. increased card size. made links open in new tabs. removed create account link. added ability to see list of your personal objects that you've added.
2012-10-08 05:45:44 +00:00
.focusmiddle { display:block; width:49%; min-height:115px; border-right:2px solid #000; border-left:2px solid #000;}
added all files
2012-09-23 02:39:12 +00:00
.focusright { width:30%; min-width:150px; }
added link to feedback. removed bolding on fonts that we're looking bad.
2012-10-29 18:57:11 +00:00
.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; }
added all files
2012-09-23 02:39:12 +00:00
.focus .icon { margin:0 auto; }
.focus .title { font-size:22px; line-height:25px; border-bottom:2px solid #000; padding:10px; }
fixed styling bugs
2012-10-27 21:07:01 +00:00
.focus .desc { padding:10px; }
added all files
2012-09-23 02:39:12 +00:00
.focus .desc h3 { font-style:normal; }
updated location styling and output. increased card size. made links open in new tabs. removed create account link. added ability to see list of your personal objects that you've added.
2012-10-08 05:45:44 +00:00
.focus .location { padding-left:10px; }
added all files
2012-09-23 02:39:12 +00:00
.focus .link { padding:0 0 0 10px; display:block; width:90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
added edit abilities
2012-09-24 01:30:48 +00:00
.divider { margin: 20px 50px 20px 50px; border-bottom:2px solid #FFF; }
added filtering
2012-10-22 01:10:43 +00:00
.empty { margin-left:50px; }
updated header to have dropdown menus. fixed synapses that were showing up blue. ensured that when creating new synapses, you can only see the list for which you have permissions to see
2012-10-28 18:37:46 +00:00
#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; }
added filtering
2012-10-22 01:10:43 +00:00
/* --- 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;
updated styling
2012-10-27 19:51:22 +00:00
font-size: 16px;
added filtering
2012-10-22 01:10:43 +00:00
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; }
updated styling
2012-10-27 19:51:22 +00:00
#iconLegend ul p {float:left; display: block; margin: 0; background: none; padding: 10px 4px 2px 4px;}
added filtering
2012-10-22 01:10:43 +00:00
#iconLegend #filters-left { float:left; }
#iconLegend #filters-right { float:left; }
#iconLegend li.toggledOff {
opacity: 0.2;
}
added link to feedback. removed bolding on fonts that we're looking bad.
2012-10-29 18:57:11 +00:00
/* --- 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; }
Reference in a new issue Copy permalink