Skip to content

Commit

Permalink
Merge pull request #4 from Heather-Herbert/Development
Browse files Browse the repository at this point in the history 
Split out CSS
  • Loading branch information
@openwebgisystem
openwebgisystem committed Dec 9, 2018
2 parents 0d38a92 + 4bb41e2 commit 1cfda71
Show file tree
Hide file tree
Showing 3 changed files with 547 additions and 780 deletions.
387 changes: 3 additions & 384 deletions Start_OpenWebGIS_en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,390 +32,9 @@
<link rel="icon" href="imgopen/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="imgopen/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="openlayers/theme/default/google.css" type="text/css">
<style type="text/css">
.block1 {
width: 230px;
height:600px;
overflow: auto;

background: rgba(239,228,176,0.5);
color:#000080;
padding: 15px;
padding-right: 15 px;
border: solid 1px black;
float: left;
position:relative;top:0px;left:0px;
z-index:1000;
cursor:default;
border-radius: 5px; box-shadow: inset rgba(0,0,0,.6) 0 -1px 1px, inset rgba(252,255,255,.7) 0 1px 1px, rgba(0,0,0,.8) 0 1px 1px -1px;

}
.Weathclass {
height:30px;
border-color:#50F078 #9bb838 #9bb838 #50F078;
border-style:solid;border-width:1px;background:#50F078;
position:relative;top:-80px;left:885px;cursor:pointer;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}

