lx-scan/node_modules/LXWebGui/lib/resources/styles/spinny.css

License eXtension to find 5-tuples of all installed packages: name, version, project home page, license (e. g. Apache v2, BSD) and required notice. It includes a GUI to edit information for each package and to enter information if necessary.

a { 
	z-index: 98; 
}

.third-level-menu
{
	position: absolute;
	top: 0;
	right: -150px;
	width: 150px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.third-level-menu > li
{
	height: 30px;
	background: #26343F;
}
.third-level-menu > li:hover { background: #00B299; }

.second-level-menu
{
	position: absolute;
	top: 30px;
	left: 0;
	width: 150px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.alt { 
	background: #26343F; 
	padding:0; 
	border: 0; 
	height: 30px; 
	width: 150px; 
	position:relative; 
	text-align: left; 
} 
.alt:hover{background: #00B299;}

form { 
	padding:0;
	display:inline;
	position:relative;
}
.second-level-menu > li
{
	position: relative;
	height: 30px;
	background: #26343F;
}
.second-level-menu > li:hover { background: #00B299; }

	
.menubar { 
	width: 100%; 
	height: 30px; 
	background: #26343F;
}

.top-level-menu
{
	list-style: none;
	padding: 0;
	margin: 0;
	background: #26343F; 
}

.top-level-menu > li
{
	position: absolute;
	height: 30px;
	width: 150px;
	background: #26343F;
}
.top-level-menu > li:hover { background: #00B299; }

.top-level-menu li:hover > ul
{
	/* On hover, display the next level's menu */
	display: inline;
}



.top-level-menu a 
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0 0 10px;

	display: block;
	line-height: 30px;
}
.top-level-menu a:hover { color: #000000; }


div.scrollbox { 
	height:75%; 
	width:80%; 
	border:1px solid #ccc;
	overflow: auto; 
	margin-left: auto; 
	margin-right: auto; 
}

div.spacer { 
	width: 100%;
	height: 100%;
	padding-left: 20%;
	padding-right: 20%;
}

tbody tr:nth-child(odd) { background:#CCC; } 

div.pathbox { 
	width:80%; 
	margin-left:auto; 
	margin-right:auto; 
}

div.selbox { 
	margin-right: auto;  
	margin-left: auto; 
	width: 80%; 
	height: 10%;
}

#sbutton { 
	display:block;
}



#lightbox{
}

.dimmer{
	background: #000;
	position: absolute;
	opacity: .5;
	top: 0;
	z-index:99;
	visibility: hidden; 
}

#filediv { 
	display: inline;
}

/* This next section: 

 The MIT License (MIT)

Copyright (c) 2014 Tobias Ahlin

https://github.com/tobiasahlin/SpinKit/blob/master/LICENSE
*/ 

.spinner {
  margin: 0px auto;
  width: 180px;
  height: 190px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #00B8DD;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: cubemove 2.2s infinite ease-in-out;
  animation: cubemove 2.2s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(150px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(150px) translateY(150px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(150px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% { 
    transform: translateX(150px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(150px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(150px) translateY(150px) rotate(-179deg);
    -webkit-transform: translateX(150px) translateY(150px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(150px) translateY(150px) rotate(-180deg);
    -webkit-transform: translateX(150px) translateY(150px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(150px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(150px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}


.center {
	float: none;
	margin: 0 auto;
}

.input-group { 
	width:100%;
}

body { 
	padding-top: 70px;
}

#menu { 
	width:98%; 
}

.center-block {float: none !important;}

.noselect {     
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu{
    display:block;
}

.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover>a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu.pull-left{
    float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}
	body { 
		padding-top: 70px;
	}
	.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}