/*@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);*/ @font-face { font-family: 'Raleway'; src: url('../css/fonts/Raleway/Raleway.eot?') format('eot'), url('../css/fonts/Raleway/Raleway.woff') format('woff'), url('../css/fonts/Raleway/Raleway.ttf') format('truetype'), url('../css/fonts/Raleway/Raleway.svg#Raleway') format('svg'); } @font-face { font-family: 'AKHLMM+Helvetica'; src: url('../css/fonts/helveticanw.ttf') format('truetype'); } @keyframes swing { 0% { transform: rotate(0deg); } 10% { transform: rotate(0deg); } 90% { transform: rotate(720deg); } 100%{ transform: rotate(720deg); } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(0deg); } 10% { -webkit-transform: rotate(0deg); } 90% { -webkit-transform: rotate(720deg); } 100%{ -webkit-transform: rotate(720deg); } } html { height: 100%;} body {font-size: 0.625em !important; margin:0; padding:0; font-family: 'Raleway', sans-serif; background-color: #fff; color: #999999; background-image: url(../img/backgrounds/content-backgroundGrey.jpg); background-repeat: repeat; background-position: left top; -webkit-font-smoothing: antialiased; height: 100%;} figure { margin: 0;} * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a, input { outline:none; text-decoration: none; color: #25729f; display: inline-block;} body p { font-size: 2.1em; color: #666; font-weight: 300; line-height: 28px;} .right { float: right;} .left { float: left;} .nomargin { margin: 0 !important;} .none { display: none;} ul li a { background-repeat: no-repeat;} select, input, button { font-family: 'Raleway', sans-serif; cursor: pointer;} select { width: 100%; height: 100%; -webkit-appearance: menulist-button; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0;} input[type="text"] { background-color: #fff; color: #666; border: none; padding: 6px; font-size: 1.4em; font-weight: 300; cursor: inherit; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input[type="button"] { border: none; cursor: pointer;} input::-webkit-input-placeholder, input:-moz-placeholder { color: #aaaaaa; font-weight: 300; } .padded { padding: 20px;} ::-webkit-input-placeholder { color:#666; } ::-moz-placeholder { color:#666; } /* firefox 19+ */ :-ms-input-placeholder { color:#666; } /* ie */ input:-moz-placeholder { color:#666; } a, button, input { outline:none;} /* ASIDE ****************************************/ aside { float: left; width: 300px; height: 100%; position: relative; background-color: #fff; box-shadow: 0 0 10px #ddd; z-index: 10; border-right: 1px solid #e7e7eb;} .transition { transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s;} .blackGround { border-left: 1px solid #33455b; border-top: 1px solid #33455b; border-right: 1px solid #121820; border-bottom: 1px solid #121820; background-color: #1b2531;} .rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;} .semiRounded { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} #settingButton { background-image: url(../img/icos/settingsIconGrey.png); background-repeat: no-repeat; background-position: center center; width: 40px; height: 47px; position: absolute; right: -40px; top: 90px; text-indent: -9999px; box-shadow: 2px 1px 4px #999;} #settingButton:hover { background-image: url(../img/icos/settingsIconWhite.png);} nav { margin: 0 0 0 -1px; position: relative;} nav a { color: #405a75; padding: 18px 20px; float: left; text-indent: -99999px;} .index { background-image: url(../img/icos/indexIconBlue.png); background-repeat: no-repeat; background-position: center center;} .index.active { background-image: url(../img/icos/indexIconWhite.png);} .thumbnails { background-image: url(../img/icos/thumbnailsIconBlue.png); background-repeat: no-repeat; background-position: center center;} .thumbnails.active { background-image: url(../img/icos/thumbnailsIconWhite.png);} .bookmarks { background-image: url(../img/icos/bookmarksIconBlue.png); background-repeat: no-repeat; background-position: center center;} .bookmarks.active { background-image: url(../img/icos/bookmarksIconWhite.png);} .coverSearch { position: absolute; right: 10px; top: 9px; /*width: 93%;*/} nav input[type="text"] { background-image: url(../img/icos/searchIconBlue.png); background-repeat: no-repeat; background-position: 7px center; border-left: 1px solid #444; border-top: 1px solid #444; border-right: 1px solid #666; border-bottom: 1px solid #666; background-color: #1e2936; font-size: 1.3em; color: #fff; padding-left: 30px; width: 143px;} nav input[type="text"]:focus,nav .active input[type="text"] { border: 1px solid #fff; box-shadow: 0 0 4px #333 inset; width: 258px; background-image: url(../img/icos/searchIconWhite.png);} nav input[type="text"]:hover { border: 1px solid #fff; box-shadow: 0 0 4px #333 inset; background-image: url(../img/icos/searchIconWhite.png);} .searchBox { position: absolute; right: 20px;} .close { position: absolute; top: 4px; right: -5px; height: 20px; width: 20px; background-image: url(../img/icos/closeIconBlue.png); background-repeat: no-repeat; background-position: center center; text-indent: -99999px; cursor: pointer;} .close:hover { background-image: url(../img/icos/closeIconWhite.png);} #autoComplete { position: absolute; top: 28px; left: -278px; width: 258px; background-color: #19222e; border: 1px solid #fff; display: none; z-index: 1; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #autoComplete li { font-size: 1.2em; padding: 10px; cursor: pointer; font-weight: 600;} #autoComplete li:hover { background-color: #333; color: #fff;} .greyDegraded { background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } .logotipo { border-bottom: 1px solid #e7e7eb; float: left; text-align: center;} .logotipo img { width: 80%; padding: 4% 10%; height: auto; } #section-wrapper { position: relative; } .section { display: inline-block; width: 100%; overflow: auto;} .section.loading { background: url(../img/misc/ajax-loader.gif) center center no-repeat transparent; } .section .panel {overflow: auto; display: none; background: white; position: relative;} .section li { font-size: 1.3em; width: 100%; font-weight: 500; position: relative;} /*.section > li:hover, */.section > li.active { background-color: #e7e7eb;} .section > li > a { position: relative; padding: 20px 50px 20px 20px; font-size: 100%; width: 100%; background-size: 7%; background-color: #1f71a1; color: #7ea4c0; background-position: 270px center; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; border-left: 4px solid #1c6590; border-top: 1px solid #1d81bc; border-bottom: 1px solid #134968;} .section > li > a.active { color: #fff; border-left: 4px solid #ffe83d;} .buy { background-image: url(../img/icos/buyIconGreen.png); background-repeat: no-repeat; background-position: center; background-color: #8fbe1d; float: right; width: 27px; height: 29px; text-indent: -99999px; position: absolute; right: 10px; top: 50%; margin-top: -15px; cursor: pointer;} .buy:hover { background-image: url(../img/icos/buyIconWhite.png);} .section > li a strong { display: block; margin-bottom: 4px;} .section > li > ul { width: 100%; } .section > li > ul li { font-size: 100%; background-color: #f2f2f6; border-left: 4px solid #ddd; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s;} .section > li > ul li:last-child { border-bottom: none;} .section > li > ul li a { background-image: url(../img/icos/subCatIcoGrey.png); background-repeat: no-repeat; background-position: 15px 21px; padding: 20px 20px 20px 40px; width: 100%; color: #616161; border-bottom: 1px solid #dadadf; border-top: 1px solid #ffffff; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s;} /*.section > li > ul li a:hover, */.section > li > ul li a.active { color: #000; background-color: #ddd;} .section > li > ul li ul { height: auto; width: 299px; padding: 0 47px; margin-left: -4px; background-color: #fff;} .section > li > ul li ul li { border: none; background-color: #fff;} .section > li > ul li ul li:last-child a { border-bottom: none;} .section > li > ul li ul li a { background-image: none; padding-left: 0px !important; border-top: none; border-bottom: 1px dotted #cccccc;} /*.section > li > ul li ul li a:hover,*/ .section > li > ul li ul li a.active { background-color: inherit; font-weight: 600;} .section > li > ul li ul li ul li { background-position: 71px -19px;} .section > li > ul li ul li ul li a { padding: 8px 20px 6px 71px; } .section > li > ul li ul li ul li ul li { background-position: 91px -19px;} .section > li > ul li ul li ul li ul li span { left: 68px;} .section > li > ul li ul li ul li ul li a { padding: 4px 20px 4px 70px; line-height: 13px;} .section > li > a.off { cursor: default; color: #666;} .section > li > a.off:hover { text-decoration: none;} .section li > ul { display: none; } #backToLast { text-align: center; position: fixed; z-index: 1; width: 98px; left: 300px; } #backToLast > p { cursor: pointer; float: left; font-weight: 700; text-align: right; line-height: 14px; border-radius: 0 10px 10px 0; background-image: url(../img/misc/arrowBack.png); height: 151px; background-repeat: no-repeat; width: 71px; font-size: 0; margin-left: 0px; } /* CUSTOM ****************************************/ #custom { width: 100%; float: left; background-color: #1b2531; padding-left: 10px; padding-right: 5px;} #custom a { transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s;} #customList { float: left; width: 100%;} #customList li, #colorsList li { float: left; display: inline; width: auto;} #customList li a, #colorsList li a { float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; text-indent: -99999px;} #customList li a { padding: 6px 10px;} #colorsList li a { height: 14px; margin-top: 1px; padding: 0 17.2px;} #customList li.copy a { background-image: url(../img/icos/copyIconGrey.png);} #customList li.cut a { background-image: url(../img/icos/cutIconGrey.png);} #customList li.paste { background-image: url(../img/icos/borderDottedGrey.png); background-repeat: no-repeat; background-position: right center; padding-right: 8px; margin-right: 8px; } #customList li.paste a { background-image: url(../img/icos/pasteIconGrey.png);} #customList li.rename a { background-image: url(../img/icos/renameIconGrey.png);} #customList li.delete a { background-image: url(../img/icos/deleteIconRed.png); } #customList li.share a { background-image: url(../img/icos/shareIconGrey.png); } #customList li.newFile a { background-image: url(../img/icos/folderIconGrey.png); width: 26px;} #customList li.colors { float: right;} #customList li.colors a { background-image: url(../img/icos/colorsIco.png); } #colorsList { background-color: #1b2531; float: right; width: auto; text-align: right; padding: 5px 2px 4px 4px; margin-top: -27px; display:none; -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; position: relative; z-index: 1; width: 100%;} /*#colorsList:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}*/ #colorsList li.color1 a { background-image: url(../img/icos/colorIco1.png);} #colorsList li.color2 a { background-image: url(../img/icos/colorIco2.png);} #colorsList li.color3 a { background-image: url(../img/icos/colorIco3.png);} #colorsList li.color4 a { background-image: url(../img/icos/colorIco4.png);} #colorsList li.color5 a { background-image: url(../img/icos/colorIco5.png);} #colorsList li.color6 a { background-image: url(../img/icos/colorIco6.png);} #colorsList li.color7 a { background-image: url(../img/icos/colorIco7.png);} #colorsList li.closeColors { float: right; margin-left: 2px;} #colorsList li.closeColors a { background-image: url(../img/icos/closeIconBlue.png); width: 17px; height: 17px; margin-top: 0; float: right;} #colorsList li.closeColors a:hover { background-image: url(../img/icos/closeIconWhite.png);} /* TREE_CONTENT ********************/ #PersoContainer { float: left; margin-top: 10px; width: 100%;} .jstree-container-ul { float: left; width: 100%;} #PersoContainer ul li { font-size: 12px; color:white; } #PersoContainer .jstree-node {width: 100%; position:relative;} .jstree-children { float: left; width: 100%;} .jstree-node .jstree-anchor .jstree-checkbox { position: inherit; width: 20px; height: 20px; display:none;} .jstree-children .jstree-node .jstree-anchor .jstree-checkbox { } #PersoContainer .jstree-node span, #PersoContainer .jstree-node a { width:100%; background-color: #f2f2f6; color: #616161; font-size: 12px; border-bottom: 1px solid #dddddd; border-top: 1px solid #ffffff; padding: 4px;} #PersoContainer .jstree-anchor { white-space: normal; height:auto; } #PersoContainer .jstree-anchor:hover { background-color: #dddddd; } #PersoContainer .jstree-clicked { background-color: #273649; } .vakata-context { z-index: 1000; font-family: Raleway, sans-serif !important; font-size: 12px !important; } .vakata-context li>a .vakata-contextmenu-sep { height:auto !important; font-size: 12px !important; } .jstree-checkbox { float:right; } .jstree-default .jstree-node, .jstree-default .jstree-icon { position: absolute; background-position: center center; } .jstree-default .jstree-node.jstree-open > .jstree-ocl { background-image: url(../img/icos/arrowOpenTree.png); height: 26px; width: 21px;} .jstree-default .jstree-node > .jstree-ocl { background-image: url(../img/icos/arrowCloseTree.png); height: 26px; width: 21px; } #PersoContainer .jstree-children .jstree-node a { padding-left: 40px;} #PersoContainer .jstree-node li a { width: 100%; clear:both; float:left;} /*#PersoContainer .jstree-children > .jstree-node.jstree-open a .jstree-themeicon, #PersoContainer .jstree-children > .jstree-node.jstree-closed a .jstree-themeicon { background-image: url(../img/icos/folderTreeOpen.png) !important; background-color: #ddd !important;}*/ #PersoContainer .jstree-node li .jstree-icon.jstree-ocl { left: 20px;} #PersoContainer .jstree-node li li a {width: 100%; padding-left: 60px !important} #PersoContainer .jstree-node li li .jstree-icon.jstree-ocl { left: 40px;} #PersoContainer .jstree-node li li li a {width: 100%; padding-left: 80px !important;} #PersoContainer .jstree-node li li li .jstree-icon.jstree-ocl { left: 60px;} #PersoContainer .jstree-node li li li li a {width: 100%; padding-left: 100px !important;} #PersoContainer .jstree-node li li li li .jstree-icon.jstree-ocl { left: 80px;} #PersoContainer .jstree-node li li li li li a {width: 100%; padding-left: 120px !important;} #PersoContainer .jstree-node li li li li li .jstree-icon.jstree-ocl { left: 100px;} #PersoContainer .jstree-node li li li li li li a {width: 100%; padding-left: 140px !important; } #PersoContainer .jstree-node li li li li li li .jstree-icon.jstree-ocl { left: 120px;} #PersoContainer .jstree-default .jstree-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px; } /* tree_folders **********************/ .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon { background-color: #dddddd; margin-top: 2px; margin-left: 1px; height: 20px; width: 20px; line-height: 20px; position: inherit; background-position: center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /*.jstree-default .jstree-container-ul .jstree-node.jstree-closed .jstree-themeicon, .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.jstree-themeicon-custom, .jstree-default .jstree-container-ul .jstree-node.jstree-open .jstree-themeicon { background-image: url(../img/icos/folderTreeOpen.png) !important;}*/ .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.color1 { background-color: #3347ed;} .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.color2 { background-color: #00cefe;} .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.color3 { background-color: #b427ff;} .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.color4 { background-color: #26d12f;} .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.color5 { background-color: #cf121f;} .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.color6 { background-color: #ff9a52;} .jstree-default .jstree-container-ul .jstree-node .jstree-themeicon.color7 { background-color: #fffd00;} /* tree_makups **********************/ #PersoContainer .jstree-children .jstree-node .jstree-themeicon { background-color: #fff; border: 2px solid #dddddd; } /*#PersoContainer .jstree-children .jstree-node .jstree-themeicon { background-image: url(../img/icos/annotationTree.png) !important;}*/ div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.color1 { border: 2px solid #3347ed;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.color2 { border: 2px solid #00cefe;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.color3 { border: 2px solid #b427ff;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.color4 { border: 2px solid #26d12f;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.color5 { border: 2px solid #cf121f;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.color6 { border: 2px solid #ff9a52;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.color7 { border: 2px solid #fffd00;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.annotation { background-image: url(../img/icos/annotationTree.png) !important;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.emphasis { background-image: url(../img/icos/emphasisTree.png) !important;} div#PersoContainer .jstree-icon.jstree-themeicon.jstree-themeicon-custom.bookmark { background-image: url(../img/icos/bookmarkTree.png) !important;} .section li.thumbs ul { display: block; } .final span:not(.buy) { display: none;} .thumbs .thumbsList { padding: 20px; background-color: #fff; width: 100%;} .thumbs .thumbsList li { float: left; width: 74px; background: none; border: none; margin-right: 10px; margin-bottom: 14px; position: relative; min-height:106px;} .thumbs .thumbsList > li:hover { background-color: inherit !important;} .thumbs .thumbsList li img { width: 100%;} .thumbs .thumbsList li a { border: 1px solid #1F71A1; height: 102%; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; padding: 0; text-align: center; font-size: 60%; } .thumbs .thumbsList li.expanded a:after, .thumbs .thumbsList li.expanded a:before { content: ""; position: absolute; left: 60%; bottom: 103px; margin-left: -25%; border-radius: 3px; border: 8px solid transparent; border-top-width: 10px; border-top-color: #1F71A1; } .thumbs .thumbsList li a.selected { border: 4px solid #1F71A1;} .thumbs .thumbsList li a.selected:hover { border: 4px solid #1F71A1;} .thumbs .thumbsList li a:hover { background-color: inherit !important; border: 4px solid #1F71A1; } .thumbs .thumbsList li a.active { box-shadow: 4px 4px 13px #666; margin-left: -3px; margin-top: -3px; border: 4px solid #1F71A1; background-color: inherit;} .thumbs .thumbsList li a img { float: left;} .thumbs .thumbsList li:nth-child(3n+3) { margin-right: 0;} .thumbs .thumbsList li a span { position: absolute; bottom: -1px; right: 0; z-index: 5; color: #ffe83d; padding: 3px 5px; font-size: 1.4em; background-color: #1e2936; font-weight: 600;} .thumbs .thumbsList img.unloaded {height: 40px; width: 60px;} .searchCover { padding: 4px 20px; background-color: #fff; position: relative; } .searchCover input[type="text"] { border: 1px solid #e7e7eb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 82%; font-size: 100%; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s;} .searchCover input[type="text"]:hover, .searchCover input[type="text"]:focus { box-shadow: 0 0 4px #999 inset; border: 1px solid #fff; } .searchCover input[type="submit"] { position: absolute; right: 20px; top: 4px; height: 28px; float: left; background: #25729f; color: #fff; border: none; font-size: 100%; padding: 0 8px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .searchList { background-color: #fff; border-top: 1px dotted #ccc; width: 100%;} .search .searchList > li { font-size: 100%; border-left: none; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .searchList li a { padding: 10px 20px 20px 20px !important; word-wrap: break-word; background: none !important; line-height: 14px; border-top: none !important;} .searchList li a:hover { color: #fff; } .searchList li:last-child { border: none;} .searchList li:hover { background-color: inherit;} .searchList .highlight { background-color: #f1cb09; color: #000; padding: 0 4px;} .searchList .noResults { padding: 20px; } .marksList { background-color: #fff; width: 100%;} .marksList li { font-size: 1em; position: relative; cursor: pointer; border-top: 1px solid #fff; border-bottom: 1px solid #dadadf;} .dateMark { width: 100%; } .marksList li input { font-size: 100%; width: 50%; padding: 4px; font-weight: 600; margin: 10px 0 0 10px; border: 1px solid #e7e7eb; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; cursor: auto;} .marksList li input:hover, .marksList li input:focus {box-shadow: 0 0 4px #999 inset; border: 1px solid #fff;} .marksList li span { font-size: 100%; padding: 10px; display: inline-block; font-style: italic;} .marksList li .mark { background-image: url(../img/icos/spriteToolBar.png); background-repeat: no-repeat; background-position: 54px -141px; position: absolute; top: 10px; right: 10px; padding: 3px 27px 0 0; height: 44px;} /* TOOLS ****************************************/ .tools { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5%; background: rgb(30,41,54); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMjkzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIyMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(30,41,54,1) 0%, rgba(25,34,46,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,41,54,1)), color-stop(100%,rgba(25,34,46,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30,41,54,1) 0%,rgba(25,34,46,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30,41,54,1) 0%,rgba(25,34,46,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30,41,54,1) 0%,rgba(25,34,46,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(30,41,54,1) 0%,rgba(25,34,46,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e2936', endColorstr='#19222e',GradientType=0 ); /* IE6-8 */ } .tools h2 { text-align: center; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; background-image: url(../img/icos/zoomIcon.svg); background-repeat: no-repeat; background-position: 91px 0px; background-size: 6%;} .zoomCover { position: relative; border-bottom: 1px solid #121921; padding-bottom: 10px; } .zoomButton { position: absolute; top: 2px; color: #25729f; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 2em; font-weight: 500; height: 20px; width: 20px; text-align: center; cursor: pointer; text-indent: -99999px;} .more { right: 5px; background-image: url(../img/icos/plusLessIconWhite.png); background-repeat: no-repeat; background-position: -34px 5px;} .less { left: 5px; line-height: 18px; background-image: url(../img/icos/plusLessIconWhite.png); background-repeat: no-repeat; background-position: 3px 5px;} .slider { background-color: #fff; width: 100%; display: block; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; margin-top: 10px; display: inline-block;} .percent { color: #fff; margin-top: 16px; display: inline-block; margin-right: 18px; font-weight: 500; font-size: 1.1em; } .percent:last-child { margin-right: 0;} .pageSearch { display: inline-block; border-top: 1px solid #273649; padding-top: 10px;} .pageSearch ul { float: left; width: 100%; text-align: center;} .pageSearch ul li { float: none; display: inline-block; vertical-align: middle;} .pageSearch ul li a { background-image: url(../img/icos/arrowsZoomWhite.png); background-repeat: no-repeat; background-color: #1f71a1; height: 20px; width: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; padding-top: 5px; border-top: 2px solid #288dc9; text-indent: -99999px;} .pageSearch ul li.first a { background-position: 7px 5px;} .pageSearch ul li.prev a { background-position: -7px 5px;} .pageSearch ul li.next a { background-position: -19px 5px;} .pageSearch ul li.last a { background-position: -33px 5px;} .inputPageSearh input { border-left: 1px solid #1a232e; border-top: 1px solid #1a232e; border-right: 1px solid #33475c; border-bottom: 1px solid #33475c; background-color: #1e2936; font-size: 1.3em; color: #ffe83d; width: 150px; text-align: center; margin: 0 8px; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; box-shadow: 0 0 10px #000 inset;} .inputPageSearh input:focus, .inputPageSearh input:hover { border: 1px solid #fff;} .marksList li span.delete { background-image: url(../img/icos/closeIconBlue.png); background-repeat: no-repeat; background-position: center center; text-indent: -99999px; padding: 5px 12px; position: absolute; bottom: 6px; right: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } header { display: block; color: #fff; background: rgb(25,90,128); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NWE4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjRhNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(25,90,128,1) 0%, rgba(18,74,106,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,90,128,1)), color-stop(100%,rgba(18,74,106,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(25,90,128,1) 0%,rgba(18,74,106,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(25,90,128,1) 0%,rgba(18,74,106,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(25,90,128,1) 0%,rgba(18,74,106,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(25,90,128,1) 0%,rgba(18,74,106,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195a80', endColorstr='#124a6a',GradientType=0 ); /* IE6-8 */ } header a { color: #fff; } header .backToLibrary { background-image: url(../img/icos/backToLibraryGrey.png); background-repeat: no-repeat; text-indent: -99999px; padding: 20px 10px; background-position: center; float: left; width: 15%; min-height: 70px; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; } header .backToLibrary:hover { background-image: url(../img/icos/backToLibraryWhite.png); } header figure { padding: 10px; display: block; float:left; width: 85%; } header figure figcaption { font-size: 1.2em; font-weight: 600; color: #999; display: table;} header figure figcaption span { display: block; margin-top: 2px; color: #fff; line-height: 13px;} header img { float: left; margin-right: 10px; height: 60px; width: auto;} .coverInputRange { background-color: #0e141a; box-shadow: 0 0 4px #000 inset; border-left: 1px solid #05080a; border-top: 1px solid #05080a; border-right: 1px solid #313944; border-bottom: 1px solid #313944; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 6px 30px 8px 30px;} .search .searchList > li .crumbsSearch { padding: 10px 20px 0 20px; border-top: 1px solid #ffffff; font-weight: 600; color: #333;} .search .searchList > li .crumbsSearch a { color: #1f71a1; padding: 0 !important; display: inline; width: auto; border-bottom: none;} .search .searchList > li .crumbsSearch a:hover { text-decoration: underline; } ul.searchList img { width: 60px; float: left; border: 1px solid; margin-right: 5px;} ul.searchList p { font-size: 100%; font-weight: 500; color: #616161; line-height: 13px;} ul.searchList li a span.page { position: absolute; left: 20px; top: 95px; color: #ffe83d; background-color: #1e2936; padding: 2px 4px 5px 4px; text-align: center; font-weight: 600;} #toolBar { width: 45px; position: fixed; right: 20px; top: 14px; z-index: 10; } .blocKToolBar { background-image: url(../img/icos/pushpinIcon.png); background-repeat: no-repeat; background-position: left top; width: 34px; height: 39px; display: block; cursor: pointer; margin-left: 5px; text-indent: -99999px; margin-bottom: 4px;} .blocKToolBar:hover, .blocKToolBar.selected { background-image: url(../img/icos/pushpinIconSelected.png); } .blocKToolBar.selected:hover { background-image: url(../img/icos/pushpinIcon.png);} .toolBarBox { margin-bottom: 4px; box-shadow: 0 0 4px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden;} .toolBarButton { background-color: #19232e; border-top: 1px solid #3e5067; border-bottom: 1px solid #0c1015; display: inline-block; background-image: url(../img/icos/bgToolbarButton.jpg); background-repeat: repeat-x; background-position: left top; height: 45px; width: 45px;} .toolBarButton a { text-indent: -99999px; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(../img/icos/spriteToolBar.png); transition-duration: .1s; -moz-transition-duration: .1s; -webkit-transition-duration: .1s;} .toolBarButton p { font-size: 1.5em; font-weight: 600; color: #ffe83d; text-align: center; line-height: 41px;} .fullButton { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .topButton { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px;} .bottomButton { -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;} .toolBarButton.fullScreen a { background-position: 16px 14px;} .toolBarButton.fullScreen a:hover, .toolBarButton.fullScreen a.selected:hover { background-position: -28px 14px;} .toolBarButton.fullScreen a.active { background-position: 15px -433px;} .toolBarButton.fullScreen a.active:hover { background-position: -29px -433px;} .toolBarButton.prevPage a { background-position: 16px -29px;} .toolBarButton.prevPage a:hover, .toolBarButton.prevPage a.selected:hover { background-position: -28px -29px;} .toolBarButton.nextPage a { background-position: 16px -73px;} .toolBarButton.nextPage a:hover, .toolBarButton.nextPage a.selected:hover { background-position: -28px -73px;} .toolBarButton.marker a { background-position: 15px -127px;} .toolBarButton.marker a:hover, .toolBarButton.marker a.selected:hover { background-position: -29px -127px;} .toolBarButton.hightLigt a { background-position: 15px -172px;} .toolBarButton.hightLigt a:hover, .toolBarButton.hightLigt a.selected:hover { background-position: -29px -172px;} .toolBarButton.zoomIn a { background-position: 15px -213px;} .toolBarButton.zoomIn a:hover, .toolBarButton.zoomIn a.selected:hover { background-position: -29px -213px;} .toolBarButton.zoomOut a { background-position: 15px -250px;} .toolBarButton.zoomOut a:hover, .toolBarButton.zoomOut a.selected:hover { background-position: -29px -250px;} .toolBarButton.fitWidth a { background-position: 14px -291px;} .toolBarButton.fitWidth a:hover, .toolBarButton.fitWidth a.selected:hover { background-position: -30px -291px;} .toolBarButton.fitHeight a { background-position: 14px -342px;} .toolBarButton.fitHeight a:hover, .toolBarButton.fitHeight a.selected:hover { background-position: -30px -342px;} .toolBarButton.savePage a { background-position: 14px -392px;} .toolBarButton.savePage a:hover, .toolBarButton.savePage a.selected:hover { background-position: -30px -392px;} .toolBarButton.savePageCss a { background-position: 14px -475px;} .toolBarButton.savePageCss a:hover, .toolBarButton.savePageCss a.selected:hover { background-position: -30px -475px;} .toolBarButton a.selected { box-shadow: inset 0 0 13px 3px #000; background-color: #666;} .toolBarButton.fullScreen a.selected { background-position: -71px 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .toolBarButton.prevPage a.selected { background-position: -72px -29px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;} .toolBarButton.nextPage a.selected { background-position: -71px -73px;} .toolBarButton.marker a.selected { background-position: -72px -127px;} .toolBarButton.hightLigt a.selected { background-position: -72px -172px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .toolBarButton.zoomIn a.selected { background-position: -71px -213px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;} .toolBarButton.zoomOut a.selected { background-position: -71px -250px;} .toolBarButton.fitWidth a.selected { background-position: -72px -291px;} .toolBarButton.fitHeight a.selected { background-position: -72px -342px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;} .toolBarButton.savePage a.selected { background-position: -73px -392px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .toolBarButton.savePageCss a.selected { background-position: -74px -475px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .toolBarButton.dtm a { background-position: 6px -700px; position: relative;} .toolBarButton.dtm a.selected { background-position: -100px -700px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .toolBarButton.dtm a > span { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.6); visibility: hidden; background-image: url(../img/misc/loaderToolBar.gif); background-repeat: no-repeat; background-position: center center;} .toolBarButton.dtm a:hover, .toolBarButton.dtm a.selected:hover { background-position: -48px -700px;} .toolBarButton.annotation a { background-position: 14px -527px;} .toolBarButton.annotation a:hover, .toolBarButton.annotation a.selected:hover { background-position: -30px -528px; } .toolBarButton.textEditing a { background-position: 15px -572px;} .toolBarButton.textEditing a:hover, .toolBarButton.textEditing a.selected:hover { background-position: -30px -572px; } .toolBarButton.uncheck a { background-position: 15px -618px;} .toolBarButton.uncheck a:hover, .toolBarButton.uncheck a.selected:hover { background-position: -30px -618px; } .toolBarButton.logout a { background-position: 17px -652px} .toolBarButton.logout a:hover, .toolBarButton.logout a.selected:hover { background-position: -27px -652px } article.reader { width: 0px; height: 0px; overflow: hidden; } #page-container { height: 100%; position: absolute; top: 0; right: 0;} #page-container img.loading { z-index: 5; position: relative; margin: 100px 45%; width: 10%; } #page-container .highlight { /*background-color: rgba(200, 0, 200, 0.30);*/ background-color: #f1cb09;} .zoomRange { width: 100%; } .percent.last { float: right; margin-right: 0; } ul.indexList > li > a {display: inline-block;} ul.indexList a {display: inline-block;} .marksList p { line-height: 1.4em; font-size: 100%; width: 93%; padding: 3px 100px 2px 3px; font-weight: 600; margin: 10px 0 0 10px; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; cursor: pointer; background-color: inherit; color: #666; float: left; min-height: 28px;} .marksList li:not(.noBookmarks):hover { background-color: #fff; } .marksList li.noBookmarks { cursor: default; } .marksList li.noBookmarks p { cursor: default; } #rangeValue { color: #fff; font-weight: 600; width: 30px; text-align: center; margin: 0 auto; display: table; margin-top: -17px; font-size: 1.6em; text-indent: -23px;} input[type="range"] { -webkit-appearance: none; background-color: #51565b; height: 4px; border-radius: 5px;} input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; position: relative; top: -1px; z-index: 1; background-color: #eaeff0; height: 14px; width: 14px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; box-shadow: 0 0 10px #000;} .loading-indicator { display: none; position: absolute; width: 79px; height: 79px; top: 20%; left: 50%; margin-top: -40px; margin-left: -40px; animation: swing 1.5s ease-in-out 0s infinite alternate none; -webkit-animation: swing 1.5s ease-in-out 0s infinite alternate none; } .loading-indicator img { position:absolute; top:0; left:0; bottom:0; right:0; } aside.MovTab .section > li > a { padding: 10px 50px 10px 20px;} aside.MovTab .searchList li a { padding: 10px !important;} aside.MovTab .search .searchList > li .crumbsSearch { padding: 10px 10px 0 10px;} aside.MovTab .section > li.indexOfContents > ul li a { padding: 10px 20px 10px 40px; background-position: 15px 13px;} /* VENTA CAPÍTULO MUESTRA*/ .notAvailable { text-align: center; margin-top: 25%; } .notAvailable p, .buyNow { font-family: 'Raleway', sans-serif; font-size: 24px; font-weight: 500; line-height: 36px; } .notAvailable figure { position: relative; padding: 14px 29px 8px 31px; margin-bottom: 12px; } .notAvailable figure.chapter { float: left; width: 50%;} .notAvailable figure.work { float: right; width: 50%;} .notAvailable > p { text-align: center; margin-bottom: 20px; } .notAvailable .buyNow { color: #fff; border: 1px solid #7a9a0b; box-shadow: inset 0 0 0 1px #b6d640; background-color: #99bb27; text-decoration: none; padding: 10px 20px; margin-top: 20px; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .notAvailable .buyNow:hover { background-color: #a7cb29; } .notAvailable a { text-align: center; } #buyChapter { display: none; } /*TOOLTIP*/ .ui-tooltip, .arrow:after { background: #111 url(images/ui-bg_gloss-wave_20_111111_500x100.png) 50% top repeat-x; border:2px solid #000; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } .ui-tooltip { padding: 10px 20px; color: white; border-radius: 20px; font: bold 12px Raleway, sans-serif; box-shadow: 0 0 7px black; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } .arrowl:after { background: #111 url(images/ui-bg_gloss-wave_20_111111_500x100.png) 50% top repeat-x; border:2px solid #000; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } .ui-tooltip.ttR { right: 74px; margin-left: -54px; } .arrowl { width: 14px; height: 32px; overflow: hidden; position: absolute; right: 34px; margin-right: -48px; bottom: -4px; } .arrowl:after { content: ""; position: absolute; right: 20px; top: -5px; width: 25px; height: 50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .arrowl.top:after { bottom: -20px; top: auto; } /*Fron index*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -ms-touch-action: none; } body,ul,li { padding: 0; margin: 0; border: 0; } body { overflow: hidden; /* this is important to prevent the whole page to bounce */ } #wrapper { position: absolute; z-index: 1; top: 0px; bottom: 0px; left: 300px; right: 0px; background: #ccc; overflow: hidden; } #scroller .t { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select:text; } #scroller img { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #scroller { position: absolute; width: 1148px; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; webkit-overflow-scrolling: touch; } #scroller ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; } #ajaxLoadIndicator { z-index:15; display:none; position:absolute; right:10px; bottom:10px; -webkit-animation: swing 1.5s ease-in-out 0.01s infinite alternate none; animation: swing 1.5s ease-in-out 0.01s infinite alternate none; } .section li.loading a { background-image: url('../img/misc/chapter-loader.gif'); background-repeat: no-repeat; } aside .disabled { filter: alpha(opacity=0.1); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; } #toolBar a.disabled { filter: alpha(opacity=0.8); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; background-color: #666; } #section-wrapper { background-color:#0e141a; } #pageLabel { display:block; height: 41px; overflow: hidden; } .pf { box-shadow: 0 0 50px #666; border: 1px solid #bbb;} .ui-dialog { background-color: #000 !important; box-shadow: 0 0 10px #000; border-top: 1px solid #666 !important;} .ui-dialog > .ui-widget-header, .ui-dialog > .ui-widget-content, .ui-dialog > .ui-widget-content { background: none !important;} .ui-dialog > #dialog { background: transparent !important;} .ui-dialog .ui-dialog-title { font-size: 14px;} .ui-dialog > #dialog p { font-weight: 500;} .ui-draggable .ui-dialog-titlebar { border: none !important; padding: 10px 10px 0 10px} .ui-dialog .ui-dialog-title, .ui-dialog > #dialog p { font-family: 'Raleway', sans-serif; font-size: 14px; color: #fff;} .ui-dialog-buttonset, button, .ui-button-text { width: auto; font-weight: 300; text-align: center;} .ui-state-default, .ui-widget-content .ui-state-default { background: #9BBC28 !important; font-family: 'Raleway', sans-serif; text-align: center; font-weight: 300; padding: 6px 0;} .ui-dialog .ui-dialog-buttonpane { margin-top: 0 !important; padding: 0 4px !important;} button > span.ui-icon-closethick { background-image: url("images/ui-icons_ffffff_256x240.png") !important; } .ui-button-text-only .ui-button-text { padding: 2px 20px !important;} .ui-dialog p { font-size: 13px; padding:0px; line-height:normal; color:#ffe83d;} /* DTM ****************************************/ .dtmToolTip { padding: 30px 30px 80px 30px; background-color: #1b2531; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: absolute; z-index: 10000; width: 520px; max-width: 90%;} .dtmToolTip.noBanner { padding: 30px; } .dtmToolTipLogo {text-align: center; margin-bottom: 10px; background-image: url(../img/png/logos/borderBgDtm.png); background-position: center center; background-repeat: repeat-x;} .dtmToolTipLogo img { background-color: #1B2531; padding: 0 20px; } .dtmToolTip p { font-size: 14px; color: #fff; line-height: 17px; font-weight: 500; margin-bottom: 10px; } .dtmToolTip:after {content: ""; position: absolute; bottom: -18px; left: 0; right: 0; margin-right: auto; margin-left: auto; border-radius: 3px; border: 8px solid transparent; border-top-width: 10px; border-top-color: #1B2531; width: 2px; } .dtmToolTip.dtmToolTipTop:before { left: 0; right: 0; margin-right: auto; margin-left: auto; } .dtmToolTip.dtmToolTipLeftTop:before, .dtmToolTip.dtmToolTipLeft:after { left: 30px; right: initial; margin-right: initial; margin-left: initial; } .dtmToolTip.dtmToolTipRightTop:before, .dtmToolTip.dtmToolTipRight:after { left: initial; right: 30px; margin-right: initial; margin-left: initial; } .dtmToolTip.dtmToolTipTop:after, .dtmToolTip.dtmToolTipLeftTop:after, .dtmToolTip.dtmToolTipRightTop:after { display: none;} .dtmToolTip.dtmToolTipTop:before, .dtmToolTip.dtmToolTipLeftTop:before, .dtmToolTip.dtmToolTipRightTop:before { content: ""; position: absolute; top: -18px; border-radius: 3px; border: 8px solid transparent; border-bottom-width: 10px; border-bottom-color: #4C8DE0; width: 2px;} .definition { color: #fef7a7; font-size: 21px; font-weight: 800;} .definitionAmp { color: #fef7a7;} .ita { font-style: italic;} .dtmToolTip.dtmToolTipWhite { background-color: #fff; box-shadow: 0 0 10px #8B8B8B;} .dtmToolTip.dtmToolTipWhite .dtmToolTipLogo { background-image: url(../img/png/logos/borderBgDtmGrey.png);} .dtmToolTip.dtmToolTipWhite p { color: #454a50;} .dtmToolTip.dtmToolTipWhite .definition { color: #4c8de0;} .dtmToolTip.dtmToolTipWhite .definitionAmp { color: #4c8de0;} .dtmToolTip.dtmToolTipWhite .dtmToolTipLogo img { background-color: #fff;} .dtmToolTip.dtmToolTipWhite:after { border-top-color: #4C8DE0;} .dtmToolTip #color { font-weight: 800; color: #4c8de0; } .dtmToolTip #lema { font-size: 21px; font-weight: 800; color: #4c8de0;} .dtmToolTip a { font-weight: bold; color: #1B77B4;} .section > li.dtmMatch > a { border-left: 0px; background-color: #196089; padding-right: 20px; } .dtmMatch > a > img { float: left; margin-right: 10px; } .dtmMatch > div { float: left; background-color: #C2C2C2; } .dtmMatch div.dtmText { padding: 10px 20px; color: #222; } .dtmMatch div.dtmText > span { color: #00f; } .buyButtonCover { margin: 0 10px 10px 0; float: right; width: 70%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #7a9a0b; position: relative; background: rgb(167,203,41); background: -moz-linear-gradient(top, rgba(167,203,41,1) 0%, rgba(151,184,39,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,203,41,1)), color-stop(100%,rgba(151,184,39,1))); background: -webkit-linear-gradient(top, rgba(167,203,41,1) 0%,rgba(151,184,39,1) 100%); background: -o-linear-gradient(top, rgba(167,203,41,1) 0%,rgba(151,184,39,1) 100%); background: -ms-linear-gradient(top, rgba(167,203,41,1) 0%,rgba(151,184,39,1) 100%); background: linear-gradient(to bottom, rgba(167,203,41,1) 0%,rgba(151,184,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cb29', endColorstr='#97b827',GradientType=0 ); } .buyButton { float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #b6d540; height: 100%; } .buyButton a { width: 100%; border-bottom: none; color: #fff; padding: 10px; background-position: 15px center; float: left; font-weight: 700; text-shadow: 0 -0.05em #556717; background: url(../img/svg/icos/add-cart-ico.svg) no-repeat 20px center transparent; } .buyButton a:hover { background: url(../img/svg/icos/add-cart-ico.svg) no-repeat 20px center #97b727; } .buyButton a > span { display: block; float: left; width: 100%; text-align: right; } .buyButton a > span.basket { line-height: 36px; font-weight: 800; } .buyButton a > span.oldPrice { display: none; text-decoration: line-through; font-style: italic; } .buyButton a > span.webPrice { display: none; font-size: 1.8em; font-weight: 700; font-style: italic; } .dtmMatch .dtmToolTipText { padding: 10px 20px 10px 10px; background-color: #eee; } .dtmMatch .dtmToolTipText #lema { font-size: 16px; font-weight: 800; color: #4c8de0; } .dtmMatch .dtmToolTipText strong > i { margin-right: 1px; } .dtmMatch .dtmToolTipText > p { margin-top: 5px; font-size: 14px; line-height: 15px; } .dtmToolTip.dtmToolTipWhite .bannerTooltip { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(76,141,224,0.95); border-radius: 0 0 5px 5px; overflow: hidden; padding: 10px; margin-bottom: -1px;} .bannerTooltiptxt { width: 65%; float: left;} .dtmToolTip.dtmToolTipWhite .bannerTooltip img { margin-right: 10px; float: left; width: 34px;} .dtmToolTip.dtmToolTipWhite .bannerTooltip p { margin: 0; color: #fff;} .dtmToolTip.dtmToolTipWhite .bannerTooltip a { text-decoration: underline; color: #fff; font-size: 14px;} .dtmToolTip.dtmToolTipWhite .bannerTooltip a:hover { text-decoration: none;} .dtmToolTip.dtmToolTipWhite .bannerTooltip .bannerTooltipButton { cursor: pointer; float: right; width: 35%; background-color: #9FC128; background-repeat: no-repeat; background-position: left top; background-position: 8px center; background-size: 40px; text-decoration: none; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: right; } .dtmToolTip.dtmToolTipWhite .bannerTooltip .bannerTooltipButton:hover { background-color: #97b727;} .dtmToolTip.dtmToolTipWhite .bannerTooltip .bannerTooltipButton span { font-size: 12px;} .dtmToolTip.dtmToolTipWhite .bannerTooltip .bannerTooltipButton p { font-style: italic; text-align: right;} .dtmToolTip.dtmToolTipWhite .bannerTooltip .bannerTooltipButton .strike { color: #556717; text-decoration: line-through; margin: 2px 0; font-size: 12px;} .dtmToolTip.dtmToolTipWhite .bannerTooltip .bannerTooltipButton .buttonPrice { font-size: 16px; margin: 2px 0; margin-top: -5px;} .dtmToolTip.dtmToolTipWhite .bannerTooltip .buyButton.bannerTooltipButton a {text-decoration: none; padding: 0; background-size: 48px; background-position: 10px center;} /* MEDIAS ****************************************/ @media screen and (max-width: 1310px) { #ajaxLoadIndicator {right: 60px;} #toolBar { right: 0; top: 0; height: 100%; background-color: #1b2531;} .blocKToolBar, .fullScreen, .savePage, .savePageCss { display: none;} .toolBarBox { margin-bottom: 0;} .toolBarBox, .toolBarButton.topButton, .toolBarButton.bottomButton { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;} .toolBarButton:last-child { border-bottom: none !important;} #wrapper { right: 45px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { #toolBar { right: 0; top: 0; height: 100%; background-color: #1b2531;} .blocKToolBar, .fullScreen, .savePage, .savePageCss { display: none;} .toolBarBox { margin-bottom: 0;} .toolBarBox, .toolBarButton.topButton, .toolBarButton.bottomButton { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;} .toolBarButton:last-child { border-bottom: none !important;} } @media only screen and (max-width: 767px) { .fitWidth, .fitHeight { display: block;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .fitWidth, .fitHeight { display: none;} } #toolBar { display: none; } header.pulir { height: 89px; overflow:hidden; } aside { display: none; left: 0px; } .searchList li.expanded { color: #000; background-color: #ddd; } .expanded .nresults { color:#ffe83d; } .nresults { font-weight: 600; } #wrapper .highlight { background-color: rgba(256, 200, 0, 0.4);} /*#wrapper ul li div {-webkit-text-stroke: 0.5px !important;}*/ #wrapper ul li div span {-webkit-text-stroke: 0.5px !important;} #rotateTip { left:0px; bottom:-2px; position:absolute; z-index:20; display:none; } table { color:black; background-color:white; } table td, table th { padding: 5px; } #PersoContainer ul li { font-size: 12px; color:white; } /*.jstree-container-ul {width:290px !important;}*/ #PersoContainer .jstree-node {width: 100% !important;} /*#PersoContainer .jstree-node li {width: 241px !important;} #PersoContainer .jstree-node li li {width: 217px !important;} #PersoContainer .jstree-node li li li {width: 193px !important;} #PersoContainer .jstree-node li li li li {width: 169px !important;} #PersoContainer .jstree-node li li li li li {width: 144px !important;} #PersoContainer .jstree-node li li li li li li {width: 119px !important;} */ #PersoContainer .jstree-node a { width:100%; } #PersoContainer .jstree-anchor { white-space: normal; height:auto; } #PersoContainer .jstree-anchor:hover { background-color: #ddd; color:black; } #PersoContainer .jstree-clicked { background-color: #273649; } .vakata-context { z-index: 1000; font-family: Raleway, sans-serif !important; font-size: 12px !important; } .vakata-context li>a .vakata-contextmenu-sep { height:auto !important; font-size: 12px !important; } .jstree-checkbox { float:right; } #PersoContainer ul li { font-size: 12px; color:white; } .highLightedText{ background-color: rgba(20, 250, 20, 0.30); display:inline;} .highLightedTextAdd{ background-color: rgba(20, 250, 20, 0.30); display:inline;} #AuthenticationDialog > p { font-family: 'Raleway', sans-serif; font-size: 13px; color: #aaa; padding-bottom:8px; } sup { vertical-align: super; } sub { vertical-align: sub; }