.thumbBar { position: absolute; z-index: 100; } .outThumbBG{ position: absolute; overflow: hidden; /*background-color: #000000;*/ /*opacity: 0.9;*/ } .thumbBG { position: absolute; /*background-color: #000000;*/ /*opacity: 0.9;*/ } .thumbBox { position: absolute; } .thumbItem { position: absolute; } a, button { cursor: pointer; } .numbering { position: absolute; } .numberingText{ position: absolute; } .numberingText:after{ top: 100%; border: 10px solid transparent; content: " "; width: 0; height: 0; position: absolute; pointer-events: none; } .numberingText:after{ border-top-color: #eee; border-width: 4px; left: 50%; margin-left: -4px; opacity: 0.9; } .bottom.right, .bottom.right button, .bottom.right .numbering{ position: absolute; top: 2px; left: auto; } a ,button{ cursor: pointer; } .bottom.right{ padding-right: 10px; } .bottom.left, .bottom.left button, .bottom.left .numbering{ position: absolute; top: 2px; right: auto; } a ,button{ cursor: pointer; } .bottom.right{ padding-right: 10px; } .fbTopBar{ overflow: hidden; position: absolute; z-index: 99; top: -50px; left: 0px; right: 0px; height: 42px; opacity: 0.95; border-radius: 0px 0px 10px 10px; } .fbToolBar{ overflow: hidden; position: absolute; z-index: 99; bottom: -45px; left: 0px; right: 0px; height: 42px; border-radius: 5px 5px 5px 5px; /** border-left-width: 0; border-right-width: 0; text-shadow: 0 -1px 1px #000000; font-family: Verdana,sans-serif; font-size: 12px; color: white; background-color: #111111;*/ /* background: gradient(linear, left top, left bottom, from(#333333), to(black)); background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(black)); background: -moz-linear-gradient(top, #333333, black); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='black'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='black'); */ opacity: 0.95; } .fbToolBar button, .fbTopBar button { width: 45px; height: 33px; padding: 2px; /* margin: 1px 0 0 3px; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #333333; border-left: 1px solid #666666; border-right: 1px solid #404040; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #404040; background: gradient(linear, left top, left bottom, from(#4d4d4d), to(#333333)); background: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#333333)); background: -moz-linear-gradient(top, #4d4d4d, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#333333'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#333333'); */ } .halfCircleBtn{ overflow: hidden; position: absolute; z-index: 98; display:block; top: -8px; left: 0px; right: 0px; width:60px; height:30px; border-radius: 0px 0px 30px 30px; background:#ccc; } .numbering{ bottom: 3px; border-radius:5px; } .dock { display: block; margin: 0px auto; bottom: 0px; /*width: 100%;*/ text-align: center; position: absolute; /*overflow: hidden;*/ /*background:#ffff00;*/ } .linea { display: inline-block; /*vertical-align: bottom;*/ margin: 0px; padding: 0px; position: relative; /*overflow: visible;*/ } .linea img { -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.3))); -moz-box-reflect: below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.3))); } .button { width : 30px; height : 30px; bottom: 3px; border-radius:5px; position:absolute; } .button img { margin-left:6px; margin-top : 6px } .numInnerShadow { background:#ffffff; border-radius:5px; height:18px; width : 87px; border-right-width:0px; border-bottom-width:0px; -moz-box-shadow: inset 0 0 5px #555555; -webkit-box-shadow: inset 0 0 5px #555555; box-shadow: inset 0 0 5px #555555; -ms-box-shadow: inset 0 0 5px #555555; -o-box-shadow: inset 0 0 5px #555555; } .searchInnerShadow { background:#ffffff; padding:3px; border-radius:0px; border-right-width:0px; border-bottom-width:0px; -moz-box-shadow: inset 0 0 5px #555555; -webkit-box-shadow: inset 0 0 5px #555555; box-shadow: inset 0 0 5px #555555; -ms-box-shadow: inset 0 0 5px #555555; -o-box-shadow: inset 0 0 5px #555555; }