/* ======== Temp ================================================*/ #page,form,div,img,ul,a,h1,h2,h3,h4,h5,p,input, li { float: left; padding: 0px; margin:0px; border:0px; list-style-type: none; display: block; } :focus {outline:none;} ::-moz-focus-inner {border:0;} /** Jquery tools CSS */ .d_box { display: none; width: 600px; border:10px solid rgba(176, 91, 60, 0.798); border: 1px solid #969696; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0 5px 10px #666; -webkit-box-shadow: 0 0 10px #666; } .jspContainer{overflow:hidden;position:relative} .d_box div.box_div_contain { border: 0px; width: 100%; background-color: #FAFAFA; padding-bottom: 20px; } div.d_box h2 button.close { color: black; } .d_box div.box_div { border: 0px; padding:10px; display: block; float: left; width: 100%; } .d_box h2 { padding: 10px; margin-bottom:10px; padding-bottom: 10px; color: black; background-color: white; border: 0px; border-bottom: 1px solid #CCC; font-size:20px; font-weight: normal; height: 23px; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: none; } .d_box h2 span { float: left; } .d_box h2 button { cursor: pointer; color: white; font-weight: bold; background-color: inherit; border: 0px; float: right; } .clearme { clear:both; float:none; height:1px; width:100%; } /*----------Temp------------------------------------------------- */ .figshare-style-checkbox{ width: 21px; height: 21px; background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQzc4Q0I3OUI5NkIxMUUzQkRBNEVDRjE0QjBBRUI1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQzc4Q0I3QUI5NkIxMUUzQkRBNEVDRjE0QjBBRUI1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJDNzhDQjc3Qjk2QjExRTNCREE0RUNGMTRCMEFFQjVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNzhDQjc4Qjk2QjExRTNCREE0RUNGMTRCMEFFQjVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0L43ygAAAZhJREFUeNpinDlzJgMMpKenM0KZjAzEg/9oNAMLjPH9+3fB6dOnazExMakAuexEGPbz9+/fd9++fXu9vr7+PbLBLDAD+fn5Iz08PIJFRUXNmZmZuQmZ+Pfv32+vX78+sWPHjrU5OTnLp0yZ8gko/A9mMCPQhdbPnz/f858M8OTJkx09PT3WQHPYgJgJZB6IYAB5GehCCwYygISEhA03N7cq1ECIedBIYSfGy9gASB/QUSBXMkPNgriUSoARlmoGvaFwQG2XMgwJlzJgZNN///5RahZm3gdmO6q79OevX7++kpMBgI75CvTlL6hL/8PDFFTagAoHUBCQil+9enXkzZs3D9AN/Q8qvvbv378OaPA+UOlDpAtBpdS+AwcObDp16tQtkBDMYFguYCopKRGSlpbW5ODgUILmZbwA5OX3798/On/+/O3Vq1e/BQr9geL/DNCSnxFaIIAM4wBiUNjyImE+JIwszg1Vj1ygQMIUaPB/aAH7F2obKOB/QmkY+ycWsV9ILvyHElFYDIYZ/hsP/oOk9j9yOgUIMABLixVhG8b9YAAAAABJRU5ErkJggg=='); } .figshare-style-checkbox.checked{ background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4Rjk2OEVGQjFBMDExRTNCMUY3ODY2RDgyODY5OENFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4Rjk2OEYwQjFBMDExRTNCMUY3ODY2RDgyODY5OENFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzhGOTY4RURCMUEwMTFFM0IxRjc4NjZEODI4Njk4Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzhGOTY4RUVCMUEwMTFFM0IxRjc4NjZEODI4Njk4Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ysth6AAACd0lEQVR42qyVz2sTQRTHv9lN2mjTX2naGLQSxB/VtoHSKuhBsKggYvGgBY8e2kPxIoIX8U+oSPHkQTwE61UErZfkYikiUhtTf1RLoU2IVRPb2DQ16c44s9kNs2PWRujAY9idNx++8+a9Nw5Yh0OaqxlUmuGUgIoxi/YvmGlEBIvKlNH71xp7+5ui6fXZ7oK2tqVal+qhvp2d795EVk7dGL63asCpIihUGTCS+vUqVA2Qjxq1zsH9+/pbJvh+83ROUSlTGPqPWOKAbwDf1mbwIxfrM4Rx08QYqtUqdDubEApcRdB7BieCt9Dg3usQlSqiUkoptrIatQEdbYM44r+iw53KDrQ3noR4sSK0vJE7BptPV4R2tF5ix76gbypqOcynJ7C08tICFVMKhBIGrMWu+qPobR+B2+XF7Ndxfc1TG8Ch1ovY7zsPlfnwsZCJ4PXiXZZH1BIeS55SUlo+Hrypw3t2D+mZF089wkF2KYf9l8vOX74/w/vUYxBC5MKRlDKHAskjk/uMtvou/V/PniGej9jXctY48joDPsdM8iF+b2YrXqRiKRE9bgQvPlzH0s/J8v+uALsUV3PpyOkIphMPsFFctcTaDkp5TLkVtTwic7exKIC5qo/LTxBLhnWg6WuaWPuKXTVrWgHRTwycmTQURjE1P4psPmGteirirFBaKjuPZVkjDMwUzy0/RTw5zpyITbl6LHgRSrzuzri8gYOnFu4gu5GwrTCvu3tahpofWngsds5fdyzu+ktx0bZLcf/w2NsB7mayHGKXMlLMZcxKFf2Ux2OTZ5oxc6NOqclCcFQqvAiQroUYComsdLs6P5U7/7a+UX8EGAC2rkjNe246ngAAAABJRU5ErkJggg=='); } input[type="checkbox"].figshare-style.js-hide{ display: none; } /* ======== HTML & Body & Tables ============================================= */ /* ------------------------------------------------------------------ */ html, body{ height: 100%; margin: 0; padding: 0; } td, th { display: table-cell; vertical-align:middle; } /* ======== Typography =========================================== */ body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:#252525; } button, input, select, textarea { font-family: inherit; /* Correct font family not being inherited in all browsers.*/ } b, strong{ font-weight: bold; } p.normal ,ul.normal li, ol.normal li{ line-height: 21px; } .bold{ font-weight: bold; } h1{ font-size: 28px; font-weight: normal; float: left; line-height: 32px; margin-left: -2px; } h1.page-title{ margin-top: 40px; margin-bottom: 28px; color: #252525; } #page{ margin-bottom: 21px; } /*-----------------------------------------------------Typography */ /* ======== Links :: /*----------------------------------------------------------------- */ a img {border:none;} a {color: #c74d5a; text-decoration: none;} /*------ Styled links -----*/ .styled-link-pink{ color: white; text-decoration: none; background-color: #c74d5a; padding: 4px 6px 6px; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 14px; margin-top: -7px; } .styled-link-grey{ color: white; text-decoration: none; background-color: #556471; padding: 4px 6px 6px; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 14px; margin-top: -7px; } /*---- Normal link ----*/ a.normal-link{ border-bottom:1px solid #f3dbde; text-decoration: none; padding-bottom: 1px; } a.footer-link{ border-bottom: 1px solid #4b4b4b; text-decoration: none; padding-bottom: 1px; } a.back{ zoom: expression( this.runtimeStyle.zoom="1",this.insertBefore( document.createElement("span"), this.firstChild ).className="before" ); position: relative; left: 14px; } a.back:before, a.back .before{ content: ""; width: 8px; height: 9px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -297px 0px; display: inline-block; position: absolute; left: -14px; top: 4px; } a.small{ font-size:11px; } /* Input ======================================================== */ input:focus{ outline:none; } #main-overlays textarea, textarea:focus{ border: 0; width: 100%; height: 100%; outline: none; overflow: auto; font-size: 13px; font-family: Arial, Helvetica, sans-serif; resize: none; color: #bbb; } /* ======== checkbox and radio ========= */ .checkbox, .radio { width: 26px; height: 27px; padding: 0 5px 0 0; background: url('/static/img/articles/checkbox2.png') no-repeat; display: block; clear: left; float: left; } .radio { width:20px; } .radio { background: url('/static/img/articles/radio2.png') no-repeat; } .select { position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(select.gif) no-repeat; overflow: hidden; } /* ======== Reusable - Buttons ========*/ /*---------- Generic pink button ----------*/ .btn-wrapper{ zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("span") ).className="ie-after",this.insertBefore( document.createElement("span"), this.firstChild ).className="ie-before" ); } .btn-wrapper-green{ zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("span") ).className="ie-after",this.insertBefore( document.createElement("span"), this.firstChild ).className="ie-before" ); } button.clear-btn-style { border: 0 none; outline: 0 auto; cursor: pointer; margin-left: 0; margin-right: 0; background-position: 0px 0px; background-repeat: repeat-x; background-color: transparent; padding: 0; } .styled-btn{ background-image: url('/static/img/main-layout/repeat-x.png'); background-repeat: repeat-x; background-position: -305px 0px; text-align: center; height: 39px; display: inline-block; float: left; margin-top: 1px; font-size: 14px; text-decoration: none; color: #fff; font-weight: normal; line-height: 40px; -moz-text-shadow: 0px -1px 1px #da6465; -webkit-text-shadow: 0px -1px 1px #da6465; text-shadow: 0px -1px 1px #da6465; } .styled-btn-green{ background-image: url('/static/img/main-layout/repeat-x.png'); background-repeat: repeat-x; background-position: 0px -82px; text-align: center; height: 39px; display: inline-block; float: left; margin-top: 0px; font-size: 14px; text-decoration: none; color: #fff; font-weight: normal; line-height: 40px; -moz-text-shadow: 0px -1px 1px #9ec442; -webkit-text-shadow: 0px -1px 1px #9ec442; text-shadow: 0px -1px 1px #9ec442; } .btn-wrapper:before, .btn-wrapper .ie-before{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position:-131px -86px; width: 16px; height: 39px; display: inline-block; content: ""; float: left; } .btn-wrapper:after, .btn-wrapper .ie-after{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position:-154px -86px; width: 17px; height: 39px; display: inline-block; content: ""; float: left; } .btn-wrapper-green:before, .btn-wrapper-green .ie-before{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position:-131px -153px; width: 16px; height: 39px; display: inline-block; content: ""; float: left; } .btn-wrapper-green:after, .btn-wrapper-green .ie-after{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position:-154px -153px; width: 17px; height: 39px; display: inline-block; content: ""; float: left; } /*if you need text or links aligned vertically with this ^ button*/ .level-with-btn{ margin-top: 13px; } /*----------- Overlay close button -------------*/ .overlay-close{ position: absolute; top: -19px; right: -19px; } div.overlay-close a.close{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -268px -87px; width: 38px; height: 38px; display: block; } /* ========= Labels ========== */ #main-overlays label{ width: auto; float: left; display: inline; margin-top: 21px; clear: both; font-weight: normal; height:21px; /*ie7 and 8 hack*/ width:94px\9; margin-bottom:0; } label.for-narrow{ color: #464646; width: 100px; } /* ======== Text inputs ======== */ div.textarea-wrap{ background-image: url('/static/img/main-layout/user-interface.png'); background-position: -250px 0px; width: 265px; height: 179px; margin-top: 14px; padding: 9px 9px 9px 9px; display: inline; } .input-wrap input{ background-image: url('/static/img/main-layout/repeat-x.png'); background-repeat: repeat-x; background-position: 0px -40px; height: 16px; padding:6px 0; display: inline-block; float: left; color: #bbb; border-radius:0; -webkit-appearance:none; border:0 none transparent; outline:0 none; background-color:transparent; line-height:13px; } .input-wrap input:-webkit-autofill{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; -moz-box-shadow: inset 99px 99px 99px #ffffff; -webkit-box-shadow: inset 99px 99px 99px #ffffff; box-shadow: inset 99px 99px 99px #ffffff; height:14px; } .input-wrap{ zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("span") ).className="ie-after",this.insertBefore( document.createElement("span"), this.firstChild ).className="ie-before" ); margin-top:14px; position:relative; } .input-wrap:before, .input-wrap .ie-before{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position:-141px -125px; width: 6px; height: 28px; display: inline-block; content: ""; float: left; } .input-wrap:after, .input-wrap .ie-after{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position:-154px -125px; width: 7px; height: 28px; display: inline-block; content: ""; float: left; } .input-wrap.error{ margin-top:12px; border-radius: 5px; border: 2px solid #f5dbde; margin-left: -2px; } /*---------------------------------------------------------Input */ /* ======== Lists ================================================= */ ol.normal{ display: block; list-style-image: none; list-style-position: outside; list-style-type: decimal; margin: 1em 0; padding: 0 0 0 30pt; } ul.normal{ display: block; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 1em 0; padding: 0 0 0 30pt; } /* -----------------------------------------------------------Lists */ /* General Purpose Classes ======================================== */ .center-layout{ width: 960px; margin: 0 auto; float: none; height: auto; display: block; } .clearme { clear:both; padding:0; margin:0; line-height:0; height: 0px; width: 100%; } .clearfix{ zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).className="after"); } .clearfix:after, .clearfix .after { display: block; font-size: 0; content: " "; clear: both; height:0px; width: 100%; } /*-----------------------------------------General Purpose Classes */ /*MAIN-CONTAINER================================== */ /* the footer will automatically stick to the bottom of the page*/ #main-container{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -78px; width: 100%; } #footer{ height: 188px; width: 100%; position: relative; } .push{ height: 108px; } /* HEADER ======================================== */ #header{ text-align: center; float: none; background-image: url('/static/img/main-layout/header-bg.jpg'); border-bottom: 3px solid #ddd; position: relative; height: 89px; min-width:960px; } .h-logo{ float: left; margin: 18px 0 21px; } a.figshare-logo{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: 0px 0px; background-repeat: no-repeat; width: 170px; height: 52px; display: block; } .h-search{ float: left; margin: 30px 0 32px 64px; /*85px margin from left but -21 from the ul li from inside*/ } .blank-space{ width: 35px; height: 1px; } .h-search ul li { margin-left: 21px; } .h-search ul li a{ margin-top: 7px; } div.search-input-wrap{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -35px -54px; background-repeat: no-repeat; display: inline; width: 262px; height: 14px; padding: 7px 5px; position: relative; } .search-input-wrap input{ line-height: 15px; width:100%; margin: 0 2px; font-size: 13px; } .search-input-wrap .placeholder{ position: absolute; top: 7px; left: 9px; color: #bbb; } .search-input-wrap.focused .placeholder{ color: #ddd; } .search-input-wrap.typeing .placeholder{ display: none; } .h-options{ float: right; margin-top: 39px; } #user_login_but{ float: left; margin-left: 7px; } #user_register_but{ float: left; } /*-----User - menu-------*/ #ummenu{ position: relative; margin-top: -13px; z-index: 998; } #usermenu img { float: left; border:0 !important; border-image:0 !important; outline:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius: 4px; margin: 1px 14px 0px 1px; } #usermenu #showmenu { display:block; background-color:#eaeaea; height:35px; padding-right:40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight:bold; background-image:url('/static/img/udown.png'); background-repeat:no-repeat; background-position:95% 45%; border:1px solid rgb(221,221,221); text-decoration:none; line-height:21px; color: #000; } #showmenu span { display:inline-block; float: left; margin-top:7px; line-height:21px; min-width: 60px; } #menulist { display:none; padding:10px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color:rgb(70,70,70); border-top:0; position: absolute; top: 35px; float: left; clear: left; z-index:900; width: 100%; } #menulist li { color:white; text-align:left; padding-left:15px; line-height:21px; display: block; clear: left; width: 100%; } #menulist li a { color:white; display:inline-block; font-weight:bold; text-decoration:none; width: 100%; } #menulist li a:hover { color:#eaeaea; } #menulist li a sup{ vertical-align: super; font-size: smaller; line-height: normal; } /*-----------------------------------------HEADER*/ /* PAGE ====================================== */ #page .page-notification-info{ margin-top: 40px; /*margin-bottom: 27px;*/ background-color: #feffa7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #fff; color: #252525; width:880px; padding: 24px 40px 21px 40px; } #page .page-notification-error{ margin-top: 40px; /*margin-bottom: 27px;*/ background-color: #ffdbdb; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #fff; color: #252525; width:880px; padding: 24px 40px 21px 40px; display: none; } #page .page-notification-error .normal-link{ float: none; display: inline; } /* FOOTER======================================= */ #footer{ background-color: #000; padding-top: 22px; display: block; } #footer ul{ float: left; } #footer ul li{ float:left; clear: left; } #footer ul li a{ color: #fff; margin-top: 16px; } ul.f-sitemap, ul.f-sitemap-2{ float: left; } ul.f-sitemap-2{ margin-left: 125px; } ul.f-social{ margin-left: 70px; } #footer ul.f-social li a{ margin-top: 19px; } a.fs-twitter{ width: 67px; height:20px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -55px; } a.fs-facebook{ width: 68px; height:20px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -76px; } a.fs-vimeo{ width: 81px; height:20px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -99px; } .f-partners{ float: right; margin-top: 16px; width: 330px; } .fp-row1{ float: right; width: 300px; } .fpr-license{ color: #999; font-size: 11px; margin-right: 8px; margin-top: 1px; display: inline; float: left; } .fpr-license p{ clear: both; text-align: right; width: 100%; } .fpr-license a{ float: none; color: #999; clear: none; display: inline; font-size: 11px; text-decoration: none; border-bottom: 1px solid #4b4b4b; width: auto; } a.cc-license{ width: 101px; height:24px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -119px; display: inline; float: left; } #footer .fp-row2{ float: right; clear: both; margin-top: 21px; width: 100%; } #footer .fp-row2 li{ float: left; clear: none !important; margin-left: 37px; } #footer li.first-fprow2{ margin-left: 0; } .clockss{ width: 32px; height:32px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -145px; } .datacite{ width: 28px; height:32px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: 0px -178px; } .cope{ width: 41px; height:28px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -210px; } .digitalscience{ width: 117px; height:32px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -238px; } /* ---------------------------------------FOOTER */ /* Non-visible elements ========================= */ /* --------- Slide feedback ------------ */ #slide-feedback{ display: none; width: 283px; padding: 20px 40px 0px 40px; background-color: #ebeae9; border-bottom-right-radius: 10px; border-top-right-radius: 7px; -moz-box-shadow: 1px 0px 7px #e4e4e4; -webkit-box-shadow: 1px 0px 7px #e4e4e4; box-shadow: 1px 0px 7px #e4e4e4; } .sfc-text{ color: #999; margin-top: 15px; } .sf-actions{ clear: both; margin-top: 26px; width: 100%; position: relative; } #feeload{ float: left; width:40px; height:30px; position:absolute; top:-7px; right:130px; background-image:url('/static/img/loader.gif'); background-repeat:no-repeat; display:none; } #feesubmit{ float: right; } /* ------- aj Login & aj Register ---- Most of the overlays will be styled like this-------- */ .ov-box{ display: none; width: 328px; background-color: #f7f7f7; padding: 40px 40px 50px 40px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; } .overlay-extra-top{ width: 348px; margin: -40px 0 35px -40px; padding: 13px 40px 0 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #ececec; } *+html .overlay-extra-top { padding-bottom: 16px; } .overlay-extra-top:after{ background-image: url('/static/img/main-layout/repeat-x.png'); background-repeat: repeat-x; background-position: 0 -77px; width: 408px; height: 5px; margin-left: -20px; content: ''; float: left; display: block; margin-top: 16px; } .ov-box .ov-question{ font-size: 18px; line-height: 18px; color: #252525; font-weight: bold; } .ov-box .ov-msg{ color: #252525; margin-top: 14px; font-weight:normal; } /*-- error messages --*/ #login_error, #register_error, #reset_msj { display: none; width: 100%; color: #ff6b6b; font-weight: bold; font-size: 13px; float: left; clear: both; width: 100%; background-color: #f5e9ea; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #reset_msj{ margin-bottom: 15px; } #login_error p, #register_error p, #reset_msj p.reset-error { color: #ff6b6b; padding:14px; } .overlay-title{ margin-bottom: 10px; color: #252525; } .overlay-inputs{ width: 100%; clear: both; } .overlay-inputs label{ float: left; height:21px; } .overlay-inputs label span{ color:#999; } .overlay-inputs .input-wrap{ float: right; margin-top:14px; } .overlay-inputs .input-wrap input{ width:217px; } .overlay-inputs .input-wrap.error input{ } .login-cta,.reset-cta,.register-cta{ margin-top: 23px; width: 100%; } .login-cta .btn-wrapper{ position: relative; right: -3px; float: right; } .login-cta #reg_trigger{ margin-left: 15px; } .reset-cta #reset_but{ float: right; margin-top: 2px; } #b_to_login{ margin-top: 7px; } p.instructions{ color: #9d9d9d; clear: both; } .register-cta .btn-wrapper{ float: right; margin-right:-4px; } .register-cta #have-account{ float:right; margin-right:15px; } div#orcid-top{ width:100%; } label#orcid-label{ width:170px\9; margin-top: 16px; } #orcid-label strong{ border-bottom:1px solid #ddd; } #orcid-top a{ float:right; } a#display-orcid-info{ float:right; margin-right:8px; } a#create-orcid{ margin-left:8px; } .spacer{ border-right:1px solid #ddd; content:""; height:13px; float:right; } #orcid-logo{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -270px -125px; width: 36px; height: 36px; display: inline-block; margin-top: -10px; margin-bottom: -10px; margin-right: 10px; position: relative; top: 3px; } #orcid-input{ float:right; margin-top:14px; width:169px\9; } #orcid-input input{ width:156px; } #orcid-input.error{ margin-top: 12px; } #orcid_error{ font-size:11px; font-weight:bold; color:#c74d5a; margin-top:5px; margin-left:180px; } #aj_register .loadmask-msg{ margin-top:40px; margin-left:45px; } #aj_register form{ width:100%; } #aj_register .accept-tc{ margin-left: 97px; } div#aj_register div.overlay-content div.loadmask-msg{ margin:0 !important; } #google_conversion_frame{ clear: none; position: absolute; top: 0; right: 0; display: none; } .feeres{ color:#97b845; } /* Repetive elements around the site .sidebar */ .sidebar{ float:right; width:268px; margin-top:60px; background-color:#f5f5f5; box-shadow: -3px 3px 10px rgba(0,0,0,0.1); } .sidebar.shadow{ box-shadow: 0px 0px 15px #ececec; float:right !important; background-color:#fcfcfc; margin-top:30px; margin-right:12px; } #right_register{ margin:28px 14px 33px 14px; float:left; } #right_register h2{ color:#252525; width:100%; font-size:18px; margin-bottom:5px; float:left ; } #right_register h2 span{ font-weight:normal; } #right_register a#orcid-what{ position:absolute; right:7px; top:6px; text-decoration:none; } #right_register .input-wrap { float:left; width:233px\9; } #right_register .input-wrap input{ float:left ; width:220px; } #right_register .btn-wrapper{ float:right; margin-top:22px; } #right_register .btn-wrapper a{ float:left; } #right_register .accept-tc{ color: #999; margin-top: 14px; } #abouttext{ width:692px !important; } #aj_reset_pass input{ width:190px; } /*****************************************/ /*** PUBLISHERS ***/ .h-figshare-logo{ float: left; margin: 18px 0 21px; padding-right: 13px; border-right: 1px solid #DDD; } a.p-figshare-logo{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: 0px 0px; background-repeat: no-repeat; width: 52px; height: 52px; display: block; } .h-publisher-logo{ float: left; margin-top: 23px; margin-left: 14px; } /*NEW FOOTER*/ #main-footer{ width: 100%; position:relative; z-index:300; } .f-sitemap, .f-informations{ width: 100%; clear: both; float: left; } .f-sitemap{ float: left; padding-top: 7px; height: 28px; background-color: #464646; } .fs-links{ line-height: 10px; vertical-align: baseline; margin-top: 6px; margin-left: -6px; } .fs-links li{ padding-right: 10px; border-right: 1px solid #636363; margin-left: 10px; } .fs-links li.last{ padding-right: 0; border-right: 0 none; } .fs-links a{ color: #fff; } .fs-social{ float: right; line-height: 21px; } .fs-social li{ margin-left: 7px; } .fs-social a{ width: 21px; height: 21px; background-image: url('/static/img/main-layout/figshare-main-new.png'); } .fss-facebook{ background-position: -1px -87px; } .fss-twitter{ background-position: -29px -87px; } .fss-google{ background-position: -86px -87px; } .fss-vimeo{ background-position: -57px -87px; } .f-informations{ background-color: #e7e7e7; color: #666; font-size: 11px; padding-top: 12px; height: 31px; } .fi-figshare{ margin-top: 5px; } .fi-copyright{ line-height: 10px; margin-left: 168px; float: left; } .fi-copyright span{ display: inline-block; float: left; margin-top: 7px; } .fic-creative{ width: 89px; height: 21px; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -1px -110px; float: none; display: inline-block; position: relative; margin-left: 7px; } .fi-partners{ float: right; margin-top: 2px; } .fi-partners li{ margin-left: 21px; } .fi-partners li a{ background-image: url('/static/img/main-layout/figshare-main-new.png'); } .fip-digital{ width: 76px; height: 21px; background-position: -2px -135px; } .fip-clocks{ width: 21px; height: 21px; background-position: -1px -162px; } .fip-datacite{ width: 18px; height: 21px; background-position: -1px -189px; } .fip-cope{ width: 31px; height: 21px; background-position: -1px -217px; } .fip-open{ width: 58px; height: 21px; background-position: -0px -243px; } /*========================================== CSS FOR ACCOUNT TABS ==========================================*/ .account-tabs{ width: 100%; float: left; clear: both; margin-top: 42px; background-repeat: repeat-x; background-position: 0 29px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAPCAYAAAAlH6X5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpiYGBgYARiBiY4wQwiWEAEG4hgBxEcaATL////0xiAhA+I0AURwgABBgCRXg0kvfO+nQAAAABJRU5ErkJggg==); } .account-tabs li{ float: left; margin-right: 14px; position: relative; } .at-link { background-color: #464646; color: #fff; padding: 12px 25px 0 50px; height: 28px; } li.active .at-link{ background-color: #fff; color: #464646; box-shadow:0 -4px 7px 1px rgba(0,0,0,0.07); } .at-name{ font-size: 18px; } .at-alerts { color: #FFFFFF; position: absolute; right: -6px; top: -11px; white-space: nowrap; } .ata-count{ background-color: #c74d5a; border-radius: 10px; padding:3px 7px; float: left; } .ata-detailed{ float: left; color: #ddd; } .ata-detailed span{ color: #c74d5a; border-bottom: 1px solid #f3dbde; } /*========================================== ICONS for account tabs ==========================================*/ .at-icon{ position: relative; } .at-icon.my-data:before, .at-icon.projects:before, .at-icon.activity:before{ background-image: url('/static/img/projects/project-s.png'); width: 16px; height: 14px; content: ''; position: absolute; left: -26px; top: -1px; } .at-icon.my-data:before{ background-position:-0px -0px; } .at-icon.projects:before{ background-position:-51px -0px; } .at-icon.activity:before{ background-position:-102px -0px; } .page-notification-success{ margin-top: 40px; background-color: #edf3d7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #252525; width:880px; padding: 24px 40px 21px 40px; } .page-notification-success span{ position: relative; padding-left: 38px; } .page-notification-success span:before{ position: absolute; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -246px -223px; width: 24px; height: 20px; left: 0; top: -3px; content: ''; } .modal-cover{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background: #000; background: rgba(0,0,0,.85); filter: alpha(opacity=85); -ms-filter: "alpha(opacity=85)"; display: none; } .figshare-modal{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; display: none; overflow: hidden; overflow-y: auto; } .fm-curtain{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1002; } .fm-content-wrap{ background-color: #f5f5f5; padding: 40px 40px 30px 40px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 350px; position: relative; margin-top: 200px; left: 50%; margin-left: -205px; z-index: 1003; } .fm-close{ background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -268px -87px; width: 38px; height: 38px; display: block; position: absolute; top: -19px; right: -19px; } .premium-features .fm-title span{ border-bottom: 1px solid #ddd; } .pf-features{ float: none; margin-top: 28px; } .pf-features li{ float: none; margin: 21px 0; position: relative; padding-left: 32px; font-size: 14px; color: #464646; } .pf-features li:before{ position: absolute; background-image: url('/static/img/main-layout/figshare-main-new.png'); background-position: -246px -223px; width: 24px; height: 20px; left: 0; top: -3px; content: ''; } .premium-features hr{ display: block; margin: 21px 0; clear: both; border: 0 none; border-bottom: 1px solid #ddd; } .fm-title{ font-size: 28px; line-height: 32px; font-weight: normal; float: none; } .pf-cta{ float: none; text-align: center; } .pf-extra-text{ color: #999; font-size: 14px; line-height: 21px; } .pf-cta .btn-wrapper{ float: none; display: inline-block; } .pf-cta .normal-link{ float: none; display: inline-block; margin-left: 14px; position: relative; top: -13px; } .pf-features .text-label{ float: left; } .pf-features .projects-logo{ position: relative; background-image: url('data:image/png;base64,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'); width: 91px; height: 23px; display: inline-block; float: left; margin-top: -5px; margin-left: 7px; } .pf-features .projects-link{ display: inline; color: #999; margin-left: 7px; text-decoration: underline; } img.Taylor.&.Francis{ margin-top: 8px; } img.Francis { margin-top: 5px; } img.Brill { margin-top: -9px; } .pi-arrow-Brill { left: 95px; } .accept-tc{ margin-top: 21px; float: left; line-height: 21px; } .accept-tc .normal-link{ display: inline; float: none; margin-right: 2px; } .accept-tc span{ color: #999; } .accept-tc .figshare-style-checkbox{ margin-right: 3px; } img.Cogent { margin-top: 10px; }