diff --git a/app/assets/stylesheets/ForceDirected.css b/app/assets/stylesheets/ForceDirected.css index f891ee06..c185bb4c 100644 --- a/app/assets/stylesheets/ForceDirected.css +++ b/app/assets/stylesheets/ForceDirected.css @@ -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 { cursor: pointer; diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 4e302e2d..0ff24ba6 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -17,117 +17,400 @@ */ /* 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, 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; + } -html, body, .main, .wrapper, #container { height: 100%; } +img { + border:0; + padding:0; + margin:0; + display:block; + text-indent:-9999px; +} -html { } -body { background:#031924 url(background2-for-repeating.jpg) repeat 0 0; font-family: 'katarine-web', sans-serif; background-attachment:fixed; color:#FFF; } +html, +body, +.main, +.wrapper, +#container { + height: 100%; +} -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;} +html { +} -a {color:#2d6a5d; text-decoration:none;} -.clearfloat {clear:both;} +body { + 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; } -.invite strong { text-align:center; display:block; color:#67AF9F; } +h1 { + 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; position: absolute; background: url('bg.png'); border: 2px solid #000; } - -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: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); +label, select, input, textarea { + display:block; } -#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; } +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; +} +#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 ---*/ -.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; } -#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; } +.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; +} + +#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 { margin:10px 0 0 0; @@ -138,28 +421,85 @@ border: 1px solid rgba(0, 0, 0, 0.2); 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 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 { + z-index:12; + display:none; + width:auto; + color: #67AF9F; +} + +.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 { opacity: 0.4; } /* --- styling the logo button ---*/ -.logo { position:fixed; bottom:6px; left:10px; z-index:12; display:block; width:auto; -overflow: hidden; -padding: 3px 8px; -margin: -0.75em 0 0; +.logo { + position:fixed; + bottom:6px; + left:10px; + z-index:12; + display:block; + width:auto; + overflow: hidden; + padding: 3px 8px; + margin: -0.75em 0 0; } -#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; } +#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; +} diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css index 94d9f0e0..21244347 100644 --- a/app/assets/stylesheets/base.css +++ b/app/assets/stylesheets/base.css @@ -17,37 +17,78 @@ left: 107px; z-index:14000; } -#showcard .contributor { font-size:14px; } + +#showcard .contributor { + font-size:14px; +} .text { - margin: 7px; + margin: 7px; } #infovis { - position:relative; - width:100%; - height:100%; - margin:0; - overflow:hidden; + 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; } +.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; -color: white; -top: -22px; -right: 0; -font-weight: bold; -font-size: 20px; -line-height: 24px;} +.CardOnGraph .icon { + position:absolute; + top:135px; + left:-25px; +} -.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 { font-style:normal; margin-top:5px; } +.CardOnGraph .desc h3 { + font-style:normal; + margin-top:5px; +} -.CardOnGraph .link { position:absolute; width:170px; top:295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } \ No newline at end of file +.CardOnGraph .link { + position:absolute; + width:170px; + top:295px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} diff --git a/app/assets/stylesheets/jquery-ui.css b/app/assets/stylesheets/jquery-ui.css index 4db7412e..ac0b1b7c 100644 --- a/app/assets/stylesheets/jquery-ui.css +++ b/app/assets/stylesheets/jquery-ui.css @@ -471,4 +471,4 @@ body .ui-tooltip { border-width: 2px; } /* 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-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}*/; } \ No newline at end of file +.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}*/; } diff --git a/app/assets/stylesheets/jquery.mCustomScrollbar.css b/app/assets/stylesheets/jquery.mCustomScrollbar.css index 0174a7be..daea343a 100644 --- a/app/assets/stylesheets/jquery.mCustomScrollbar.css +++ b/app/assets/stylesheets/jquery.mCustomScrollbar.css @@ -196,4 +196,4 @@ .mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ -} \ No newline at end of file +}