/* Controls the common style in hyperleda web interface */ /* 2003-02 Vlad/Sofia team */ body { color: #000040; background-image: url("hlbg.jpg") } hr { border: none; background-color: #000099; color: #000099; height: 1px; } hr.frsep { height: 3px; } h2 {font-size: large} mark {background-color: Bisque} .warning { /* Selects any element with attribute class="warning" */ background-color:#FFFFFF; color: red; border:red; border:thin dotted; text-align:center; } .help {cursor:help} /* class ahelp: used for links do documentation on the c=o&z=e page */ .ahelp::after {content:"?";} .ahelp {cursor:help; height:16px; width:16px; border:1px solid; border-radius:8px; text-align:center;line-height:16px; vertical-align:middle; text-decoration:none; color:black} .ahelp:hover {background-color:pink} div.htab {width:100%;} div.hexp {width:90%; margin:auto;} table.datatable {width:100%;border:1px;margin:0px auto;background-color:#3399CC} table.datatable tr {background-color:#FFFFFF;border-color:#3399CC} table.datatable th {background-color:#CCCCCC} table.datatable caption {font-size:larger; font-weight:bold;} .table_menu {margin-left:auto; margin-right:auto;width:40em;} table.table_menu {border-collapse:collapse; border-width:1px; border-style: solid;} tr.table_menu {border-width:1px; border-style: solid;} /* class cozd : c=o&z=d */ /* for a=html, the table+header should be scrollable horizontally if needed */ .cozd {overflow-x:auto;} /* class cozs : c=o&z=s */ .cozs table {width:60%;border:1px;margin:0px auto;background-color:#3399CC} .cozs th {background-color:#CCCCCC} .cozs tr {background-color:#FFFFFF;border-color:#3399CC} /* class cozh : c=o&z=h */ /* fold-unfold buttons on c=o&z=e */ .fold { width: 0; height: 0; border-style: solid; margin-top: 5px; border-width: 0 7.5px 13px 7.5px; border-color: transparent transparent grey transparent; } .fold:hover {border-color: transparent transparent pink transparent;} .unfold { width: 0; height: 0; border-style: solid; overflow:visible; border-width: 13px 7.5px 0 7.5px; border-color: grey transparent transparent transparent; position:relative; top:17.5px; } .unfold:hover {border-color: pink transparent transparent transparent;} /*****************************************************************************/ /* Spinner: used e.g. when a plot is loading */ .spinner { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; width: 30px; height: 30px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*****************************************************************************/ /* Style for the Plot program */ /* Used on c=i&z=vs, c=i&z=vp, c=o&z=plot, ... */ .plot[name=hair] {background-color:red} /* cross-hair */ /*.plot[name=coords] {}*/ /* coordinate display*/ /* zoom out button */ /* .plot[name=zoomout] {} */ .plot[name=zoomout]:hover {background-color:pink;} /* zoom region overlay rectangles rectover1: when the zoom is in the normal direction rectover2: when the zoom reverses one or both axes */ .plot[name=rectover1] {background-color:lightblue; opacity:0.4} .plot[name=rectover2] {background-color:pink; opacity:0.4} /* .plot .spinner {} */ /*****************************************************************************/ /* Style for the modalWIndow */ /* Used in ledacat */ .thumbnailImage{ height: 200px; width: auto; cursor: zoom-in; margin: 2px; } .thumbnailImage:hover { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.75); } /* The Modal (background) */ .modalWindow { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 100; /* Sit on top */ left: 0; top: 0; overflow: auto; /* Enable scroll if needed */ background-color: rgba(0,0,0,0.5); /* Black w/ opacity */ width: 100%; /* Full width */ height: 100%; /* Full height */ padding-top: 50px; /* Location of the box */ cursor: zoom-out; } /* Modal Content (image) */ .modalWindow-image { margin: auto; display: block; max-width: 90%; max-height: 90%; } /* Caption of Modal Image */ #modalCaption { margin: auto; display: block; text-align: center; color: #fff; padding: 10px 0; } /* The Close Button */ .modalWindow-close { position: absolute; top: 15px; right: 35px; color: white; font-size: 20px; font-weight: bold; transition: 0.3s; border: 1px solid; border-radius: 20px; } .modalWindow-close:hover, .modalWindow-close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /*****************************************************************************/