.Weathclass:hover {
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;border-width:1px;background:#FFFF99;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.Weathclass:focus {
background:#ddd;border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.Weathclass:active {background:#ff0000;
border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.NewInterfaceclass {
height:30px;
border-color:#50F078 #9bb838 #9bb838 #50F078;
border-style:solid;border-width:1px;background:#50F078;
position:relative;top:-130px;left:800px;cursor:pointer;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}

.NewInterfaceclass:hover {
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;border-width:1px;background:#FFFF99;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.NewInterfaceclass:focus {
background:#ddd;border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.NewInterfaceclass:active {background:#ff0000;
border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.SearchHclass {
height:15px;
border-color:#50F078 #9bb838 #9bb838 #50F078;
border-style:solid;border-width:1px;background:#50F078;
position:relative;cursor:pointer;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.SearchHclass:hover {
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;border-width:1px;background:#FFFF99;
box-shadow: inset rgba(0,0,0,.6) 0 -3px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -3px;
border-radius: 15px;
}
.SearchHclass:focus {
background:#ddd;border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.SearchHclass:active {background:#ff0000;
border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.Searchclass {
height:20px;
border-color:#50F078 #9bb838 #9bb838 #50F078;
border-style:solid;border-width:1px;background:#50F078;
position:relative;cursor:pointer;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 8px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}

.Searchclass:hover {
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;border-width:1px;background:#FFFF99;
box-shadow: inset rgba(0,0,0,.6) 0 -3px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -3px;
border-radius: 15px;
}
.Searchclass:focus {
background:#ddd;border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.Searchclass:active {background:#ff0000;
border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 3px 3px, rgba(0,0,0,.8) 0 3px 3px -1px;
border-radius: 15px;
}
.DonPclass {
height:30px;
width:40px;
position:relative;top:100px;left:1290px;cursor:pointer;
}
.Donclass {
height:30px;
border-color:#50F078 #9bb838 #9bb838 #50F078;
border-style:solid;border-width:1px;background:#50F078;
position:relative;top:-110px;left:690px;cursor:pointer;
}
.Donclass:hover {
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;border-width:1px;background:#FFFF99;
}
.Donclass:focus {
background:#ddd;border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
}
.Donclass:active {background:#ff0000;
border-color:#ddd #333 #333 #ddd;border-style:solid;border-width:1px;
}
.dragSwitcher { width: 10px;height:10px; background:#ffffff;
padding:5px; padding-right:15px; border:solid 1px black;
float:left;cursor:move;position:absolute; top:174px; left:-4px;z-index:1200;
}
.headerOpenWebGIS
{
position: absolute;
top: 90px;
left: 3px;
height:60px;
}
.block2 {
width: 1000px;
height: 600px;
background: #efe4b0;
padding: 5px;
border: solid 1px black;
float: left;
position: relative;
top: 0px;
left: 0px;
}
.struc
{float: left;
position: relative;
top: -5px;
left: -5px; }
.menu { background:#50f078; width:1457px;height:25px;/*margin-left:230px;*/cursor:default; position:relative;top:0px;left:-4px; font: 1em Arial, sans-serif;
text-shadow: #0000ff 0 0 2px;border-radius: 15px; box-shadow: inset rgba(0,0,0,.6) 0 -3px 8px, inset rgba(252,255,255,.7) 0 3px 8px, rgba(0,0,0,.8) 0 3px 8px -3px;}
.dragMenu { background:#082567; width:10px; height:10px; /*margin-left:250px;*/ padding: 5px;
padding-right: 15 px; border: solid 2px black; position:absolute; left:300px; top:150px;
float: left; z-index:4000; cursor:move;}
.block_menu { width:1290px;height:25px;left:5px;cursor:default; position:relative;}
.punkt {float:left; padding: 1px 1px 0px 1px; /*background:transparent; */ position:relative; cursor:pointer; }
.punkt div {padding:2px 7px 2px 7px;}
div.list_punkts {background:#ECE5B1;z-index:4001;color:#0000ff; position:absolute; top:26px; left:0px;border-radius: 3px; box-shadow: inset rgba(0,0,0,.6) 0 -2px 3px, inset rgba(252,255,255,.7) 0 2px 3px, rgba(0,0,0,.8) 0 2px 3px -2px;
display:none; padding:0px; width:200px; border:solid 1px #000; font: 0.9em Arial, sans-serif;
text-shadow: none; }
div.list_punkts div.kont {padding:0px;margin:3px; /*background:#80FF00;*/ }
div.list_punkts a {text-decoration:none; padding:0px; cursor:pointer; color:#0000ff;}
div.list_punkts div a div.podpunkt { /*background:#FF8000;*/ width:100%; padding:0px; margin-top:2px; }
div.list_punkts div a div.podpunkt div { width:100%;padding:0px 0px 0px 2px; white-space:pre;}
div.list_punkts div a:hover { background:#badbba;}
div.list_punkts div a:hover div.podpunkt { background:#badbba; color:#fff;border-radius: 5px; box-shadow: inset rgba(0,0,0,.6) 0 -1px 1px, inset rgba(252,255,255,.7) 0 1px 1px, rgba(0,0,0,.8) 0 1px 1px -1px; }
.footer_menu { clear:both; }
/* Toolbar styles */
.toolbar {
position: absolute;
left:300px;
top:145px;
padding-bottom: 0.5em;
display: none;
z-index:5000;
background: #339933;
height:50px;
}
#toolbar ul {
list-style: none;
padding: 0;
margin: 0;
}
#toolbar ul li {
float: left;
padding-right: 1em;
padding-bottom: 0.5em;
}
#toolbar ul li a {
font-weight: bold;
font-size: smaller;
vertical-align: middle;
color: black;
text-decoration: none;
}
#toolbar ul li a:hover {
text-decoration: underline;
}
#toolbar ul li * {
vertical-align: middle;
}
#wrapper {
width: 938px;position:absolute; left: 300px; top: 200px;
}
#legend {
position: absolute;
top: 0px;
left: 550px;
height: 256px;
width: 150px;
}
#location {
position: relative;
left: -17px;
top: 17px;
float: left;
}
#options {
position: absolute;
left: 40px;
top: 7px;
z-index: 3000;
}
table.featureInfo, table.featureInfo td, table.featureInfo th {
border: 1px solid #ddd;
border-collapse: collapse;
margin: 0;
padding: 0;
font-size: 90%;
padding: .2em .1em;
color:#082567;
}
table.featureInfo th {
padding: .2em .2em;
text-transform: uppercase;
font-weight: bold;
background: #eee;
}
table.featureInfo td {
background: #fff;
}
table.featureInfo tr.odd td {
background: #eee;
}
table.featureInfo caption {
text-align: left;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
padding: .2em .2em;
}
.customEditingToolbar {
float: right;
right: 0px;
height: 30px;
}
.customEditingToolbar div {
float: right;
margin: 5px;
width: 24px;
height: 24px;
}
.olControlNavigationItemActive {
background-image: url("openlayers/theme/default/img/editing_tool_bar.png");
background-repeat: no-repeat;
background-position: -103px -23px;
}
.olControlNavigationItemInactive {
background-image: url("openlayers/theme/default/img/editing_tool_bar.png");
background-repeat: no-repeat;
background-position: -103px -0px;
}
.olControlDrawFeaturePolygonItemInactive {
background-image: url("openlayers/theme/default/img/editing_tool_bar.png");
background-repeat: no-repeat;
background-position: -26px 0px;
}
.olControlDrawFeaturePolygonItemActive {
background-image: url("openlayers/theme/default/img/editing_tool_bar.png");
background-repeat: no-repeat;
background-position: -26px -23px ;
}
.olControlModifyFeatureItemActive {
background-image: url("openlayers/theme/default/img/move_feature_on.png");
background-repeat: no-repeat;
background-position: 0px 1px;
}
.olControlModifyFeatureItemInactive {
background-image: url("openlayers/theme/default/img/move_feature_off.png");
background-repeat: no-repeat;
background-position: 0px 1px;
}
.olControlDeleteFeatureItemActive {
background-image: url("openlayers/theme/default/img/remove_point_on.png");
background-repeat: no-repeat;
background-position: 0px 1px;
}
.olControlDeleteFeatureItemInactive {
background-image: url("openlayers/theme/default/img/remove_point_off.png");
background-repeat: no-repeat;
background-position: 0px 1px;
}
.olControlDrawFeaturePointItemInactive {
background-image: url("openlayers/theme/default/img/add_point_off.png");
background-repeat: no-repeat;
background-position: 0px 1px;
}
.olControlDrawFeaturePointItemActive {
background-image: url("openlayers/theme/default/img/add_point_on.png");
background-repeat: no-repeat;
background-position: 0px -1px;
}
.olControlDrawFeaturePathItemActive {
background-image: url("openlayers/theme/default/img/draw_line_on.png");
background-repeat: no-repeat;
background-position: 0px -1px;
}
.olControlDrawFeaturePathItemInactive{
background-image: url("openlayers/theme/default/img/draw_line_off.png");
background-repeat: no-repeat;
background-position: 0px -1px;
}
.olControlDrawFeaturePolygon2ItemInactive {
background-image: url("openlayers/theme/default/img/drag_off.png");
background-repeat: no-repeat;
background-position: 0px -1px;
}
.olControlDrawFeaturePolygon2ItemActive {
background-image: url("openlayers/theme/default/img/drag_on.png");
background-repeat: no-repeat;
background-position: 0px -1px ;
}
.olControlDrawFeaturePolygon3ItemInactive {
background-image: url("openlayers/theme/default/img/sel_off.png");
background-repeat: no-repeat;
background-position: 0px -1px;
}
.olControlDrawFeaturePolygon3ItemActive {
background-image: url("openlayers/theme/default/img/sel_on.png");
background-repeat: no-repeat;
background-position: 0px -1px ;
}
.olControlDrawFeaturePolygonItemInactive {
background-image: url("openlayers/theme/default/img/draw_polygon_off.png");
background-repeat: no-repeat;
background-position: 0px -1px;
}
.olControlDrawFeaturePolygonItemActive {
background-image: url("openlayers/theme/default/img/draw_polygon_on.png");
background-repeat: no-repeat;
background-position: 0px -1px ;
}
.olControlDrawFeatureCoordItemInactive {
background-image: url("openlayers/theme/default/img/coord_off.png");
background-repeat: no-repeat;
background-position: 0px -1px;
}
.olControlDrawFeatureCoordItemActive {
background-image: url("openlayers/theme/default/img/coord_on.png");
background-repeat: no-repeat;
background-position: 0px -1px ;
}
#paletteC div {
width:1px; height:20px;
float:left;
}
</style>
<link rel="stylesheet" href="openlayers/theme/default/google.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/main.css">

<script src="openlayers/OpenLayers.js"></script>
<script src="http://maps.google.com/maps/api/js?v=3"></script>
<script type="text/javascript" src="3d/Build/Cesium/Cesium.js"></script>
Expand Down
Loading

0 comments on commit 1cfda71

Please sign in to comment.