Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Split out CSS #4

Merged
merged 3 commits into from
Dec 9, 2018
Merged

Split out CSS #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
15e7f2b
Improved page accessablity
Heather-Herbert Nov 6, 2018
b44e886
Revert "Improved page accessablity "
Heather-Herbert Nov 6, 2018
4bb41e2
Split the main page CSS in a seperat file to improve maintainability
Heather-Herbert Nov 7, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
387 changes: 3 additions & 384 deletions Start_OpenWebGIS_en.html
View file
Open in desktop
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