Spaces:
Sleeping
Sleeping
| /************Please wait page - appears when the pdf is being uploaded the dropbox************/ | |
| #all{ | |
| position: fixed; /* Sit on top of the page content */ | |
| display: none; /* Hidden by default */ | |
| width: 100%; /* Full width (cover the whole page) */ | |
| height: 100%; /* Full height (cover the whole page) */ | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-color: rgba(0,0,0,0.5); /* Black background with opacity */ | |
| z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ | |
| } | |
| #pleasewait{ | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| font-size: 20px; | |
| color: white; | |
| transform: translate(-50%,-50%); | |
| -ms-transform: translate(-50%,-50%); | |
| } | |
| #rightside{ | |
| margin-left:430px ; | |
| margin-right: 20px; | |
| position: absolute; | |
| } | |
| #backgroundimg{ | |
| display: block; | |
| margin-top: 10px; | |
| background-color: lightgrey; | |
| width:49%; | |
| height: 407px; | |
| position: absolute; | |
| } | |
| #underimgbuttons{ | |
| position: relative; | |
| } | |
| ul { | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| width:100%; | |
| height: 50px; | |
| overflow: hidden; | |
| background-color: #333; | |
| position: fixed; | |
| z-index:999 | |
| } | |
| #measureselectid,#relvselectid{ | |
| border-radius: 5px; | |
| width: 51ch; | |
| font-size: 13px; | |
| margin-top: 5px; | |
| } | |
| #measureselectid :hover,#relvselectid :hover{ | |
| background-color: gray; | |
| color: white; | |
| } | |
| .selectionsProj, .selectionsProjp , .selectionsProjs{ | |
| margin-top: 8px ; | |
| /* width: 49%; */ | |
| height: 30px; | |
| margin-left: 5px ; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-size: 13px; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| box-shadow: 2px 2px 2px gray; | |
| color: black; | |
| font-weight: 400; | |
| width: 51ch; | |
| } | |
| #measurementselectionsid{ | |
| /* margin-top: 1px ; */ | |
| width: 15ch; | |
| height: 30px; | |
| margin-left: 5px ; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-size: 13px; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| box-shadow: 2px 2px 2px gray; | |
| } | |
| #measurementselectionsid:hover{ | |
| box-shadow: 4px 4px 4px gray; | |
| } | |
| .selectionsProj:hover, .selectionsProjp:hover , .selectionsProjs:hover{ | |
| background-color: lightgrey; | |
| box-shadow: 4px 4px 4px gray; | |
| } | |
| #measureLabel, #relvDocLabel{ | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: bold; | |
| /* font-style: normal; */ | |
| margin-left: 8px ; | |
| font-size: 13px; | |
| position: absolute; | |
| margin-top: 10px; | |
| color: black; | |
| /* font-style: italic; */ | |
| } | |
| #measureCheckbox, #relvdiv,#saveOPlabel, #saveOP{ /*,.area , .pattern, .border , .length , .match{*/ | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| margin-left: 13px ; | |
| margin-top: 10px; | |
| font-size: 12; | |
| cursor: pointer; | |
| max-width: 50%; | |
| } | |
| #tomeasurediv, #relvDocdiv{ | |
| margin-top: 7px; | |
| } | |
| #measureADRbutton{ | |
| background-color: #16c72e; | |
| border: none; | |
| padding: 10px 102px; | |
| cursor: pointer; | |
| border-radius: 7px; | |
| margin-left: 2px; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: bold; | |
| font-style: normal; | |
| font-size: 14px; | |
| color:white; | |
| display:inline-block; | |
| } | |
| #measureADRbutton2{ | |
| border: none; | |
| padding: 10px 121px; | |
| cursor: pointer; | |
| border-radius: 7px; | |
| margin-left: 2px; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: bold; | |
| font-style: normal; | |
| font-size: 14px; | |
| color:white; | |
| } | |
| #measureADRbutton:hover{ | |
| /* background-color:darkseagreen; */ | |
| color:black; | |
| box-shadow: 0 0 8px 2px #16c72e; | |
| } | |
| #addicon,#donebutton{ | |
| top: 13px; | |
| width:35px; | |
| height:38px; | |
| left: 2px; | |
| cursor: pointer; | |
| display:inline-block; | |
| background-color:#ff5900; | |
| border-radius: 7px; | |
| } | |
| #donebutton{ | |
| width:50px; | |
| } | |
| #measureitemsid{ | |
| margin-top: 10px ; | |
| width: 12ch; | |
| height: 30px; | |
| /* margin-left: 5px ; */ | |
| font-size: 13px; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| box-shadow: 2px 2px 2px gray; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| } | |
| #measureitemsid:hover{ | |
| box-shadow: 4px 4px 4px gray; | |
| } | |
| #selectionsid{ | |
| margin-top: 10px ; | |
| width: 23ch; | |
| height: 30px; | |
| font-size: 13px; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| box-shadow: 2px 2px 2px gray; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| } | |
| #selectionsid:hover{ | |
| box-shadow: 4px 4px 4px gray; | |
| } | |
| #repeatforloop{ | |
| margin-left: 5px ; | |
| margin-top: 10px; | |
| } | |
| #text0{ | |
| width:29ch; | |
| } | |
| #text1{ | |
| width:8ch; | |
| } | |
| #text2{ | |
| width:9ch; | |
| } | |
| #text0,#text1,#text2{ | |
| font-size: 13px; | |
| /* width: 31.5%; */ | |
| height: 25px; | |
| border-radius: 5px; | |
| margin-bottom: 7px; | |
| margin-right: 0.2%; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| } | |
| .addmctnameclass{ | |
| width:35px; | |
| height:35px; | |
| /* left: %; */ | |
| margin-top: -1px; | |
| margin-left: -1px; | |
| cursor: pointer; | |
| position: absolute; | |
| border: none; | |
| } | |
| .deletemctnameclass{ | |
| width:35px; | |
| height:35px; | |
| /* left: %; */ | |
| margin-top: -1px; | |
| margin-left: 30px; | |
| cursor: pointer; | |
| position: absolute; | |
| border: none; | |
| } | |
| #doneebackground{ | |
| top: 10px; | |
| width:130px; | |
| height:40px; | |
| left: 3px; | |
| cursor: pointer; | |
| position: relative; | |
| background-color: #ff5900; | |
| border: none; | |
| border-radius: 6px; | |
| color: white; | |
| font-weight: bold; | |
| } | |
| #doneebackground:hover{ | |
| color: black; | |
| /* background-color: #0ad2e0; */ | |
| box-shadow: 0 0 8px 2px gray; | |
| } | |
| #radio{ | |
| margin-right: 0.2%; | |
| position: relative; | |
| } | |
| #radio:hover{ | |
| cursor: pointer; | |
| } | |
| #radiolbl{ | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-size: 13px; | |
| position: relative; | |
| margin-left: 9px; | |
| } | |
| #nLevels{ | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-size: 13px; | |
| position: relative; | |
| margin-left: 5px; | |
| margin-top: 2px; | |
| } | |
| #LegendHist{ | |
| margin-left: 25px; | |
| } | |
| #lvlinput{ | |
| font-size: 13px; | |
| width: 13ch; | |
| height: 25px; | |
| border-radius: 5px; | |
| margin-top: 4px; | |
| margin-left: 9px; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| /* text-align: right; */ | |
| text-align: right; | |
| } | |
| #areadiv, #prmdiv{ | |
| margin-top: 10px; | |
| } | |
| #selectunitA, #selectunitP{ | |
| margin-left: 4px; | |
| height: 30px; | |
| width: 48px; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-size: 13px; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| color: black; | |
| } | |
| #levelcheckbox{ | |
| /* margin-top: 10px; */ | |
| margin-left: 6px; | |
| zoom: 1.3; | |
| } | |
| #radiosColors{ | |
| /* max-width: 50%; */ | |
| display: flex; | |
| margin-top: 10px; | |
| /* margin-left: 5px; */ | |
| } | |
| #colorpickers{ | |
| /* display:inline-block; */ | |
| position: block; | |
| margin-top: 5px; | |
| margin-bottom: 5px; | |
| } | |
| #color{ | |
| box-shadow: 2px 2px 2px gray; | |
| height: 40px; | |
| width:40px; | |
| } | |
| #color:hover{ | |
| cursor: pointer; | |
| box-shadow: 4px 4px 4px rgb(57, 57, 57); | |
| } | |
| #undoButtonId ,#NewShapeButtonId , #savecanvas{ | |
| /* margin-top: -30px; */ | |
| background-color: rgba(255, 0, 0, 0.633); | |
| border: none; | |
| padding: 10px 50px; | |
| cursor: pointer; | |
| border-radius: 7px; | |
| /* margin-left: 2px; */ | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: bold; | |
| font-style: normal; | |
| font-size: 14px; | |
| color:white; | |
| display:inline-block; | |
| } | |
| #NewShapeButtonId{ | |
| background-color: rgba(252, 146, 8, 0.849); | |
| } | |
| #savecanvas{ | |
| background-color: #850505e2; | |
| } | |
| #NewShapeButtonId:hover{ | |
| color:black; | |
| box-shadow: 0 0 8px 2px rgba(252, 146, 8, 0.849); | |
| } | |
| #savecanvas:hover{ | |
| color:black; | |
| box-shadow: 0 0 8px 2px #850505e2; | |
| } | |
| #undoButtonId:hover{ | |
| color:black; | |
| box-shadow: 0 0 8px 2px rgba(255, 0, 0, 0.633); | |
| } | |
| /* Tooltip container */ | |
| #infotool { | |
| position: relative; | |
| display: inline-block; | |
| margin-top: 4px; | |
| margin-left: 4px; | |
| /* border-bottom: 1px dotted black; If you want dots under the hoverable text */ | |
| } | |
| /* Tooltip text */ | |
| #infotool .tooltiptext { | |
| visibility: hidden; | |
| width: 350px; | |
| background-color: #555; | |
| color: #fff; | |
| text-align: justify; | |
| text-justify: inter-word; | |
| padding: 5px 7px; | |
| border-radius: 6px; | |
| /* Position the tooltip text */ | |
| position: absolute; | |
| z-index: 1; | |
| bottom: 125%; | |
| left: 50%; | |
| margin-left: -60px; | |
| /* Fade in tooltip */ | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| /* Tooltip arrow */ | |
| #infotool .tooltiptext::after { | |
| content: ""; | |
| position: absolute; | |
| top: 100%; | |
| left: 16%; | |
| /* margin-left: -20px; */ | |
| border-width: 5px; | |
| border-style: solid; | |
| border-color: #555 transparent transparent transparent; | |
| /* border-color: #bdbcbc transparent transparent transparent; */ | |
| } | |
| /* Show the tooltip text when you mouse over the tooltip container */ | |
| #infotool:hover .tooltiptext { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| #loading { | |
| border: 16px solid #f3f3f3; | |
| border-radius: 50%; | |
| border-top: 16px solid #16c72e; | |
| width: 120px; | |
| height: 120px; | |
| -webkit-animation: spin 2s linear infinite; /* Safari */ | |
| animation: spin 2s linear infinite; | |
| /* margin-left:; */ | |
| margin-top:10%; | |
| /* margin-left: 300px; */ | |
| margin-left:60% ; | |
| margin-right: 20px; | |
| position: absolute; | |
| } | |
| /* Safari */ | |
| @-webkit-keyframes spin { | |
| 0% { -webkit-transform: rotate(0deg); } | |
| 100% { -webkit-transform: rotate(360deg); } | |
| } | |
| @keyframes spin { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| /********************************************************************/ | |
| /* Style the tab */ | |
| .tab { | |
| overflow: hidden; | |
| /* border: 1px solid black; */ | |
| background-color:black; | |
| font-family: "acumin-pro", sans-serif; | |
| } | |
| .tab .dropbtn{ | |
| float:right | |
| } | |
| .tablinks{ | |
| color:white; | |
| font-size: 18px; | |
| } | |
| /* Style the buttons that are used to open the tab content */ | |
| .tab button { | |
| background-color: inherit; | |
| float: left; | |
| border: none; | |
| outline: none; | |
| cursor: pointer; | |
| padding: 14px 16px; | |
| transition: 0.3s; | |
| } | |
| /* Change background color of buttons on hover */ | |
| .tab button:hover { | |
| background-color: rgb(0, 60, 255); | |
| } | |
| /* Create an active/current tablink class */ | |
| .tab button.active { | |
| background-color: rgb(0, 60, 255); | |
| } | |
| /* Style the tab content */ | |
| .tabcontent { | |
| display: none; | |
| /* padding: 6px 12px; */ | |
| /* border: 1px solid #ccc; */ | |
| border-top: none; | |
| } | |
| /*********************************************************************/ | |
| .container { | |
| /* display: inline-block; */ | |
| cursor: pointer; | |
| margin-top: 5px; | |
| display: block; | |
| float: left; | |
| margin-right: 5px; | |
| } | |
| .bar1, .bar2, .bar3 { | |
| width: 30px; | |
| height: 5px; | |
| background-color: #fcfcfc; | |
| margin: 5px 0; | |
| transition: 0.4s; | |
| margin-left: 5px; | |
| } | |
| .change .bar1 { | |
| transform: translate(0, 10px) rotate(-45deg); | |
| } | |
| .change .bar2 {opacity: 0;} | |
| .change .bar3 { | |
| transform: translate(0, -10px) rotate(45deg); | |
| } | |
| /*Dashed Lines on the left - Menu icon */ | |
| #slider { | |
| position: absolute; | |
| width:400px; | |
| height:900px; | |
| background:rgb(179, 179, 179); | |
| transform: translateX(-100%); | |
| -webkit-transform: translateX(-100%); | |
| z-index: 2; | |
| } | |
| .slide-in { | |
| animation: slide-in 0.9s forwards; | |
| -webkit-animation: slide-in 0.9s forwards; | |
| } | |
| .slide-out { | |
| animation: slide-out 0.9s forwards; | |
| -webkit-animation: slide-out 0.9s forwards; | |
| } | |
| @keyframes slide-in { | |
| 100% { transform: translateX(0%); } | |
| } | |
| @-webkit-keyframes slide-in { | |
| 100% { -webkit-transform: translateX(0%); } | |
| } | |
| @keyframes slide-out { | |
| 0% { transform: translateX(0%); } | |
| 100% { transform: translateX(-100%); } | |
| } | |
| @-webkit-keyframes slide-out { | |
| 0% { -webkit-transform: translateX(0%); } | |
| 100% { -webkit-transform: translateX(-100%); } | |
| } | |
| /*Menu options*/ | |
| #menuOptions{ | |
| margin-left: 5px; | |
| font-size: 30px; | |
| margin-top: 8px; | |
| color: white; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| } | |
| #menuOptions li{ | |
| margin-bottom: 6px; | |
| } | |
| #menuOptions li:hover{ | |
| color: black; | |
| cursor: pointer; | |
| } | |
| /* User Guide Content(hidden by default) */ | |
| .dropdown-content { | |
| display: none; | |
| /* position: -webkit-sticky; Safari */ | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| margin-top: 57px; | |
| background-color: #f9f9f9; | |
| min-width: 160px; | |
| max-width: 36%; | |
| box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | |
| z-index: 999; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-size: 13px; | |
| float: right; | |
| border: none; | |
| outline: none; | |
| } | |
| #userguidetext{ | |
| margin-left: 20px; | |
| margin-right: 20px; | |
| } | |
| #secondpage{ | |
| float: right; | |
| margin-right: 10px; | |
| cursor: pointer; | |
| } | |
| #firstpage{ | |
| cursor: pointer; | |
| } | |
| #userguideheadings{ | |
| font-size: 14px; | |
| font-weight: bold; | |
| } | |
| #underlinedLables{ | |
| text-decoration: underline; | |
| } | |
| /* i info button*/ | |
| #infoImg{ | |
| width:30px; | |
| margin-top: -5px; | |
| margin-bottom: -10px; | |
| /* margin-left: -200px; */ | |
| } | |
| /*Narbar on top of the page of the legend*/ | |
| .graynavbarLegend{ | |
| background-color: #b2b2b2; | |
| height: 35px; | |
| position: relative; | |
| } | |
| .graynavbarLegend label{ | |
| float: left; | |
| display: block; | |
| color: black; | |
| text-align: center; | |
| /* padding: 7px 16px; */ | |
| text-decoration: none; | |
| font-family: "acumin-pro", sans-serif; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-size: 16px; | |
| margin-left: 7px; | |
| } | |
| .graynavbarLegend .label2{ | |
| color: blue; | |
| } | |
| /*Sorting buttons*/ | |
| .sortbutton{ | |
| background-color: transparent; | |
| border: transparent; | |
| } | |
| /******************************/ | |
| #createdTimeDiv{ | |
| vertical-align: top; | |
| display: inline-block; | |
| } | |
| #prjname, #prjpart, #prjsec{ | |
| font-size: 15px; | |
| font-family: "acumin-pro", sans-serif; | |
| margin-bottom: 10px; | |
| margin-left: 5px; | |
| cursor: pointer; | |
| font-weight: bold; | |
| } | |
| .legendtime{ | |
| margin-left: 54%; | |
| } | |
| .legendtime .EditTime{ | |
| margin-left: 90px; | |
| } | |
| #legendtimediv{ | |
| margin-left: 17%; | |
| display: inline-block; | |
| /* float: right; */ | |
| /* position: absolute; */ | |
| } | |
| #legendtimediv:before { | |
| content: ''; | |
| width: 10%; | |
| min-width: 100px; | |
| max-width: 200px; | |
| display: inline-block; | |
| } | |
| #legendmodtime{ | |
| margin-left: 50px; | |
| } | |
| #legendmodtime:hover , #legendtime:hover , #legend:hover{ | |
| cursor: pointer; | |
| } | |
| #legendlbldivwhole:hover{ | |
| background-color: lightblue; | |
| cursor: pointer; | |
| font-family: "acumin-pro", sans-serif; | |
| } | |
| #legendlbldivwhole{ | |
| font-family: "acumin-pro", sans-serif; | |
| } | |
| .legendclass{ | |
| color: blue; | |
| text-decoration-line: underline; | |
| max-width: 40ch; | |
| width:40ch; | |
| word-wrap: break-word; | |
| } | |
| .infotip{ | |
| justify-content: center; | |
| font-family: "acumin-pro", sans-serif; | |
| color:red; | |
| } | |
| #CreatesortDesc , #EditsortDesc , #CreatesortAsc, #EditsortAsc{ | |
| margin-top: 5px; | |
| } | |
| #CreatesortDesc:hover , #EditsortDesc:hover , #CreatesortAsc:hover, #EditsortAsc:hover{ | |
| color:gray; | |
| cursor: pointer; | |
| } |