/******************************Overwritting EBI global****************************/ #content {padding-top: 1rem;} /*STYLE add some extra space on top make the content more readable*/ /*ul#global-nav {padding-top:0;}!****IMPORTANT TO FIX****remove space on top of page for EBI menu - this has a consequence on sticky size defined**********!*/ #local-masthead nav ul.menu li {border-right: 1px solid rgba(248, 248, 248, 0.2);}/*STYLE - slightly hide division between menu items*/ #local-masthead nav ul.menu.vertical li {border-right: transparent;}/*STYLE IMPORTANT- TO ADD TO EBI- remove bar when dropdown is vertical*/ #local-masthead ul li.is-active a, #local-masthead ul li a:hover, #local-masthead nav ul li a.hover, #local-masthead nav ul li a:hover {color: #000;}/*STYLE - make menu items hover slightly darker*/ /****************************** END Overwritting EBI global**********************/ /************************ BANNER*********************************/ #local-masthead .examples a {opacity:0.6; border-bottom:none;} /*example links next to search - remove bottom border and lighter*/ #local-masthead .examples a:hover {opacity:1; border-bottom-width:1px; border-bottom-style: solid;} #local-masthead .examples a:visited {opacity:0.6;} @media (max-width: 768px) {/*remove search examples on small screens*/ .examples { display: none; } .input-group.margin-bottom-none {margin-bottom:1rem;} .input-group.margin-top-large {margin-top:0;} } /************************ END BANNER*********************************/ /*Add annotation popup - suggested change to interpro-purple-colours.css - to add background banner image*/ form input.submit {background-color: #8C4DC2;display:inline-block;text-shadow: #2D1452 0 1px 1px;border: 1px solid #67547C;box-shadow: 0px 1px 3px #777;-moz-box-shadow: 0px 1px 3px #777;-khtml-box-shadow: 0px 1px 3px #777; -webkit-box-shadow: 0px 1px 3px #777; outline:0; /*remove selection border when clicked*/} form input.submit:hover { background: #8C4DC2; box-shadow: 0px 0px 1px #777676;-moz-box-shadow: 0px 0px 1px #777;-khtml-box-shadow: 0px 0px 1px #777;-webkit-box-shadow: 0px 0px 1px #777;} form input.submit:focus, form input.submit:active {background:#8C4DC2} ::selection {background: #7D9CA6; color: white;} /*to include customise color in the local color palette*/ *::-moz-selection { background: none repeat scroll 0% 0% #7D9CA6; color: #FFF; text-shadow: none;} /*/suggested change to interpro-purple-colours.css*/ /*suggested change to ebi-visual.css*/ #intro {margin:0 0.73em 0.73em 0.73em;} /*there was no space defined on the right side*/ #intro h2 {padding-top: 9px;} /*adding space missing for title*/ ul {list-style-type: inherit;}/*replace the circle by disc default*/ h2 {font-size: 2.4rem; line-height: 1.2;}/*slightly reduce the title font size*//*slightly reduce space between two lines for main title - specially for entry page*/ h4 {color:#7d7d7d;} /*slightly darker title*/ h4 a:hover, h4 a:link:hover {border-bottom: 1px solid #333;} /*added border on mouse over to indicate if title is linked*/ /*/suggested change to ebi-visual.css*/ /********************** misc ****************************/ #local-title h1 img {width:60px; margin-right: 9px}/*reduce logo image*/ #local-title h4 {margin-left: 5.3rem; }/*in case of subtitle - leave the margin at the bottom to add space on top of sticky banner*/ @media (max-width: 768px) {/*remove subtitles on small screens*/ #local-title h4 { display: none; } } #local-searchbox {color:#9E9E9E;} /*make the placeholder font grey by default*/ #local-searchbox:focus {color:#616161;} /*darker the font on focus*/ .desc p, p { clear: none;}/*entry description bug with inserted HTML elements - still needed?*/ .anim {-webkit-transition: all .3s; /* Safari */ -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} /*don't think this is used anymore*/ span.fam,span.dom,span.site,span.repeat {font-weight:bold; padding-left: 20px; height:18px; display:block;} span.fam {color: #fc452a; background: url(../images/ico_type_family.png) no-repeat 0px 0px;} span.dom {color: #45b41a; background: url(../images/ico_type_domain.png) no-repeat 0px 0px;} span.site {color: #a336c6; background: url(../images/ico_type_site.png) no-repeat 0px 0px;} span.repeat {color: #ff830a; background: url(../images/ico_type_repeat.png) no-repeat 0px 0px;} /********************* END misc ************************/ /******************* homepage box ***********************/ .category {border-right: 1px solid #CCC; margin-right:9px; padding-right: 4px; color:#8d8d8d;} /*.bottom_hlight, .bottom_tools {font-size: 90%;}*/ .bottom_hlight h4, .bottom_tools h4 {color: #333; } h4 a:link {border-bottom: 0 none; color: #666; } .bottom_tools h3 {margin: 0 0 9px 0; border-bottom: 0px;} .bottom_hlight img, .bottom_tools img {float:left;/*border: solid 1px #cdcdcd;*/ margin:6px 9px 0 0;} section {overflow:auto;} /*fix a bug box on the homepage - temp*/ /*.bloc_blog { padding-left: 9px;}*/ .bloc_blog h4{padding-left: 0px;} .extra {margin-top:1rem;} /*add extra margin on top of element*/ /******************* END homepage box ***********************/ /******************* SUB NAVIGATION ***********************/ #subnav-search, #subnav-help {display: none;/*keep to hide the subnavigation by default*/ } div#local-masthead #subnav-search ul, div#local-masthead #subnav-help ul {background-color: transparent;/*height:30px;*/} div#local-masthead #subnav-search ul li, div#local-masthead #subnav-help ul li {border-right: 0px solid rgba(255, 255, 255, 0.1); line-height:2.2;/*to check why line-height is more than 2 for equal height*/} div#local-masthead #subnav-search ul li:hover, div#local-masthead #subnav-help ul li:hover {background-color: rgba(0,0, 0, 0.6);} div#local-masthead #subnav-search ul li.active-trail a:link, div#local-masthead #subnav-search ul li.active-trail a,div#local-masthead #subnav-help ul li.active-trail a:link, div#local-masthead #subnav-help ul li.active-trail a {background-color: white; color:black; border-bottom: 1px white solid; /*remove bug line appearing*/} /******************* END SUB NAVIGATION ***********************/ /********************** Links ****************************/ a.neutral, a.neutral:link {text-decoration: none; border-bottom: 0px solid #525252; color: #222;} /*link that has a neutral visual impact on the page - same colour as text*/ a.neutral:hover, a.neutral:active, a.neutral:focus { text-decoration: none;border-bottom: 1px solid #525252;} a.ext, a.ext:link {padding-left: 13px; background: url(../images/ico_ext_link.png) no-repeat 0 2px;} a.ext:hover,a.ext:active, a.ext:focus { background: url(../images/ico_ext_link_on.png) no-repeat 0 2px;} form a.reset, form a.reset:link {background-color: rgba(0, 0, 0, 0.05); padding:3px 6px ; border-bottom: none; color: #626262; } form a.reset:hover {background-color: rgba(0, 0, 0, 0.1);color: #626262; } a.title_sublink, a.title_sublink:link,a.title_sublink:visited {color: #8B4DC2; text-decoration: none;}/*not used anymore*/ a.title_sublink:hover,a.title_sublink:active, a.title_sublink:focus {color: #8B4DC2;} /*not used anymore*/ /********************** END Links ****************************/ /********************** Right side box ****************************/ /*Release note box*/ .release-box {background-color: #fff; border:1px solid #e4e4e4; padding: 9px; margin-top: 9px; box-shadow:3px 3px 4px #f3f3f3; border-radius:10px 0;} .release-box .feat_list {margin-bottom: 9px;border:0px solid red;} .release-box .feat_list, .release-box .release_list, .release-box .version_more {font-size: 85%;}/*homepage only*/ .release-box .version_more .button {margin-bottom: 0;}/*remove foundation auto margin*/ .release-box ul {padding:0;} .release-box .release_list ul {margin: 0 0 9px 18px;}/*remove padding as space is limited on the right column*/ .release-box .release_list ul li {padding-bottom: 9px;} /*add space between list elements*/ /*old release note*/ .release-box.list_rel {display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around;} .release-box.list_rel:hover {background-color: #F0F8FF;} .bloc_blog div > p { padding: 0; } /*RSS Feed box - main homepage box option*/ .bloc_blog ul {padding:0;margin: 0;} .bloc_blog ul li {list-style: none;} .bloc_blog ul li p {margin-bottom: 0;} .twitt-box {border: 1px solid #e4e4e4; margin-top: 1rem; background-color: #ededed;} .right-box {background-color: #ededed; /*default for IE*/border: 1px solid #e4e4e4; padding: 9px; font-size: 85%; margin: 0 0 1rem 0; background: linear-gradient(rgba(0,0,0,.02), rgba(0,0,0,.08)); } .right-box h2 {font-size: 130%;padding:0; margin-top:0; /*to be v-aligned with left menu*/color: #9d5ed5;/*slightly lighter on grey background*/ font-weight: bold; border:none;} .right-box p {margin:0; padding:0;} .right-box ul {padding:0;} .right-box .feat_list {margin: 9px 0;border:0px solid red;} .right-box .release_list ul, .right-box .news_list ul {margin: 0 0 9px 18px;}/*remove padding as space is limited on the right column*/ .right-box .release_list ul li, .right-box .news_list ul li {padding-bottom: 9px;} /*add space between list elements*/ .right-box .ban {margin: 9px 0 9px 22px;} .right-box .ban a {border:none;} .adv:hover {background-color: #f2f2f2;} /*ENTRY PAGE*/ .right-box .signature .puce {width:9px; height:9px; display: block; border:1px solid rgb(105, 105, 105); background-color:#9d5ed5; float:left; margin:6px 4px 0 0;} .right-box .signature ul {list-style-type:none; margin: 0 0 0.5rem 0;} .right-box .signature .icon-static::before, .main-right-box .signature .icon-generic::before {font-size: 120%;/*color:#222;*/} .right-box .signature abbr {border-bottom: 1px solid transparent;cursor: help;vertical-align:middle;} /*/ENTRY PAGE*/ .right-box .version {font-size: 120%;} /*increase size as font smaller for right side column*/ .version {font-weight: bold; margin: 9px 0 18px 0; word-wrap: break-word;} .version span.date {font-size: 100%;} .version img {float:left; margin-right: 6px; border:0px red solid;} .version_more {margin-bottom: 9px;} /*SEARCH IDA PAGE*/ .right-box.ida-feedback .feat_text .beta_rub {background: url(../images/feedback/ico_beta.png) no-repeat; width:55px; height: 52px; position: absolute; z-index:1; top:0px; right:6px;/*box feedback*/} .right-box.ida-feedback .feat_text img {display: block; /*padding-left:22%;*/ margin-bottom:9px; border:0px red solid;} .right-box.ida-help h2 span:before {color:#9D5ED5;font-size: 129%;} /*InterProScan download*/ .right-box.grey-box {background: transparent; background-color: #ededed; border:0; font-size: 100%; color: #373737; padding: 18px} .right-box.grey-box h2 {margin: 0 0 18px 0;} .right-box.grey-box .bloc_list a.bloc_title {font-weight: bold; border-bottom-width:0px; text-decoration: none; color: #5b5b5b;} .right-box.grey-box .bloc_list a.bloc_title:hover {border-bottom:1px #5b5b5b solid;} .right-box.grey-box .bloc_list img {border:1px #afadad solid;} .right-box.grey-box .bloc_about_more {font-size: 90%;} .right-box.grey-box span:before {color:#7a7a7a;} .right-box.grey-box h2 span:before {color:#9D5ED5;font-size: 181%; position: relative; /*align it properly*/top: 5px;} .right-box.help-box h2 {margin-top: 0px;/*let the icon align properly*/} .right-box.grey-box a.bloc_mintitle {border-bottom-width:0px; text-decoration: none; color: #5b5b5b;} .right-box.grey-box a.bloc_mintitle:hover {border-bottom:1px #5b5b5b solid;} .right-box.high-box {background: transparent; background-color: #b0a1bc /*puple light #a098bd*/; border:0; font-size: 107%; color:white; overflow: auto; padding: 18px;} .right-box.high-box:hover {background-color: #9B35CC; } .right-box.high-box h2 { font-size: 160%; color:white; margin: 0 0 18px 0;} .right-box.high-box img {float:left; margin: 5px 9px 0 0;} @media (max-width: 768px) { .right-box:first-of-type { margin-top: 1rem; } } /********************** END Right side box ****************************/ /************************ Protein page ******************************/ ol.entries, ol.signatures {margin: 0; padding: 0;} ol.entries li, ol.signatures li {list-style: none; margin:0; padding:0; } .prot_gal { margin:20px 0;} .prot_sum h1, .prot_entries h1, .prot_tree h1,.prot_sum h1, .prot_struct_tab h1, .prot_struct_feat h1 {font-size:108%; color:#222; font-weight:bold; padding:0;} .prot_tree h1 {margin: 6px 0 3px 0px;} .prot_sum h1 {margin-top: 6px;} .prot_gal .prot_gal_bloc {border: 0px solid green; overflow:auto;clear:both;/* added for IE6 that doesn't recognise overflow*/} .prot_gal .prot_gal_bloc .prot_gal_col {width:100px; display:block; float:left; margin-bottom: 4px; /*border: 1px solid red;*/} .prot_gal .prot_gal_bloc .prot_gal_desc {/*font-size:120%; color:#838383;*/ float:left; /*border: 1px solid blue;*/ } .prot_gal .prot_gal_source {float:right;display:block;font-size:80%;} .prot_gal .prot_gal_source span {color:#838383;} .prot_gal hr {height:1px; background-color:#cdcdcd;border: 0;margin: 0;padding: 0;} .prot_entries {margin: 9px 0;} .prot_entries li.entry {margin-bottom:9px;} .prot_entries .top-row {border: 0px solid red; overflow:auto;} .prot_entries .top-row .top-row-id {font-size:90%; float: left; border: 1px solid rgba(0,0,0,0.1); width:110px; padding: 1px 0 1px 6px; margin-right:12px; margin-bottom:2px; height: 24px; line-height: 24px; background-color: transparent; background-image: linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85)); background-image: -moz-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85)); background-image: -o-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85)); background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.85)),to(rgba(247,247,247,.85))); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85));} .prot_entries .top-row .top-row-id:hover {border: 1px solid #c6c6c6; background-image:none;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); -khtml-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3) ;} .prot_entries .top-row .top-row-id:hover a:hover {text-decoration:none;} .prot_entries .top-row .top-row-id img {float:left;margin-right: 9px; padding-top: 5px;} .prot_entries .top-row .top-row-id a, .prot_entries .top-row .top-row-id a:link {text-decoration: none; border-bottom: 0px solid #525252;color: #871868;} .prot_entries .top-row .top-row-id a:hover, .prot_entries .top-row .top-row-id a:active, .prot_entries .top-row .top-row-id a:focus {text-decoration: none; border-bottom: 1px solid #8C4DC2;} .prot_entries .top-row .top-row-name {font-size:90%; float: left; padding: 1px 0px;border:0px blue solid;} .prot_entries .bot-row {border: 0px solid green; overflow:auto; margin-top:1px;} .prot_entries .bot-row .bot-row-line-top {margin: 0 164px 0 0; border-bottom: 1px solid #d8d8d8;} .prot_entries .bot-row .bot-row-line-bot {margin: 0 164px 0 0; border-top: 1px solid #d8d8d8;} .prot_entries .bot-row ol.signatures li .bot-row-line {margin-right:164px; height:20px; background-color: #efefef; display:block; /*border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;*/} .prot_entries .bot-row ol.signatures li .bot-row-signame {font-size:75%; float:right; width:158px; background:url(../images/arrow_01.png) no-repeat 0px 6px; padding-left:10px; border: 0px solid pink;} .prot_entries .bot-row ol.signatures li .bot-row-signame span {font-size:81%;} .prot_entries .bot-row ol.signatures li .bot-row-line .matches {position:relative;} /* Individual match */ .prot_entries .bot-row ol.signatures li .bot-row-line .matches .match{ border: 1px solid rgba(0, 0, 0, 0.6); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); -khtml-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius:4px; height:7px; top:0.4em;position:absolute; z-index: 1; /* Show above match line */} .prot_entries .bot-row ol.signatures li .bot-row-line .matches .match:hover{ cursor:pointer; border: 1px solid rgba(0, 0, 0, 1);/*height:0.7em; Enlarge slightly: top:0.3em; */z-index:5; box-shadow: 0 0 0.5em rgba(0, 0, 255, 1); -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 255, 1); -moz-box-shadow: 0 0 0.5em rgba(0, 0, 255, 1);} .prot_entries .bot-row ol.signatures li .bot-row-line .matches .grade {background:url(../images/bgd_dot.gif) repeat-y; width:1px;height:17px;position: absolute; z-index: 0;}/*used for the scale*/ .prot_sum {margin: 9px 0;} .prot_sum .top-row {border: 0px solid red; overflow:auto;clear:both;/* added for IE6 that doesn't recognise overflow*/} .prot_sum .top-row .top-row-id {float: left; width:260px; } .prot_sum .top-row .top-row-opt { float:right; border:0px blue solid; margin-right:164px; padding-top:2px;} /*.prot_sum .top-row .top-row-opt .opt1 {height:12px; width:12px; background:url(../images/ico_newindow.png) no-repeat;}*/ .prot_sum .bot-row {border: 0px solid green; /*overflow:auto;*/ /*margin-top:1px;*/} .prot_sum .bot-row .bot-row-line-top{margin: 0 164px 0 0; border-bottom: 1px solid #d8d8d8;} .prot_sum .bot-row .bot-row-line-bot {margin: 0 164px 0 0; border-top: 1px solid #d8d8d8;} .prot_sum .bot-row ol.signatures li { border: 0px solid purple; /*overflow:auto;*//*remove the overflow as it was making problem in the table column result page*/} .prot_sum .bot-row ol.signatures li .bot-row-line {margin-right:164px; height:20px; background-color: #efefef; display:block; /*border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;*/} .result-detail .protein_sum_view .bot-row-line {height:17px; background-color: #efefef; display:block;} .result-detail .prot_scale .bot-row .bot-row-line {background: none;margin: 0;} .result-detail .protein_sum_view .bot-row-line-top {border-bottom: 1px solid #d8d8d8;} .result-detail .protein_sum_view .bot-row-line-bot {border-top: 1px solid #d8d8d8;} .prot_sum .bot-row ol.signatures li .bot-row-signame {font-size:75%;float:right; width:158px; background:url(../images/arrow_01.png) no-repeat 0 6px; padding-left:10px;} .prot_sum .bot-row ol.signatures li .bot-row-line .matches, .result-detail .protein_sum_view .bot-row-line .matches {position:relative;} #search-results .prot_sum .bot-row ol.signatures li .bot-row-line .matches a.match:link {border: 1px solid rgba(0, 0, 0, 0.4);} /*added for search result page*/ #search-results .prot_sum .bot-row ol.signatures li .bot-row-line .matches a.match:hover {border: 1px solid rgba(0, 0, 0, 0.8); box-shadow: 0 0 0.5em #00F; -webkit-box-shadow: 0 0 0.5em #00F; -moz-box-shadow: 0 0 0.5em rgba(0, 0, 255, 1);} .prot_sum .bot-row ol.signatures li .bot-row-line .matches .match, .result-detail .protein_sum_view .bot-row-line .matches .match { border: 1px solid rgba(0, 0, 0, 0.4); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); -khtml-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius:4px; height:7px; top:0.4em; position:absolute; z-index: 1; /* Show above match line */ } .prot_sum .bot-row ol.signatures li .bot-row-line .matches .match:hover, .result-detail .protein_sum_view .bot-row-line .matches .match:hover {cursor:pointer; border: 1px solid rgba(0, 0, 0, 0.8); /* height:0.6em; Enlarge slightly: top:0.3em; */z-index:5; box-shadow: 0 0 0.5em rgba(0, 0, 255, 1); -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 255, 1); -moz-box-shadow: 0 0 0.5em rgba(0, 0, 255, 1);} .prot_sum .bot-row ol.signatures li .bot-row-line .matches .grade, .result-detail .protein_sum_view .bot-row-line .matches .grade {background:url(../images/bgd_dot.gif) repeat-y; width:1px; height:17px; position: absolute; z-index: 0;} .prot_scale .bot-row {border: 0px solid green; /*overflow:auto;*/} .prot_scale .bot-row .bot-row-line-top {margin: 0 164px 0 128px; border-bottom: 1px solid #d8d8d8;} .prot_scale .bot-row .bot-row-line {margin: 0 164px 0 0; height: 18px;display: block; } .prot_scale .bot-row .bot-row-line .scale_bar {position: absolute; z-index: 1; /*background-color:#cecece; width:1px;*/ height:4px;border-left:1px solid #cecece;} .prot_scale .bot-row .bot-row-line .scale_numb {position: absolute; z-index: 2; margin-left:-10px; border:0px solid green; color:#b8b8b8; font-size:80%;margin-top:4px;} .prot_go {font-size:85%;} /* Interactive left filter */ .menu-filter {margin-top:1rem; display: block; border: 1px solid #d3d3d3; padding: 9px; background-color: #efefef; } .menu-filter H1 {color:#434343; font-size:120%;font-weight:bold; margin: 0 0 9px 0; padding:0;} .menu-filter fieldset { padding-top:12px;} .menu-filter fieldset label.view_all {padding-left:19px;padding-top:5px; background: url(../images/ico_type_all.png) no-repeat 0 2px; font-weight:bold;} .menu-filter div { margin-bottom:10px;} .menu-filter div H1 {color:#2e5882; font-size:110%;font-weight:bold; background-color:#f2f6f8; border:1px solid #9eb6ce; padding: 4px 10px; margin:0; } .menu-filter div H1, .menu-filter .menu-filter-type fieldset, .menu-filter .menu-filter-status fieldset, .menu-filter .menu-filter-sites fieldset, .menu-filter .menu-filter-colour fieldset {box-shadow:0px 2px 2px #adadad;-moz-box-shadow:0px 2px 2px #adadad ;-khtml-box-shadow:0px 2px 2px #adadad;-webkit-box-shadow:0px 2px 2px #adadad;} .menu-filter div fieldset {border: 1px solid #d1d1d1; margin:0;} .menu-filter .disabled {border:0px solid red;-moz-opacity: .5; opacity: 0.50; filter: alpha(opacity=50);} .menu-filter .disabled label {cursor:default;} .menu-filter .menu-filter-type div, .menu-filter .menu-filter-status div, .menu-filter .menu-filter-sites div, .menu-filter .menu-filter-colour div {display: block;} .menu-filter .menu-filter-type fieldset, .menu-filter .menu-filter-status fieldset, .menu-filter .menu-filter-sites fieldset, .menu-filter .menu-filter-colour fieldset {background-color:#fff; padding:6px 2px; border-top:0;-moz-border-radius: 0 0 4px 4px;-khtml-border-radius: 0 0 4px 4px ;-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .menu-filter .menu-filter-type label, .menu-filter .menu-filter-status label {padding-left:19px;} .menu-filter .menu-filter-sites label {border:0px green solid;padding-left:2px;padding-top:5px; } .menu-filter .menu-filter-type label.homologous-superfamily {background: url(../images/ico_type_homologous_superfamily.png) no-repeat 0 4px;} .menu-filter .menu-filter-type label.family {background: url(../images/ico_type_family.png) no-repeat 0 4px;} .menu-filter .menu-filter-type label.domains {background:url(../images/ico_type_domain.png) no-repeat 0 4px;} .menu-filter .menu-filter-type label.repeats {background:url(../images/ico_type_repeat.png) no-repeat 0 4px;} .menu-filter .menu-filter-type label.site {background:url(../images/ico_type_site.png) no-repeat 0 4px;} .menu-filter .menu-filter-status label.uni {background:url(../images/ico_type_uni.png) no-repeat 0 4px;} .menu-filter .menu-filter-colour { font-size:80%;} .menu-filter .menu-filter-colour legend { font-size:110%;font-weight:bold;} .menu-filter .menu-filter-colour .filter-colour-head {overflow:auto; background-color: #f2f6f8; border: 1px solid #9eb6ce; padding: 4px 10px;margin: 0;} .menu-filter .menu-filter-colour .filter-colour-head .filter-colour-title-l {float:left;color: #2e5882; font-size: 110%; font-weight: bold;margin-bottom: 0px;} .menu-filter .menu-filter-colour .filter-colour-head .filter-colour-title-r {float:right;margin-bottom: 0px;} .menu-filter .menu-filter-colour fieldset {border-top: 0px solid #d1d1d1;} @media (max-width: 768px) { .menu-filter {display:none;} /*hide the protein interactive menu for small screens*/ } /************************ END Protein page ******************************/ /******************* Protein Focus page**********************/ .protfoc_intro {margin-bottom:30px;margin-top: 12px;} .protfoc_intro img {float:left; margin-right:20px;} .protfoc { border-bottom:1px solid #E4E4E4; padding:9px 0 18px 0px; margin:0;} .protfoc img {float:left;border: solid 1px #cdcdcd; margin:6px 9px 0 0;} .protfoc .date {font-size: 88%; font-weight:bold; color:#333;} /******************* END Protein Focus page**********************/ /******************* PUBLICATION & TRAINING **********************/ .bloc_list {display:block; margin-bottom:12px; } .bloc_list img {float:left;border: solid 1px #cdcdcd; margin:5px 9px 0px 0;} /*.bloc_list .pub_abstract {font-size:80%; line-height:110%; border:0px green solid; display:block;color: grey;}*/ .bloc_list .date {line-height: 140%; border:0px red solid;} .bloc_about_trainers {color:#777;/*darker #616576*/} .bloc_about_paper {font-size:94%;} .bloc_about_more {color:grey;} /******************* END PUBLICATION & TRAINING ***********************/ /*********************** FORM **************************/ textarea {overflow: auto;}/*in boilerplate now*/ input.form_main_text_s, textarea.form_main_seq_s {width:332px; padding: 0;border: 1px #abadb3 solid;font-family: Verdana, Helvetica, sans-serif;color:#525252;font-size:110%;} input.form_main_text_s:focus, textarea.form_main_seq_s:focus {border: 1px #0092bf solid;} .form_row {clear:both; padding:9px 0; overflow:auto;} .form_help, span.error {display:inline-block;font-size: 90%; margin:0 0 4px 9px; padding:9px; width:45%;line-height:14px;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .form_help {color: #455872; background: #eee;} /* Secret content to be placed off the page - e.g. for robot honeypot fields on forms */ /*.secret_content {position: absolute; top: -1000px;}- no needed*/ #sformrow, #leaveItId {display:none;} /*hide the honeypot in the form*/ span.error {color: #8C302C;background: #f9ecec;} input.error, textarea.error {float:left; background-color: #FFCFCF; color: #8C302C;border:1px #ff918e solid;margin:0;} .required {background: url(../images/ico_form_required.png) no-repeat right center; padding-right: 14px;zoom: 1;display: inline-block;} /*just used on the add annotation?*/ .close_popup a {background: transparent url(../images/ico_close.png) no-repeat right top; float: right;width: 22px;height: 22px; -moz-opacity: .3; opacity: 0.30; filter: alpha(opacity=30);margin-right: 9px; border-bottom:none; } .close_popup a:hover {-moz-opacity: .5; opacity: 0.50;} /*********************** END FORM **************************/ /********************* TABLE *************************/ table.result.fix {width:760px;} table.result {font-size:88%; border-collapse: collapse;} table.result.stripe tr:hover {background-color: rgba(0, 0, 0, 0.1);} /*mouse over effect*/ table.result tr th {/*color: #19375a;*/border:1px solid #ccc; padding: 8px 4px; font-size:110%; /*text-shadow: #c9c7d6 1px 1px 0px;*/} table.result tr th.th_center {text-align: center;}/*temp to delete*/ table.result tr .text_center {text-align: center;} table.result tr td {border: 1px solid #dedede; /*f1f1f1 too light*/} table.result tr td a span.icon {font-size:184%;} table.result tr td a span.icon-functional::before, table.result tr td a span.icon-generic::before {color:#871868;} table.result tr td a span small {font-size:57%;} table.result tr td a:hover span.icon-functional::before, table.result tr td a:hover span.icon-generic::before {opacity: 0.5; filter: alpha(opacity = 50); /*-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;*/} table.result tr td.number {text-align: center; vertical-align: middle; width: 18%;} table.result tr td.icol {text-align: center;width: 12%;} table.result tr td.icolmore {text-align: center; width:8%;} table.result tr td.acc_nb {width: 126px ;min-width:94px;} table.result tr td.acc_nb a {float:left; margin-right:3px;} table.result tr td.shortcol {text-align: center;} table.result tr td.prot_name {width:32%;} table.result tr td.col_domorg {min-width: 160px; width:36%;} table.result tr td a.ico_link {border-bottom-width: 0px;} table.result tr td.breakword {word-break:break-all;} /*solve the long word problem in table - work in latest Firefox, IE, Chrome*/ table.result tr td.uni_link a {border-bottom:0px red solid;} table.result .prot_struct {border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius:4px; background-color:#afafaf; color:white;font-weight: bold;font-size: 9px;padding:0px 3px; margin-left: 1px;} table.light tr th {color: #343434;border: 0px solid #E3E3E3;font-size: 106%;text-align: center;background-color:white;} table.stripe tr:nth-child(odd), table.result tr.alt td {background: #f6f6f6} /*alt row colour*/ /* about us member databases*/ table.inv tr td {border: 0px solid #dedede; font-size: 100%; } table.inv tr td.logo-md {text-align: left; width: 10%; } /* about us - funding */ .current_funding img {padding-left: 10px;} /* go term*/ table.gotm tr td {border: 0px solid #dedede;vertical-align: text-top;font-size: 100%; } table.gotm tr td.icol {width:23%; text-align:left;font-size: 128%; color: #666666;} /*Specy page*/ table.result tr td.taxon {font-style: italic; vertical-align: middle;} table.result tr td.tax_icon {width: 1%;} /*reduce column width to size image*/ table.result tr td.tax_icon span.icon {font-size:200%;} table.result tr td.tax_icon span.ecoli {margin-right:2px; display:block; float:left; background: url(../images/ico_species_ecoli.png) no-repeat -2px -1px; width:34px; height:20px;} table.result tr td.tax_icon span.thaliana { margin-right:10px; display:block; float:left; background: url(../images/ico_species_thaliana.png) no-repeat 0px 0px; width:26px; height:33px;} table.result tr td.tax_icon span.rice { margin-right:10px; display:block; float:left; background: url(../images/ico_species_rice.png) no-repeat 0px 0px; width:26px; height:33px;} table.result tr td.tax_icon span.fission_y { margin-right:10px; display:block; float:left; background: url(../images/ico_species_fission.png) no-repeat 0px 0px; width:26px; height:33px;} .entry_species table.result .down_ico {text-align: center; width: 15%;} /*/Specy page*/ /*Structure page*/ table.result tr td.smcol {width: 1%;} /*/Structure page*/ /*colour key*/ table.key_col {font-size: 88%; margin-left: 9px;} table.key_col_one tr td, table.key_col_two tr td {padding:4px; border:0px red solid; /*to keep - force remove borders*/} table.key_col td {margin:0; padding:0;border: 0px solid #f1f1f1;} /*/colour key*/ /*table.result,table.caption,table.invisible, .pagination {width:786px;} used to be the fixed size*/ /******************* END TABLE *************************/ /******************* LIST ITEMS ****************/ /*ENTRY PAGE literature*/ .entry_literature ul {padding-left: 0; margin-left:9px; font-size: 96%;} .entry_literature ul li {list-style: none; margin:9px 0; } /*/ENTRY PAGE literature*/ /*TREE & LIST RELATIONSHIPS*/ .rel_tree, .rel_list {font-size: 88%; padding:5px 0 9px 0; }/*increase space top list - make it more balanced in the page - and add margin bottom too like h2*/ .rel_tree ul, .rel_list ul {padding:0;} .rel_tree ul li.selected {font-weight: bold;} .rel_tree ul li { list-style: none;margin-left: 0px; padding-left: 26px; border:0px red solid; margin-bottom:4px;/*increase slightly space between list items*/} .rel_list ul li { list-style: none;margin-left: 0px; padding-left: 20px; border:0px red solid; margin-bottom:4px;/*increase slightly space between list items*/} .rel_tree ul li ul, .rel_list ul li ul {margin-left: 0px; margin-top:5px;} .Family ul li, .rel_tree ul li.Family {background: url(../images/ico_tree_family.png) no-repeat 0 5px; zoom:1; /* for IE7 and IE6 to visualise the span and background without content*/} .Domain ul li, .rel_tree ul li.Domain {background: url(../images/ico_tree_domain.png) no-repeat 0 5px; zoom:1;} .rel_tree ul li.Homologous {background: url(../images/ico_tree_homologous_superfamily.png) no-repeat 0 5px; zoom:1;} .rel_tree ul li.Repeat {background: url(../images/ico_tree_repeat.png) no-repeat 0 5px; zoom:1;} .rel_tree ul li.Site {background: url(../images/ico_tree_site.png) no-repeat 0 5px; zoom:1;} .rel_list ul li.Family {background: url(../images/ico_type_family_small.png) no-repeat 0 5px; zoom:1; /* for IE7 and IE6 to visualise the span and background without content*/} .rel_list ul li.Domain {background: url(../images/ico_type_domain_small.png) no-repeat 0 5px; zoom:1;} .rel_list ul li.Homologous {background: url(../images/ico_type_homologous_superfamily_small.png) no-repeat 0 5px; zoom:1;} .rel_list ul li.Repeat {background: url(../images/ico_type_repeat_small.png) no-repeat 0 5px; zoom:1;} .rel_list ul li.Site {background: url(../images/ico_type_site_small.png) no-repeat 0 5px; zoom:1;} .rel_tree a:link,.rel_tree a:visited, .rel_list a:link,.rel_list a:visited {border: none;color: #871868;} .rel_tree a:hover, .rel_list a:hover {border-bottom: 1px solid #871868;} .rel_tree #expandButton a, .rel_list #expandButton a {cursor:pointer;border-bottom-width: 0px; color: #871868;} #expandButton div {-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);font-size: 125%; width: 22px;height: 22px;cursor: pointer;background-color: #A06890;/* background-color: rgba(187, 187, 187, 0.62); not working with IE7*/text-align: center;color: #FFF;} #expandButton div:hover {background-color:rgba(160, 104, 144, 0.5); /*rgba(207, 203, 110, 0.6)*/} #hideLastRelationships, #lastRelationships, #hideLastOverlaps, #lastOverlaps {display:none;} /*solve a jumping bug issue*/ /*/TREE & LIST RELATIONSHIPS*/ /*ENTRY PAGE SPECIES taxa tree*/ .entry_species ul {border:0px red solid;margin-left: 9px;padding:0; line-height: 1.8;} .entry_species ul li {list-style: none;margin-left: 9px; } .entry_species ul li a span.icon {font-size:120%;} .entry_species ul li a:hover span.icon-functional::before {color:#871868;} .entry_species ul li a.ico_link {border-bottom-width: 0px;cursor: pointer;} .entry_species ul li .collapsed, .entry_species ul li .expanded {float: left; width: 9px; height: 9px; border: 0px solid #F6F6F6; display: block; text-decoration: none; margin: 7px 9px 0 0; } /***** used for specy relationship tree while we wait for right icon******/ .entry_species ul li .collapsed {background: url(../images/close.gif) no-repeat;} .entry_species ul li .expanded {background: url(../images/open.gif) no-repeat;} .entry_species ul li span {font-size:88%; margin-left: 3px;} /*/ENTRY PAGE SPECIES taxa tree*/ /*RELEASE NOTES*/ ul.release_list {list-style: disc; list-style-position: inside; padding-left: 0; margin: 0;} ul.release_list li {margin-top: 18px; list-style: none;} ul.release_list li h3 {border-bottom: 1px solid #d4d4d4; margin:0 9px; padding:0;} ul.release_list li ul {display: -webkit-flex; display: flex; flex-wrap: wrap; padding-left: 0; margin: 0; } ul.release_list li ul li {margin: 3px 6px; width: 100px;} ul.release_list li ul li img {vertical-align: middle;} #expanderContent {overflow:hidden; /*solve jump bug*/} /*************RELEASE VERSION*****************/ /*new icon release note*/ /*gradient produced on http://www.colorzilla.com/gradient-editor/*/ /*.ico_rel .ico_rel_top.blue {box-shadow: rgba(48, 173, 243, 0.46) 2px 1px 1px; background: #67b8f2; *//* Old browsers *//*background: -moz-linear-gradient(left, #61b5f1 0%, #60abf8 44%, #1184d8 100%); *//* FF3.6+ *//*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#67b8f2), color-stop(44%,#60abf8), color-stop(100%,#1184d8)); *//* Chrome,Safari4+ *//*background: -webkit-linear-gradient(left, #61b5f1 0%,#60abf8 44%,#1184d8 100%); *//* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(left, #61b5f1 0%,#60abf8 44%,#1184d8 100%); *//* Opera 11.10+ *//*background: -ms-linear-gradient(left, #61b5f1 0%,#60abf8 44%,#1184d8 100%); *//* IE10+ *//*background: linear-gradient(to right, #61b5f1 0%,#60abf8 44%,#1184d8 100%); *//* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b8f2', endColorstr='#1184d8',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.green{box-shadow: rgba(128, 209, 170, 0.46) 2px 1px 1px; background: #80d1aa; *//* Old browsers *//*background: -moz-linear-gradient(left, #80d1aa 0%, #379a6b 100%); *//* FF3.6+ *//* background: -webkit-gradient(linear, left top, right top, color-stop(0%,#80d1aa), color-stop(100%,#379a6b)); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(left, #80d1aa 0%,#379a6b 100%); *//* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(left, #80d1aa 0%,#379a6b 100%); *//* Opera 11.10+ *//*background: -ms-linear-gradient(left, #80d1aa 0%,#379a6b 100%); *//* IE10+ *//*background: linear-gradient(to right, #80d1aa 0%,#379a6b 100%); *//* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d1aa', endColorstr='#379a6b',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.red { box-shadow: rgba(222,126,126, 0.46) 2px 1px 1px; background: rgb(222,126,126); *//* Old browsers *//* background: -moz-linear-gradient(left, rgba(222,126,126,1) 1%, rgba(180,44,44,1) 100%); *//* FF3.6+ *//*background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(222,126,126,1)), color-stop(100%,rgba(180,44,44,1))); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(left, rgba(222,126,126,1) 1%,rgba(180,44,44,1) 100%); *//* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(left, rgba(222,126,126,1) 1%,rgba(180,44,44,1) 100%); *//* Opera 11.10+ *//* background: -ms-linear-gradient(left, rgba(222,126,126,1) 1%,rgba(180,44,44,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(222,126,126,1) 1%,rgba(180,44,44,1) 100%); *//* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de7e7e', endColorstr='#b42c2c',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.dpurple { box-shadow: rgba(137,142,183, 0.46) 2px 1px 1px; background: rgb(137,142,183); *//* Old browsers *//* background: -moz-linear-gradient(left, rgba(137,142,183,1) 0%, rgba(68,73,119,1) 100%); *//* FF3.6+ *//*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(137,142,183,1)), color-stop(100%,rgba(68,73,119,1))); *//* Chrome,Safari4+ *//*background: -webkit-linear-gradient(left, rgba(137,142,183,1) 0%,rgba(68,73,119,1) 100%); *//* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(left, rgba(137,142,183,1) 0%,rgba(68,73,119,1) 100%); *//* Opera 11.10+ *//* background: -ms-linear-gradient(left, rgba(137,142,183,1) 0%,rgba(68,73,119,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(137,142,183,1) 0%,rgba(68,73,119,1) 100%); *//* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898eb7', endColorstr='#444977',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.brown { box-shadow: rgba(193,176,163, 0.46) 2px 1px 1px; background: rgb(193,176,163); *//* Old browsers *//*background: -moz-linear-gradient(left, rgba(193,176,163,1) 0%, rgba(133,107,88,1) 100%); *//* FF3.6+ *//* background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,176,163,1)), color-stop(100%,rgba(133,107,88,1))); *//* Chrome,Safari4+ *//*background: -webkit-linear-gradient(left, rgba(193,176,163,1) 0%,rgba(133,107,88,1) 100%); *//* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(left, rgba(193,176,163,1) 0%,rgba(133,107,88,1) 100%); *//* Opera 11.10+ *//* background: -ms-linear-gradient(left, rgba(193,176,163,1) 0%,rgba(133,107,88,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(193,176,163,1) 0%,rgba(133,107,88,1) 100%); *//* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b0a3', endColorstr='#856b58',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.tur { box-shadow: rgba(136,171,173, 0.46) 2px 1px 1px; background: rgb(136,171,173); *//* Old browsers *//* background: -moz-linear-gradient(left, rgba(136,171,173,1) 0%, rgba(77,110,112,1) 100%); *//* FF3.6+ *//*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(136,171,173,1)), color-stop(100%,rgba(77,110,112,1))); *//* Chrome,Safari4+ *//*background: -webkit-linear-gradient(left, rgba(136,171,173,1) 0%,rgba(77,110,112,1) 100%); *//* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(left, rgba(136,171,173,1) 0%,rgba(77,110,112,1) 100%); *//* Opera 11.10+ *//* background: -ms-linear-gradient(left, rgba(136,171,173,1) 0%,rgba(77,110,112,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(136,171,173,1) 0%,rgba(77,110,112,1) 100%); *//* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88abad', endColorstr='#4d6e70',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.purple { box-shadow: rgba(180,132,165, 0.46) 2px 1px 1px; background: rgb(180,132,165); *//* Old browsers *//*background: -moz-linear-gradient(left, rgba(180,132,165,1) 1%, rgba(118,71,103,1) 100%); *//* FF3.6+ *//*background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(180,132,165,1)), color-stop(100%,rgba(118,71,103,1))); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(left, rgba(180,132,165,1) 1%,rgba(118,71,103,1) 100%); *//* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(left, rgba(180,132,165,1) 1%,rgba(118,71,103,1) 100%); *//* Opera 11.10+ *//* background: -ms-linear-gradient(left, rgba(180,132,165,1) 1%,rgba(118,71,103,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(180,132,165,1) 1%,rgba(118,71,103,1) 100%); *//* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b484a5', endColorstr='#764767',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.yellow { box-shadow: rgba(243,207,108, 0.46) 2px 1px 1px;background: rgb(243,207,108); *//* Old browsers *//* background: -moz-linear-gradient(left, rgba(243,207,108,1) 1%, rgba(234,195,21,1) 100%); *//* FF3.6+ *//* background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(243,207,108,1)), color-stop(100%,rgba(234,195,21,1))); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(left, rgba(243,207,108,1) 1%,rgba(234,195,21,1) 100%); *//* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(left, rgba(243,207,108,1) 1%,rgba(234,195,21,1) 100%); *//* Opera 11.10+ *//* background: -ms-linear-gradient(left, rgba(243,207,108,1) 1%,rgba(234,195,21,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(243,207,108,1) 1%,rgba(234,195,21,1) 100%); *//* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3cf6c', endColorstr='#eac315',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.sky { box-shadow: rgba(121,151,228, 0.46) 2px 1px 1px;background: rgb(121,151,228); *//* Old browsers *//* background: -moz-linear-gradient(left, rgba(121,151,228,1) 1%, rgba(42,87,204,1) 100%); *//* FF3.6+ *//* background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(121,151,228,1)), color-stop(100%,rgba(42,87,204,1))); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(left, rgba(121,151,228,1) 1%,rgba(42,87,204,1) 100%); *//* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(left, rgba(121,151,228,1) 1%,rgba(42,87,204,1) 100%); *//* Opera 11.10+ *//*background: -ms-linear-gradient(left, rgba(121,151,228,1) 1%,rgba(42,87,204,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(121,151,228,1) 1%,rgba(42,87,204,1) 100%); *//* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7997e4', endColorstr='#2a57cc',GradientType=1 ); *//* IE6-9 *//*}*/ /*.ico_rel .ico_rel_top.orange {box-shadow: rgba(255,183,107, 0.46) 2px 1px 1px;background: rgb(255,183,107); *//* Old browsers *//* background: -moz-linear-gradient(left, rgba(255,183,107,1) 0%, rgba(229,114,19,1) 100%); *//* FF3.6+ *//* background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,183,107,1)), color-stop(100%,rgba(229,114,19,1))); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(left, rgba(255,183,107,1) 0%,rgba(229,114,19,1) 100%); *//* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(left, rgba(255,183,107,1) 0%,rgba(229,114,19,1) 100%); *//* Opera 11.10+ *//* background: -ms-linear-gradient(left, rgba(255,183,107,1) 0%,rgba(229,114,19,1) 100%); *//* IE10+ *//* background: linear-gradient(to right, rgba(255,183,107,1) 0%,rgba(229,114,19,1) 100%); *//* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#e57213',GradientType=1 ); *//* IE6-9 *//*}*/ /*losange*/ /*color icon and title*/ .rel_note_00 .ico_rel div {border-bottom-color: #bd4966; border-top-color: #bd4966;} .rel_note_00 .ico_rel .ico_rel_mid {background-color: #bd4966;} .rel_note_00 .version_title_main {color:#D13434;} .rel_note_01 .ico_rel div {border-bottom-color: #7980BA; border-top-color: #7980BA;} .rel_note_01 .ico_rel .ico_rel_mid {background-color: #7980BA;} .rel_note_01 .version_title_main {color:rgb(93, 83, 165);} .rel_note_02 .ico_rel div {border-bottom-color: rgb(193,176,163); border-top-color: rgb(193,176,163);} .rel_note_02 .ico_rel .ico_rel_mid {background-color: rgb(193,176,163);} .rel_note_02 .version_title_main {color:rgb(122, 115, 95);} .rel_note_03 .ico_rel div {border-bottom-color: rgb(136,171,173); border-top-color: rgb(136,171,173);} .rel_note_03 .ico_rel .ico_rel_mid {background-color: rgb(136,171,173);} .rel_note_03 .version_title_main {color:rgb(103, 153, 143);} .rel_note_04 .ico_rel div {border-bottom-color: rgb(180,132,165); border-top-color: rgb(180,132,165);} .rel_note_04 .ico_rel .ico_rel_mid {background-color: rgb(180,132,165);} .rel_note_04 .version_title_main {color:rgb(129, 105, 121);} .rel_note_05 .ico_rel div {border-bottom-color: #f0c54e; border-top-color: #f0c54e;} .rel_note_05 .ico_rel .ico_rel_mid {background-color: #f0c54e;} .rel_note_05 .version_title_main {color:#f0c54e;} .rel_note_06 .ico_rel div {border-bottom-color: #547adb; border-top-color: #547adb;} .rel_note_06 .ico_rel .ico_rel_mid {background-color: #547adb;} .rel_note_06 .version_title_main {color:#226ECC;} .rel_note_07 .ico_rel div {border-bottom-color: #ef9253; border-top-color: #ef9253;} .rel_note_07 .ico_rel .ico_rel_mid {background-color:#ef9253;} .rel_note_07 .version_title_main {color:#DB6B13;} .rel_note_08 .ico_rel div {border-bottom-color: #67b8f2; border-top-color: #67b8f2;} .rel_note_08 .ico_rel .ico_rel_mid {background-color: #67b8f2;} .rel_note_08 .version_title_main {color:#1f93ff;} .rel_note_09 .ico_rel div {border-bottom-color: #80d1aa; border-top-color: #80d1aa;} .rel_note_09 .ico_rel .ico_rel_mid {background-color: #80d1aa;} .rel_note_09 .version_title_main {color:#4bb782;} /*gal*/ .ico_rel {margin: 0;}/*for home*/ .ico_rel .ico_rel_text {font-family:Arial, sans-serif; position: relative; font-size: 150%; color:white; z-index: 1;text-shadow: rgba(0, 0, 0, 0.3) 2px 1px 1px;letter-spacing: -2px; font-weight: normal;} .ico_rel .ico_rel_text span {font-size: 74%;vertical-align: text-bottom;} .ico_rel .ico_rel_top {width: 0;border-bottom-style: solid;} .ico_rel .ico_rel_bot {width: 0; border-top-style: solid;} /*ICON SHAPE*/ /*diamond*/ .ico_rel.los .ico_rel_top{border-bottom-width: 32px; border-left: 31px solid transparent;border-right: 31px solid transparent;} .ico_rel.los .ico_rel_mid{width: 0px;height: 48px;} .ico_rel.los .ico_rel_bot{border-top-width: 32px; border-left: 31px solid transparent; border-right: 31px solid transparent;} .ico_rel.los .ico_rel_text{left: 12px;top: -17px;} /*hexagon*/ .ico_rel.hex .ico_rel_top{border-bottom-width: 12px; border-left: 24px solid transparent;border-right: 24px solid transparent;}/*don't change value for firefox*/ .ico_rel.hex .ico_rel_mid{width: 48px;height: 31px;} .ico_rel.hex .ico_rel_bot{border-top-width: 12px; border-left: 24px solid transparent; border-right: 24px solid transparent;} .ico_rel.hex .ico_rel_text{top: -2px;text-align: center;} /*square*/ .ico_rel.sqr .ico_rel_top{border-bottom-width: 0px; border-left: 24px solid transparent;border-right: 24px solid transparent;}/*don't change value for firefox*/ .ico_rel.sqr .ico_rel_mid{width: 49px;height: 49px;} .ico_rel.sqr .ico_rel_bot{border-top-width: 0px; border-left: 24px solid transparent; border-right: 24px solid transparent;} .ico_rel.sqr .ico_rel_text{top: 8px; text-align: center;} /*END new icon release note*/ /*/RELEASE NOTES*/ /*INTERNAL PAGE NAVIGATION*/ .int-nav {border: 1px solid #CCC; padding: 9px; margin-top: 9px; font-size: 88%; border-radius: 0 10px 0 10px;} .int-nav ul {list-style-type: none;padding:0; margin-left:0; margin-bottom:4px;} .int-nav ul li {border-bottom: 1px dotted #D5D5D5;padding-bottom: 4px; margin-bottom:4px;} .int-nav a {border:0px solid red;} /*remove underline by default*/ .int-nav a:hover, .int-nav a:visited {border-bottom: 1px solid #871868; color: #871868;} #last {border-bottom: none; } .int-nav .selected {font-weight:bold;} .int-nav .disabled, .int-nav .menu_numb, .item_list_soft {color: #9c9c9c;} .item_list_soft a:link,.item_list_soft a:focus, .item_list_soft a:visited {color: #9c9c9c;} #search-results .item_list_soft a:hover {border-bottom-color: #9c9c9c;} .int-nav .menu_numb {font-size: 80%;} .int-nav .int-nav-filter {margin-top: 9px; font-size: 88%; padding: 6px 10px; border: 1px solid #e4e4e4; background: #f6f6f6 url(../images/ico_arrow.png) no-repeat 4px 11px;;} .int-nav .int-nav-filter .selected {font-weight:normal;} /*/INTERNAL PAGE NAVIGATION*/ /* FAQs*/ ul.entry_list {margin-left: 0px; list-style-type: none; display: -webkit-flex; display: flex;} ul.entry_list img { margin-left: -10px; width: 86px; } ul.entry_list h3 {color:#666; padding-left: 0;} ul.entry_list li {width: 30%; border-right: 1px solid #dedede; padding: 0 9px 9px 9px; margin-right: 9px; } @media (max-width: 768px) { ul.entry_list { flex-direction: column; } ul.entry_list li { width: 100%; } } /*/FAQs*/ /*PATHWAYS*/ .entry_pathways ul {margin-left: 0;} .entry_pathways ul li {list-style: none;} .entry_pathways h4 abbr {border-bottom: 1px solid transparent;cursor: help;font-size: 69%;} .entry_pathways th abbr {border-bottom: 1px solid transparent;cursor: help; } .entry_pathways th abbr.icon-static::before, .entry_pathways th abbr.icon-generic::before {color:black;}/*change colour icon same as th*/ /*/PATHWAYS*/ /*SEQUENCE SEARCH - OPTIONS*/ #advancedOptions ul {padding-left: 0px; margin-bottom: 9px;} #advancedOptions ul li {list-style: none; display: inline-block;font-size: 89%;} /*/SEQUENCE SEARCH*/ /******************* END LIST ITEMS ****************/ /******************* Domain architecture & Protein list table ****************/ /*BLOB VIEW*/ .match .square {height: 7px; width: 8px;border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px;} /*square version of the blobs*/ .ida_sum {overflow:auto; display:block; margin:9px 0 20px 9px;}/*ida block - protein matched filtered - temp to keep till IDA goes into table*/ /*/BLOB VIEW */ /*TABLE NAVIGATION*/ .table-searchresult-nav {margin-top:20px; padding: 0 9px; display: block;border:0px green solid; } .table-searchresult-nav.bottom_nav {margin-top:0px;margin-bottom: 20px;} /*remove space for the bottom table navigation*/ .table-searchresult-nb {float:left;border:0px red solid; width:35%;} .table-searchresult-nav .paging_last {border:0px red solid;} /*.table-searchresult-nav a {padding: 9px 5px; border: 1px solid #d4d4d4; background: url(../images/bgd_exp_grey.png) repeat-x bottom left; text-decoration: none; color: #6b6b6b;font-size: 88%; *//*width:auto; *//* margin-left: 4px;*//*should be 9px but no idea why there is added gap*//* *//*add space to separate buttons*/ /*-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}*/ /*.table-searchresult-nav a:hover,.r_option a:active,.r_option a:focus {border: 1px solid #77ace0; text-decoration: none; background: url(../images/bgd_exp_grey_o.png) repeat-x bottom left; color:white;}*/ .table-searchresult-nav .table-searchresult-pag {text-align: center; border:0px pink solid;} .table-searchresult-nav .table-searchresult-pag .current { -moz-border-radius: 12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; border: 1px solid #AAA;color: #505050 !important; background-color: #9EB8FF; padding: 2px 7px 4px 8px;color: #505050; } .table-searchresult-nav .table-searchresult-pag .paging a {-moz-border-radius: 12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; border: 1px solid #AAA;margin: 0 3px;cursor: pointer;color: #505050 !important;background-color: #DDD;padding: 1px 7px 2px 8px;color: #505050;display: inline-block; } #search-results .table-searchresult-nav .table-searchresult-pag .paging a {-moz-border-radius: 12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; border: 1px solid #AAA;margin: 0 3px;cursor: pointer;color: #505050 !important;background-color: #DDD;padding: 1px 7px 2px 8px;color: #505050;display: inline-block; } .table-searchresult-nav .table-searchresult-pag .paging a .icon-functional::before {color: #949494; margin:0;margin-left: -2px;} .table-searchresult-nav .table-searchresult-pag .paging a div {width: 9px;} .table-searchresult-nav .table-searchresult-pag .paging a:visited {color: #505050;} .table-searchresult-nav .table-searchresult-pag .paging a:hover {background-color: #CCC;color:black; border: 1px solid #939393;} #search-results .table-searchresult-nav .table-searchresult-pag .paging a:hover {background-color: #CCC;color:black; border: 1px solid #939393;} .entry_dom_org .table-searchresult-nav .table-searchresult-pag {margin:9px 0;} /*/TABLE NAVIGATION */ /*GLOBAL SEARCH NAVIGATION*/ #search-results .result-pagination {text-align: center; margin-top: 18px;} #search-results .result-pagination .paging .icon {display: inline-block;} /*/GLOBAL SEARCH NAVIGATION*/ /******************* END Domain architecture & Protein list table ****************/ /*******************BUTTON***********************/ /*FEEDBACK*/ .big_feedback_button_box {position: absolute;z-index: 500;top: 9px;right: 0; width: 178px; } .big_feedback_button {display:block;background-color:#932ECC; margin-right:9px; border-bottom:6px solid #7624B6; color:white; text-transform: uppercase; letter-spacing: 1px; font-size: 124%; overflow: hidden; text-align: center; padding-bottom:4px;} .big_feedback_button.dblue {background-color:#412ECC; border-bottom:6px solid #2A24B6;} .big_feedback_button.red {background-color: #E73030; border-bottom:6px solid #B82626;} .big_feedback_button.blue {background-color: #4AB2E2; border-bottom:6px solid #289DD5;} .big_feedback_button:hover {opacity: 0.8; filter: alpha(opacity = 80);} html.fontface .big_feedback_button .icon-static:before {color:white; font-size:165%; position: relative; top: 5px;} /* USE SAME STYLE DEFINED ON INPUT.SUBMIT */ a.main_button {padding: 3px 9px; font-size: 123%;/*font slightly smaller than form button*/background-color: #8C4DC2; color: #fff; text-shadow: #2D1452 0 1px 1px; border: 1px solid #67547C; border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 1px 3px #777; -moz-box-shadow: 0px 1px 3px #777; -khtml-box-shadow: 0px 1px 3px #777; -webkit-box-shadow: 0px 1px 3px #777; background-image: -moz-linear-gradient(top, #B17BE0/*P1*/, #8C4DC2/*P2*/); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B17BE0),color-stop(1, #8C4DC2)); background-image: -webkit-linear-gradient(#B17BE0, #8C4DC2); background-image: linear-gradient(top, #B17BE0, #8C4DC2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B17BE0', EndColorStr='#8C4DC2');} a.main_button:hover {background: #8C4DC2; box-shadow: 0px 0px 1px #777676;-moz-box-shadow: 0px 0px 1px #777;-khtml-box-shadow: 0px 0px 1px #777;-webkit-box-shadow: 0px 0px 1px #777;/*background:url(../images/bgd_button_over.png) repeat-x; border: 1px solid #0072FE;*/color:white;text-decoration:none; /*for IE*/} a.main_button:active {/*background:url(../images/bgd_button_active.png) repeat-x;border: 1px solid #4c9cfe;*/color:white;text-decoration:none; /*for IE*/} a.main_button:visited { color:white;text-decoration:none; /*for IE*/} /*big button download*/ .bt {outline:0;display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 100%; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 5px;} a.bt:link, a.bt:visited {color:white;} .btn-xl {padding: 10px 24px;font-size: 169%; font-family: 'HelveticaNeueLT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;} .btn-lg {padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;} .btn-sm {padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 5px;} .btn-flat {color: #FFF; background-color: #a164d4; border-radius: 3px;} .btn-flat:hover {background: #9B35CC; text-decoration: none;} .btn-blue {color: #FFF; background-color: #2e90ce; background-image: -moz-linear-gradient(top, #2e90ce/*P1*/, #005dcc/*P2*/);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2e90ce),color-stop(1, #005dcc)); background-image: -webkit-linear-gradient(#2e90ce, #005dcc); background-image: linear-gradient(top, #2e90ce, #005dcc); border: 1px solid #0062b8;} .btn-blue:hover{background: #0062b8;} .download_cont, .download_capt {text-align: center;} .download_cont {margin: 18px;} .download_capt {font-size: 81%; color:#7d35ba;} .md5 {color:#B7B7B7; font-size: 90%;} .md5:hover {color:#C7254E; background-color: #F9F2F4;} /* BUTTON OPTION EXPORT */ .r_option {float: right; margin: 9px 0; /*to align with grid*/} .r_option a {display: inline-block;padding: 9px 5px; border: 1px solid #d4d4d4; background: url(../images/bgd_exp_grey.png) repeat-x bottom left; text-decoration: none; color: #6b6b6b;font-size: 88%; /*width:auto; */ margin-left: 4px;/*should be 9px but no idea why there is added gap*/ /*add space to separate buttons*/ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .r_option a:hover,.r_option a:active,.r_option a:focus {border: 1px solid #77ace0; text-decoration: none; background: url(../images/bgd_exp_grey_o.png) repeat-x bottom left; color:white;} .fasta {background: url(../images/ico_exp_fasta.png) no-repeat 0px 2px; vertical-align: text-bottom;width: 15px;height: 15px;display: inline-block;} .tsv {background: url(../images/ico_exp_tsv.png) no-repeat 0px 2px; vertical-align: text-bottom;width: 15px;height: 15px;display: inline-block;} .r_option .select_export {display: inline-block; padding: 9px 5px; border: 1px solid #d4d4d4; background: url(../images/bgd_exp_grey.png) repeat-x bottom left; color: #6b6b6b; font-size: 88%; margin-left: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} /* END BUTTON OPTION EXPORT */ /******************* END BUTTON***********************/ div.pagination a, div.pagination a:link{ text-decoration: none; font-family: Verdana, Helvetica, sans-serif; border: 0px solid #d4d4d4; margin-right:6px; color:#525252; } .pagination a:hover, .pagination a:active,.pagination a:focus { border: 0px solid #d4d4d4; } .pagination a.nxt { padding: 0 14px 2px 2px; background: url(../images/pag_next.png) no-repeat right; } .pagination a.nxt:hover, .pagination a.nxt:active,.pagination a.nxt:focus { background: url(../images/pag_next_over.png) no-repeat right; color:black; } .pagination a.last { padding: 0 14px 2px 2px; background: url(../images/pag_last.png) no-repeat right; } .pagination a.last:hover, .pagination a.last:active,.pagination a.last:focus { background: url(../images/pag_last_over.png) no-repeat right; color:black; } .pagination a.pre { font-size:11px; padding: 0 2px 2px 14px; background: url(../images/pag_prev.png) no-repeat left; } .pagination a.pre:hover, .pagination a.pre:active,.pagination a.pre:focus { background: url(../images/pag_prev_over.png) no-repeat left; color:black; } .pagination a.first { padding: 0 2px 2px 14px; background: url(../images/pag_first.png) no-repeat left; } .pagination a.first:hover, .pagination a.first:active,.pagination a.first:focus { background: url(../images/pag_first_over.png) no-repeat left; color:black; } .sep { border-left:1px #9C9C9C solid; height:10px; margin:2px 6px 0 0; width:1px; } /*********************** TEXT/TITLE ***********************/ h2.strapline {font-size: 2.2rem;} /*reduce title font for entry page*/ h2 span {font-size: 71%;} /*reduce font for ID*/ .minus {text-transform: lowercase;} span.title_filter {color: black; padding-left: 6px; background: url(../images/ico_arrow.png) no-repeat 0 6px; margin: 0 0 20px 9px; display: block;} /*filter by text under title*/ .title_form { font-weight: bold; font-size: 110%;margin-bottom:20px;} /*Title form 404 page */ .relationship {padding-left:9px;} .relationship div { font-size: 100%; /* was 90% */ padding: 0 0 4px 0; } .shortname {color: #9c9c9c; font-style: italic; font-size: 100%;} .text-cont { padding-left:0;} /*used as contextual text ENTRY*/ .quote { color: #9c9c9c; font-style: italic; padding:20px; font-size: 140%; } .intro-container {padding-bottom: 1rem;/*extra padding*/} .intro_lead {font-size: 143%; color: #666; font-family: 'HelveticaNeueLT Pro','Helvetica Neue',Helvetica,Arial,sans-serif; } .intro_lead img {float:left; margin:9px 18px 9px 0 ;} /*********************** END TEXT/TITLE ***********************/ /************ ENTRY PAGE TAB & SEARCH RESULT icon ************/ .Homologous_superfamily_tab, .Family_tab, .Protein_tab, .Domain_tab, .Site_tab, .Conserved_site_tab, .Active_site_tab, .Binding_site_tab, .Repeat_tab, .PTM_tab, .Region_tab, .sign_uni_tab {font-size: 158%; padding-left: 22px; margin-top: 9px; zoom:1; /* for IE7 and IE6 to visualise the span and background without content*/} .Homologous_superfamily_tab {color: #399fc7; background: url(../images/ico_type_homologous_superfamily.png) no-repeat 0 10px;} .Family_tab {color: #ec1d25; background: url(../images/ico_type_family.png) no-repeat 0 10px;} .Protein_tab {color: #2e5882; padding-left: 0;} .Domain_tab {color: #45b41a;background: url(../images/ico_type_domain.png) no-repeat 0 10px;} .Site_tab, .Conserved_site_tab, .Active_site_tab, .Binding_site_tab, .PTM_tab {color: #a336c6; background: url(../images/ico_type_site.png) no-repeat 0 10px;} .Repeat_tab {color: #ff830a; background: url(../images/ico_type_repeat.png) no-repeat 0 10px;} .Region_tab {color: rgb(105, 105, 105); background: none;padding-left: 0px; } /*used for signature page*/ .sign_uni_tab {color: rgb(105, 105, 105); background: url(../images/ico_type_uni.png) no-repeat 0 10px;} .entry_desc_qtip {line-height: 1.538; /*qtip that appear in the description for pubmed - same line-height as defined in boilerplate*/} /************ END ENTRY PAGE ************/ /*.signature ul li div.Family { border: 1px solid #b20d0d;*/ /* For WebKit */ /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,54,0,.9)), to(rgba(210,21,21,.9)));*/ /* For Mozilla */ /*background: -moz-linear-gradient(top, rgba(255,54,0,.9), rgba(210,21,21,.9));*/ /* For lt IE8 */ /*filter: progid:DXImageTransform.Microsoft.gradient (gradientype=0,startColorstr='#ffff3600', endColorstr='#ffd21515');*/ /* For gte IE8 */ /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ffff3600', endColorstr='#ffd21515');*/ /*}*/ /*.signature ul li div.Domain {border: 1px solid #36a30f;*/ /* For WebKit */ /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(89,212,22,.9)), to(rgba(84,184,49,.9)));*/ /* For Mozilla */ /*background: -moz-linear-gradient(top, rgba(89,212,22,.9), rgba(84,184,49,.9));*/ /* For lt IE8 */ /*filter: progid:DXImageTransform.Microsoft.gradient (gradientype=0,startColorstr='#ff59d416', endColorstr='#ff54b831');*/ /* For gte IE8 */ /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ff59d416', endColorstr='#ff54b831');*/ /*}*/ /*.signature ul li div.site, .signature ul li div.PTM {border: 1px solid #630fa3;*/ /* For WebKit */ /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(207,112,227,.9)), to(rgba(158,46,194,.9)));*/ /* For Mozilla */ /*background: -moz-linear-gradient(top, rgba(207,112,227,.9), rgba(158,46,194,.9));*/ /* For lt IE8 */ /*filter: progid:DXImageTransform.Microsoft.gradient (gradientype=0,startColorstr='#ffcf70e3', endColorstr='#ff9e2ec2');*/ /* For gte IE8 */ /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ffcf70e3', endColorstr='#ff9e2ec2');*/ /*}*/ /*.signature ul li div.Repeat {border: 1px solid #cb7e11;*/ /* For WebKit */ /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,144,0,.9)), to(rgba(246,109,27,.9)));*/ /* For Mozilla */ /*background: -moz-linear-gradient(top, rgba(255,144,0,.9), rgba(246,109,27,.9));*/ /* For lt IE8 */ /*filter: progid:DXImageTransform.Microsoft.gradient (gradientype=0,startColorstr='#ffff9000', endColorstr='#fff66d1b');*/ /* For gte IE8 */ /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ffff9000', endColorstr='#fff66d1b');*/ /*}*/ td.ref-number {vertical-align: top;} td.ref {padding-bottom: 8px;} /* OLD INTERPRO STYLE --------------------------------------------------------- */ /* Structures colours TODO Warning, this is duplicated in the I5 protein.css*/ .PDB {background-color: #82a4bf;} .CATH {background-color: #b852d4;} .SCOP {background-color: #cbcbcb;} .SWISS-MODEL {background-color: #cf161d;} .MODBASE {background-color: #ffac0b;} /* Tooltip overwrite jquery.qtip.css - in summary, popup and tip info*/ .ui-tooltip, .qtip {font-size: 13px; font-family: Verdana, Helvetica, sans-serif; line-height:1.2; max-width: 400px; min-width: 200px; /* solve a popup size bug for IE7 */} .ui-tooltip-content .rel_tree {border:0px red solid; padding: 5px 0 0 0;} .ui-tooltip-light .ui-tooltip-titlebar {background-color: #fff; border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;} .ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content {box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 4px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1); border-color: #c0c0c0; color: #393939;} .ui-tooltip-light .ui-tooltip-content {border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;} .ui-tooltip-content {padding: 9px;} .ui-tooltip-content a:link, .ui-tooltip-content a:visited { border: none; color: #871868;} .ui-tooltip-content a:hover { border-bottom: 1px solid #871868;} .ui-tooltip-shadow {webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none; } /*.ui-tooltip-content ul li a.neutral, .ui-tooltip-content ul li a.neutral:link{text-decoration: none; color:#393939; *//*font-weight:bold;*//*}*/ /*.ui-tooltip-content ul li a.neutral:hover, .ui-tooltip-content ul li a.neutral:active, .ui-tooltip-content ul li a.neutral:focus {text-decoration: underline;}*/ /*.ui-tooltip-content ul li a.neutral span {color: #0072FE;font-weight:normal;}*/ /*.ui-tooltip-content ul ul li a.neutral, .ui-tooltip-content ul ul li a.neutral:link{font-weight:normal;}*/ /*.ui-tooltip-content ul ul li a.neutral span {font-weight:normal;}*/ .ui-tooltip-content ul {margin:0; padding:0; list-style:none;} .ui-tooltip-content ul li {list-style-type: none; padding-left: 26px;/* padding-bottom: 2px;add space to make the shadow of the tree icon appear correctly*/} .ui-tooltip-content ul li {background: url(../images/ico_tree_domain.png) no-repeat 0 0;} /*temp fix as Domain is added randomly to list element - code needs to be checked*/ .ui-tooltip-content ul li.Repeat {background: url(../images/ico_tree_repeat.png) no-repeat 0 0;} .ui-tooltip-content ul li.Homologous_superfamily {background: url(../images/ico_tree_homologous_superfamily.png) no-repeat 0 0;} .ui-tooltip .popup_topl {padding-bottom:4px; font-weight:bold;font-size:88%;} .ui-tooltip .popup_topl .caption_puce {width:6px; height:6px; border:1px solid #393939; float:left; margin: 4px 4px 0 0;zoom:1; /* for IE7 and IE6 to visualise the span and background without content*/} .ui-tooltip abbr {border-bottom: 1px solid transparent; cursor: help; vertical-align: middle;} /*interproscan page custome tooltip class*/ .systreqclass .ui-tooltip-content ul {list-style: disc; list-style-position: inside; margin-bottom: 4px;} .systreqclass .ui-tooltip-content ul li {background: none;list-style: disc; list-style-position: inside; list-style-type: disc;padding-left: 9px; line-height: 1.4;} .goSections {font-size:85%;} /************* SEARCH ***************/ /* Sequence form Homepage and 404 page*/ #sequence_box_form fieldset {background: #ededed; background: linear-gradient(to bottom right, #eee, #ccc); border:solid 1px #e4e4e4;margin:0;} #sequence_box_form fieldset .button-group {margin-bottom:0;/*inside fieldset, reduce space */} .fieldset legend { background: #ededed; padding: 0.1rem 0.5rem; color: #757575; border: 1px solid #e4e4e4; }/*should be included in Foundation*/ #sequence_box_form textarea {border: 1px #ABADB3 solid; color: #525252;padding: 3px 0 0 3px;} #sequence_box_form textarea.error {background: #FFEDED url(../images/ico_form_cancel.png) no-repeat right top; border:1px #FDC0C0 solid; margin:0; float: left;} #sequence_box_form span.error {color: #8C302C; margin-left: 0px; margin-top:9px;width: 100%; background-color: #FFCFCF;} .blockUI #warningmessagemax {color: #8C302C; border: 1px #F3B4B2 solid;width:460px;/*fix size of info to avoid bug moving text*/ position: absolute;z-index: 2;bottom: 4px; left: 18px; display: none; font-size: 81%; padding: 4px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} .blockUI #warningmessagemax span.icon-generic::before {color: #C4403A;font-size: 100%;} /* END Sequence form Homepage and 404 page*/ /*Search by sequence - Advanced options*/ #sequence_box_form .ui-state-default {border: none; background:none; font-weight: normal; color: #555;} #sequence_box_form .ui-state-default .ui-icon {background: url(../images/ui-icons_888888_256x240.png) no-repeat -32px -16px;} #sequence_box_form .ui-state-active .ui-icon {background: url(../images/ui-icons_888888_256x240.png) no-repeat -64px -16px;} #sequence_box_form H3 {font-size: 100%;font-weight: normal;color: #555;outline:0;cursor:pointer; } #sequence_box_form .cont_text, #sequence_box_form .cont_check {padding:0; margin-bottom:9px;} #sequence_box_form .cont_check {font-size: 90%;} /*#sequence_box_form .ui-state-active {border: 1px solid #AAA; border-bottom: none; background-color: #FFF;font-weight: normal;color: #212121;}*/ #sequence_box_form .ui-accordion .ui-accordion-header {margin-top:0;} #sequence_box_form .ui-accordion .ui-accordion-icons {padding-left: 18px;} #sequence_box_form .ui-accordion .ui-accordion-header .ui-accordion-header-icon {position: absolute;left: 16px;width: 16px;height: 16px;display: block; /*border: 1px #F00 solid;*/} #sequence_box_form .ui-accordion .ui-accordion-content {padding:9px; border: 0px #ABADB3 solid; overflow:auto;} #sequence_box_form .ui-widget-content {background-color:rgba(160, 160, 160, 0.15) /*#D1ABD3*/;} /*END Search by sequence - Advanced options*/ /*Search protein list*/ .result-detail .protein_sum_view {border:0px red solid;margin-left: 24px;margin-top: 9px; } .result-detail table .protein_sum_view {border:0px red solid;margin-left: 0px;margin-top: 0px; } .result-detail .Protein_tab {margin: 9px 0 0 1px;} li.selector_tab {border: 0px solid rgba(0,0,0,0.1); } .ico-list {background: url(../images/ico_view_list.png) no-repeat 1px 0px; opacity:0.15;} li.ui-tabs-active .ico-list {/*background: url(../images/ico_view_list_on.png) no-repeat 1px 0px;*/ opacity:1;} li.ui-tabs-active a {background-image: linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85)); background-image: -moz-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85)); background-image: -o-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85)); background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.85)),to(rgba(247,247,247,.85))); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85)); } .ico-table {background: url(../images/ico_view_table.png) no-repeat 1px 0px;opacity:0.2;} li.ui-tabs-active .ico-table {/*background: url(../images/ico_view_table_on.png) no-repeat 1px 0px;*/ opacity:1;} .ico-table, .ico-list {width:27px; height:27px; display:block;} #tabs-view .option { border-bottom: 1px solid #EDEDED;overflow: auto;margin: 9px 9px 0 9px;} #tabs-view .option .option_l {float:left; display:block; border:0px pink solid;} #tabs-view .option .option_l .order_descending {padding-right:18px;padding-left: 2px;background:url(../images/ico_arrow-down.png) no-repeat right;font-weight: bold;font-size: 89%;} #tabs-view .option .option_r { font-size: 87%; color: #8d8d8d; float:right; display:block; border:0px green solid; } #tabs-view .option .option_c_text {cursor: pointer; float: left; margin: 0 9px 0 18px;} #tabs-view .option .option_c_text:hover {border-bottom:1px #8d8d8d solid;} #tabs-view li a {border: 1px solid rgba(0,0,0,0.1); background-color: #e5e5e5; } .entry_dom_org .colour-key-info {display:none;} #search-results .colour-key-info {display:none; margin-top:38px; float:left; font-size: 75%; padding: 9px 0; border-bottom: 1px #EDEDED solid;overflow: hidden;/*fix a jump fproblem*/;} #search-results .colour-key-list {-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */ column-count:2;} #search-results .colour-key-list .match { height: 8px; width: 8px; margin: 4px 9px 0 0; float:left;display: inline-block; border: 1px solid rgba(0, 0, 0, 0.25);} /*END Search protein list*/ .searchterm {color:#6262cc; font-weight: bold; padding:4px 9px; background-color:#dcddf3; border-radius: 5px;} .type { padding:9px; margin-bottom:0px; border-bottom:1px solid #ededed; } .type:hover { background-color:#f6f6f6;} .domainsTree .type {border-bottom: 0px solid #ededed;}/*remove line for type defined on the left filter*/ ul.linkTree {padding: 4px; border:1px solid #E4E4E4; } ul.linkTree {font-size:85%;/* background-color: #EFEFEF;*/ border: 1px solid #E4E4E4; padding: 4px;} ul.linkTree li {display:block; /*border-bottom: 1px solid #E4E4E4;*/} ul.linkTree li a { font-weight:bold;} ul.linkTree li a span {border:none; font-weight:normal;} ul.linkTree li {background:url(../images/ico_sprite_logo_menu.png) no-repeat; padding:0 0 0 30px; min-height:25px; line-height:24px;} ul.linkTree li.gal {background-position:0 -550px;} ul.linkTree li.nucleotideSequences {background-position:0 -50px;} ul.linkTree li.genomes {background-position:0 -100px;} ul.linkTree li.macromolecularStructures {background-position:0 -150px;} ul.linkTree li.smallMolecules {background-position:0 -200px;} ul.linkTree li.geneExpression {background-position:0 -250px;} ul.linkTree li.molecularInteractions {background-position:0 -300px;} ul.linkTree li.reactionsPathways {background-position:0 -350px;} ul.linkTree li.enzymes {background-position:0 -402px;} ul.linkTree li.literature {background-position:0 -452px;} ul.linkTree li.ebi {background-position:0 -500px;} .ico_uniprot {border:0px solid red;display:block;background:url(../images/ico_sprite_logo_menu.png) no-repeat; padding:0 0 0 26px; min-height:25px; } /*using sprite out of lsit*/ .ico_reviewed {background:url(../images/ico_protein_S.png) no-repeat;width: 11px;height: 11px;float: left; margin:2px 2px 0 0; border:0px solid blue;} .ico_unreviewed {background:url(../images/ico_protein_T.png) no-repeat; width: 11px;height: 11px;float: left;margin:2px 2px 0 0;border:0px solid red;} .ico_structure {float: left; margin:-5px 2px 0 0; font-size: 120%; width: 15px; border:0px solid red;} html.fontface .result .icon-conceptual:before {color:#6DA982;} span.facet.type { padding: 0 0 5px 22px;} span.facet.type.domain- {background: url(../images/ico_type_domain.png) no-repeat;} span.facet.type.repeat- {background: url(../images/ico_type_repeat.png) no-repeat;} span.facet.type.homologous_superfamily- {background: url(../images/ico_type_homologous_superfamily.png) no-repeat;} span.facet.type.family- {background: url(../images/ico_type_family.png) no-repeat;} span.facet.type.site- {background: url(../images/ico_type_site.png) no-repeat;} span.facet.sub {margin-left:14px; background: url(../images/ico_tree_n.png) no-repeat 10px 3px; padding-left:20px;} span.selected {font-weight:bold;display:none;} /*SEARCH FILTER*/ #search-filters {position:relative; border: transparent 1px solid;}/*to keep or filter collapse button on top of text*/ #search-filters h3 {margin-bottom:0;} #search-filters .search-filter-type,#search-filters .search-filter-dom-org {border-bottom: 0px solid #ededed; padding: 9px 0px 18px 0; margin: 9px 0 18px 0;font-size: 88%;/*reduce font for filter*/} #search-filters h4 {margin: 9px 0 ; padding:0;} #search-filters ul { /* font-size: 93%; */ padding: 0px; list-style: none; margin:0;} #search-filters ul li {line-height:1.2; padding-left: 0px;/*to align with title*/ } #search-filters li a {border-bottom-width: 0px; color: #222; padding: 6px 0;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: block; } #search-filters li a:hover { text-decoration: none; background: #eee;} #search-filters li .site- {margin: 10px 0 0 0px ; display: block; border:0px red solid;} #search-filters li span span.summaryResultNumber {color:#8d8d8d; font-size: 90%;} /*Facet result numbers*/ #search-filters li span.selected {padding: 6px 0;display: block; border:0px solid green; } #search-filters li span.selected span {font-weight:bold; border:0px solid red; } /*#search-filters .search-filter-dom-org #blob_box {padding:20px 0px; border:1px solid #ededed;text-align: center; margin-bottom: 9px; *//*background: url(../images/bgd_dot_26px.png) repeat-x 1px 50%;*//* background: url(../images/bgd_dot_1px.gif) repeat-x 0px 51%;}*/ #search-filters .search-filter-dom-org abbr {border-bottom: 0px solid grey; font-size: 77%;margin-left: 4px;} #search-filters .search-filter-dom-org #blob_box {padding: 20px 0;/*height: 14px;*/border:1px solid #ededed;text-align: center; margin-bottom: 9px; /*background: url(../images/bgd_dot_26px.png) repeat-x 1px 50%;*/ background: url(../images/bgd_dot_1px.gif) repeat-x 0px 51%;} #search-filters .search-filter-dom-org .dom_org_button_list {display: -webkit-flex; display: flex; align-items: center; /*width: 100%; border:0px red solid; */margin-bottom:9px; flex-wrap: wrap;/*allows buttons to collapse on two lines for smnall screens*/} #search-filters .search-filter-dom-org .dom_org_button_list .submit {padding: 3px 6px; color: #fff; background-color: #8C4DC2; border-top: 1px solid #BE96E0;border-left: 1px solid #BE96E0;border-right: 1px solid #4F197E;border-bottom: 1px solid #4F197E;text-shadow: #2D1452 0 1px 1px;border: 1px solid #67547C; box-shadow: 0px 1px 3px #777; -moz-box-shadow: 0px 1px 3px #777;-khtml-box-shadow: 0px 1px 3px #777;-webkit-box-shadow: 0px 1px 3px #777;background-image: -moz-linear-gradient(top, #B17BE0/*P1*/, #8C4DC2/*P2*/);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B17BE0),color-stop(1, #8C4DC2));background-image: -webkit-linear-gradient(#B17BE0, #8C4DC2);background-image: linear-gradient(top, #B17BE0, #8C4DC2);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B17BE0', EndColorStr='#8C4DC2'); -moz-border-radius: 5px;-khtml-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; outline:0; /*remove selection border when clicked*/} #search-filters .search-filter-dom-org .dom_org_button_list .submit:hover { background: #8C4DC2; box-shadow: 0px 0px 1px #777676;-moz-box-shadow: 0px 0px 1px #777;-khtml-box-shadow: 0px 0px 1px #777;-webkit-box-shadow: 0px 0px 1px #777;} #search-filters .search-filter-dom-org .dom_org_button_list form {padding-left: 2px; padding-right: 0;} #search-filters .search-filter-dom-org .dom_org_button_list form .reset {padding: 3px 6px; color: #626262;; background-color: rgba(0, 0, 0, 0.05); border: 0px solid #BE96E0;} #search-filters .search-filter-dom-org .dom_org_button_list form .reset:hover {background-color: rgba(0, 0, 0, 0.1);color: #626262; } #search-filters .search-filter-dom-org .dom_org_button_list .dom_org_trash {font-size: 164%;margin-left: 9px; outline: 0;} #search-filters .search-filter-dom-org .dom_org_button_list .dom_org_trash span::before {color: grey;} #search-filters .search-filter-dom-org .dom_org_button_list .droppable-hover span::before {content:none;color:#222;} #search-filters .search-filter-dom-org .dom_org_button_list .droppable-hover span {display:block; background: url(../images/ico_bin_open.png) no-repeat -2px -5px; width:24px; height:30px;} #search-filters .search-filter-dom-org .dom_org_order {display: inline-block; width: 100%; margin-bottom: 9px;margin-left:1px; border:0px yellowgreen solid; } #search-filters .search-filter-dom-org .dom_org_order input {position: relative; top: 2px;} #search-filters .search-filter-dom-org .colour-key-list {font-size: 90%; margin-bottom: 9px; margin-left:2px; } #search-filters .search-filter-dom-org .colour-key-list .match, .entry_dom_org .key_col .match, #proteins_list_table .key_col .match { height: 9px; width: 9px; margin: 6px 4px 0 0; float:left; border: 1px solid rgba(0, 0, 0, 0.25);} #search-filters .search-filter-dom-org .colour-key-list .orderDomainViewCaptionDelete, #search-results .orderSensitivityDelete {cursor: pointer; color:black; } #search-filters .search-filter-dom-org .colour-key-list .orderDomainViewCaptionDelete:hover, #search-results .orderSensitivityDelete:hover {opacity: 0.5; filter: alpha(opacity = 50);} #search-results a.linkorderSensitivityDelete:hover {border-bottom: 0px solid #8C4DC2; } .blob_drag .blob {} /*vW viewport-percentage lengths are relative to the size of the initial containing block*/ /*.blob_hline {border-bottom: 1px solid rgb(168, 168, 168) ; width: 100%; height: 1px; position: relative; z-index: 1; top:11px; }*/ .blob_drag {height: 20px; width: 20px; border: 1px solid rgba(0, 0, 0, 0.2); margin:0 2px; cursor: move; display: inline-block;} /*.blob_drag {height: 1.1vw; width: 1.1vw; border: 1px solid rgba(0, 0, 0, 0.2); cursor: move; display: inline-block; position: relative; z-index: 2; *//*float:left;margin-right:9px;*//*}*/ .blob_drag.first {cursor:pointer;height: 32px; margin-top: -5px; width:auto; color: #455872; padding:4px; background-color: #F1F3F7;border: 1px #D5E5FA solid;text-align: center; display: inline-block; overflow: hidden; /*hide text when no space*/} .blob_drag.first:hover {color:#1A5999; background-color:#87cefa;border: 1px solid rgba(0, 0, 0, 0.2);} /*END SEARCH FILTER*/ #search-results {/*border-left: 1px solid #EDEDED; padding-left:9px;*/ /*remove space to fit the grid*/ /*width: 473px; removed for fluid version*/} #search-results h2 {padding-left:0px; display:inline-block;}/*to make it align correctly with results and send feedback button*/ #search-results section { border-bottom: 1px solid #EDEDED; } #search-results a:link, .entry_dom_org a:link {border: none; } #search-results a:hover, .entry_dom_org a:hover { border-bottom: 1px solid #871868;} #search-results #searchterm-details {font-size:90%; margin-bottom:18px;border: 0px solid red;} #search-results .list_order {font-size:87%; border-bottom:none; } #search-results .list_order .order_descending {padding-right:14px; background:url(../images/ico_arrow-down.png) no-repeat right; color: #8d8d8d;} #search-results .list_order .order_ascending {padding-right:14px; background:url(../images/ico_arrow-up.png) no-repeat right; color: #8d8d8d;} #search-results .result-detail .Family_tab, #search-results .result-detail .Domain_tab, #search-results .result-detail .Repeat_tab, #search-results .result-detail .sign_uni_tab, #search-results .result-detail .Conserved_site_tab, #search-results .result-detail .Active_site_tab, #search-results .result-detail .Binding_site_tab, #search-results .result-detail .PTM_tab {margin-left:0; background-position:0px 9px;} #search-results .entry_sum {font-size:90%; border:0px solid red; display:block; padding-left:24px;} #search-results .entry_sum_high {background-color: #f6f6f6;border-radius: 2px;font-weight: bold;} #search-results .entry_title_high {background-color: #FDFBC5;/*was f6f6f6*/border-radius: 2px;font-weight: bold;} #search-results .r_option {position: absolute;top: 0;right: 0px} /*solve a bug with float element of the table*/ #search-results .r_option a {border: 1px solid #D4D4D4;} #search-results .r_option a:hover,#search-results .r_option a:active, #search-results .r_option a:focus {border: 1px solid #77ace0;} html.fontface #search-results .r_option .icon-static:before {font-size: 172%;position: relative; top: 4px;} html.fontface #search-results .r_option a:hover .icon-static:before {color:white;} /* Jquery tabs from jquery.ui.css - search result page*/ #search-results .ui-tabs{zoom: 1; } #search-results #tabs-view .ui-tabs-nav {list-style: none; margin: 0; padding:0;} #search-results #tabs-view .ui-tabs-nav li {border: 1px solid #DDD; border-bottom-width: 0 !important; float: left; padding: 0;} #search-results #tabs-view .ui-tabs-nav li.selector_tab {border:none; margin-top: 9px;} #search-results #tabs-view .ui-tabs-nav li.selector_tab:hover {border:none;box-shadow:none;-moz-box-shadow:none;-khtml-box-shadow:none;-webkit-box-shadow:none; } #search-results #tabs-view .ui-tabs-nav li a {outline: 0; /*remove the dot line around the tab whn clicked*/float: left; font-weight: normal; padding: 5px 9px; text-decoration: none; border-bottom: none;} #search-results #tabs-view .ui-tabs-nav li:hover {border: 1px solid #c6c6c6; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); -khtml-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);} /*IDA result list page - temp*/ #search-results .protein_sum_row .prot_sum_title {padding-left: 0px;} #search-results .protein_sum_row .protein_sum_view {border:0px red solid;margin-left: 0;} #search-results .protein_sum_row .protein_sum_view .prot_sum {margin: 0;padding:0;} #search-results .protein_sum_row .protein_sum_view .prot_sum .bot-row .bot-row-line-top,#search-results .protein_sum_row .protein_sum_view .prot_sum .bot-row .bot-row-line-bot, #search-results .protein_sum_row .protein_sum_view .prot_sum .bot-row ol.signatures li .bot-row-line, #search-results .protein_sum_row .protein_sum_view .prot_scale .bot-row .bot-row-line { margin: 0 2px 0 0;} /*we need 2px margin to right otherwise we cant' see the full blob temp while mat is fixing the code*/ #search-results .protein_sum_row .protein_sum_view .prot_sum .bot-row ol.signatures li {overflow: hidden;} /*IDA entry domain architecture page */ .entry_dom_org .dataTables_list #entry_dom_org_pl_table {width:100%;} .entry_dom_org .dataTables_list #entry_dom_org_pl_table, .entry_dom_org .dataTables_list #entry_dom_org_pl_table td {padding:0;margin:0;border: 0px solid #F1F1F1;} .entry_dom_org .protein_sum_row .prot_sum {margin: 0;padding:0;} .entry_dom_org .protein_sum_row .prot_sum .bot-row .bot-row-line-top, .entry_dom_org .protein_sum_row .prot_sum .bot-row .bot-row-line-bot, .entry_dom_org .protein_sum_row .prot_sum .bot-row ol.signatures li .bot-row-line { margin: 0 2px 0 0;} /*we need 2px margin to right otherwise we cant' see the full blob temp while mat is fixing the code*/ .entry_dom_org .protein_sum_row .prot_sum .bot-row ol.signatures li {overflow: hidden;} .entry_dom_org .dataTables_info {font-size: 105%;padding-left: 2px; margin-bottom: 9px; display: inline-block; margin-left:9px;} /*IDA entry protein match page - temp*/ #proteins_list_table .prot_sum {margin: 0 9px;padding:0;} /*leave some margin to be able to read the first and last numbers of the scale*/ #proteins_list_table .prot_sum .bot-row .bot-row-line-top,#proteins_list_table .prot_sum .bot-row .bot-row-line-bot, #proteins_list_table .prot_sum .bot-row ol.signatures li .bot-row-line { margin: 0;} #proteins_list_table .prot_scale .scale_numb {font-size: 8px;} /*reduce font for when scale included in the table*/ #proteins_list_table .prot_scale .bot-row .bot-row-line {margin:0;height: 14px;} /*reduced height when scale included in the table*/ #proteins_list_table .prot_sum .bot-row ol.signatures li .bot-row-signame {display:none;}/*temp while removing HTML code generated*/ /*IDA protein list page - temp*/ #search-results .result .prot_sum {margin: 0 9px;padding:0;} #search-results .result .prot_sum .bot-row .bot-row-line-top, #search-results .result .prot_sum .bot-row .bot-row-line-bot, #search-results .result .prot_sum .bot-row ol.signatures li .bot-row-line { margin: 0;} #search-results .result .prot_scale .scale_numb {font-size: 8px;} #search-results .result .prot_scale .bot-row .bot-row-line {margin:0;height: 14px;} #search-results .result .prot_sum .bot-row ol.signatures li .bot-row-signame {display:none;} #search-results .result .prot_sum .bot-row ol.signatures li .bot-row-line {margin:0;} /*error Page 404 */ .error_msg { border:0px red solid; text-align: center; } .error_msg h2 { margin:36px 0; text-align: center;} .error_msg p {text-align: center;font-size: 126%; margin:36px 0; } /*not working on IE6 and IE7*/ .error_search { width: 790px; border-top: 1px solid #e4e4e4; overflow: auto; margin: 0 auto;} .error_search .error_box { float: left; padding: 6px; vertical-align: top; display: block; margin: 9px;} .error_search div .title_form { display: block;} .error_search .error_search_sq textarea { width: 178px; height: 60px;} .error_search .error_search_txt input[type="text"] {width: 178px; margin-left:24px;} .error_search .error_search_browse span { padding-bottom: 8px;} .error_search .error_search_browse #sub { color: #a336c6; padding-left: 20px; display: block; padding-bottom: 4px;} .error_search p {text-align: left; margin-bottom: 0px; padding-bottom: 9px;font-size: 100%;} .ico_loading {background: url(../images/ico_loading_40.gif) no-repeat; width:214px; height:131px; display:inline-block;} /*/error Page 404 */ /*error and help message - memi style*/ .msg_error, .msg_help {margin: 0px auto; font-size: 109%;margin-top: 36px;padding: 9px;width: 90%;-moz-border-radius: 7px; -khtml-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;} .msg_error h2, .msg_help h2, .msg_search_error h2{font-size:200%; margin:4px 0;} #search-results .msg_error p, #search-results .msg_help p, #search-results .msg_search_error p {margin-left:0;} .msg_error {color: #8C302C; background-color: #FFCFCF; border: 1px #F3B4B2 solid;} .msg_error h2 {color: #8C302C;} .msg_error h2 span.icon-generic::before {color: #CA8C8A;} .msg_search_error {border: 0px #F3B4B2 solid; font-size: 109%;margin: 36px 0 0 0;min-height: 200px; /*to match height with 10 blobs search*/padding: 9px;} .msg_search_error h2 {color: #C4403A; font-size: 167%;} .msg_search_error h2 span.icon-generic::before {color: #C4403A;} .msg_help {color: #455872; background-color: #f1f3f7; border: 1px #D5E5FA solid;} #search-results .msg_help {margin-left:0px; width:100%;} .msg_help h2 {color: #455872;} .msg_help h2 span.icon-generic::before {color: #B1BECE;} #search-results .msg_help p.msg_help_sub {font-size: 80%; margin:18px 0 9px 0;} .local-warning-msg-ban {background-color: #FFCFCF; line-height: 2.4;} .local-warning-msg-ban img {width:16px ; height:16px;float: left; margin: 6px 4px 0 4px; border: 0px;} .local-warning-msg-ban p {margin:0; padding:0 0 0 9px; color: #8C302C;} .info-window-highlight {left: 7%; top: 215px; pointer-events: none; position: absolute; display: none;} .info-window-highlight-in {color:#555; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;padding: 4px 10px; text-align: center; width:110px; background-color: #ffffa3 ;} .info-window-highlight-in::before {border: 1px solid #f1d031;border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;bottom: -1px; content: ''; position: absolute;left: -1px;right: -1px; top: -1px;z-index: 0;} .info-window-highlight-in::after {border: 1px solid #f1d031; border-bottom-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0); transfom:rotate(45deg);-moz-transform: rotate(45deg);-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform: rotate(45deg);background-color: #ffffa3 ; content: ''; height: 12px; left: 56px; position: absolute; top: -7px; width: 12px; z-index: 0;} /*END error and help message*/ /*-------- back to top button --------------------*/ #toTop {width: 40px; height: 40px; position: fixed; bottom: 3rem; right: 1rem; cursor: pointer; display: none; opacity: 0.7; filter: alpha(opacity = 70);} #toTop:hover {padding-bottom: 14px; opacity: 1; filter: alpha(opacity = 100);} .scroll {visibility: hidden; opacity: 0; font-size: 85%; width:100px; color:grey;} #toTop:hover .scroll {display:block;float:left;text-decoration:none;visibility:visible;opacity:.95;} /* JQUERY Style */ span.jump-to {color: #54DF00;cursor: pointer; text-decoration: none; } /*still used?*/ .simpleSlide-slide div{width: 557px; height: 282px; position: relative;} /*still used?*/ .simpleSlide-window { border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} /*still used?*/ #content {position: relative;} /*Parent container that you want the sticky item to be contained in*/ .stickit {margin-left: 0px; position: fixed; top: 0; width:19.112%;} .stickit-end {bottom: 40px; position: absolute; right: 0;}/*Class added to the sticky item once it has reached the end of the container*/ /*Previous top menu style*/ div.topmenu { background:url(../images/bgd_topmenu.png) repeat-x 0 0; box-shadow:0px 4px 4px #f3f3f3; -moz-box-shadow:0px 4px 4px #f3f3f3 ; -khtml-box-shadow:0px 4px 4px #f3f3f3 ; -webkit-box-shadow:0px 4px 4px #f3f3f3 ; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px ; border: 1px solid #a7a7a7; height:30px; display: block; margin-bottom:10px; font-size:100%; min-width:980px; /*Optimised for 1024 screen was 756px*/} .favicon {background: url(../images/favicon.png) no-repeat; width:20px; height: 21px; float:left; margin:6px 0 0 12px;}/*used to be in the menu*/ ul.idlist li {list-style: none;cursor: pointer;text-decoration: underline;} /*ADVERT BANNER Animation*/ .new_rub {background: url(../images/banner_newitem.png) no-repeat; width:52px; height: 52px; position: absolute; z-index:1;top:-1px; right:-1px;/*allow some overlap with border*/} /*common*/ #IS5hb, #IDAhb {/* CSS transition doesnt' work for IE9 and lower*/transition: all .3s; -webkit-transition: all .3s;/* Safari */ -ms-transition: all .3s; border: 1px solid #e4e4e4;height:68px; margin: 9px 9px 18px 0; /*overflow: hidden;*//* to reinsert only if elements are moved out of the banner*/ position: relative; font-family: Arial, Geneva, sans-serif;line-height: normal;} #IS5hb .IS5firstText span, #IDAhb .IDAfirstText span {position: absolute; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; font-weight: bold;} #IS5hb .IS5firstText, #IDAhb .IDAfirstText {position: absolute;color: #888888; font-size: 12px;} #IS5hb .IS5Box, #IDAhb .IDABox {width: 14px; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; position: absolute; top:0; height: 68px;} #IS5hb:hover .IS5Box, #IDAhb:hover .IDABox {width:5px;} #IS5hb a, #IDAhb a {border: none; color: #888888;} #IS5hb .IS5firstText, #IDAhb .IDAfirstText {top: 51px; right: 10%;} #IS5hb:hover .IS5firstText span, #IDAhb:hover .IDAfirstText span {padding-left: 4px; /*using this more than translate property - Chrome bug*/} /*I5 banner*/ #IS5hb .IS5firstText span {color: #FF8900;} #IS5hb .IS5Box {border-right: rgb(253, 168, 90) 1px solid; /* For WebKit */background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,175,75,1)), to(rgba(255,146,10,1))); /* For Mozilla */ background: -moz-linear-gradient(top, rgba(255,175,75,1), rgba(255,146,10,1)); /* For lt IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ffaf4b', endColorstr='#ff920a'); /* For gte IE8 */-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ffaf4b', endColorstr='#ff920a');} #IS5hb .IS5image {margin: 17px 0 11px 36px; display:block; } #IS5hb:hover {background-color: #f9f0dc;} #IS5hb:hover .IS5firstText span {color: #ff5d38;} /*IDA banner*/ #IDAhb .IDAfirstText span {color: #a186be;} #IDAhb .IDABox {border-right:#9377b1 1px solid; background-color:#a186be;} #IDAhb .IDAimage {margin: 0px 0 0 6px;display:block;} #IDAhb:hover {background-color: #f5eefa;} #IDAhb:hover .IDAfirstText span {color: #806b98;} /*IDA popup custom*/ .blockUI H3 {margin-top:0; text-align: left;}/*gain some space for small screen*/ /*.blockUI #entry_list {margin:0 9px;}*/ .blockUI #selectionFilter {position: absolute; z-index:3; width: 50%; text-align: left;/*border: 1px red solid;*/} .blockUI #selectionFilter label {display:inline-block;} .blockUI #selectionFilter select {padding:0 0.5rem; margin:0; height: 30px; width: 50px;/*to block foundation*/;font-size: small; background-position-x: 100%;} /*.blockUI #entry_list .dataTables_filter {border: 1px #8a2be2 solid;}*/ .blockUI .disabled {border:0px solid red;-moz-opacity: .5; opacity: 0.50; filter: alpha(opacity=50);} /*Popup blockUI and datatable style*/ .blockUI .close_window {/*border: 1px #F00 solid;*/ display: block; float: right; cursor:pointer;position: absolute; right: 9px; top:0px;font-size: 172%;padding: 2px 10px 6px 10px; color:rgba(0, 0, 0, 0.3);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1.0, 1.0);/*remove bug scale changing when transition*/} .blockUI .close_window:hover {color: rgba(0, 0, 0, 0.7); transfom:rotate(180deg) scale(1);-moz-transform: rotate(180deg) scale(1);-ms-transform:rotate(180deg) scale(1); -webkit-transform:rotate(180deg) scale(1); -o-transform: rotate(180deg) scale(1);} .blockUI .dataTables_wrapper {position: relative;clear: both;zoom: 1;} .blockUI .dataTables_wrapper .dataTables_filter {width: 50%;float: right;text-align: right;/*margin-right: 15px;margin-bottom: 9px;*/} .blockUI .dataTables_wrapper .dataTables_filter input {float:right; margin:0; height: 30px; padding: 0 0.5rem;/*to block foundation*/ width: 50%;-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);/*solve a moving bug on transition*/} .blockUI table.dataTable {text-align:left; margin: 0 auto;clear: both;width: 100%;font-size: 90%;} /* DataTables sorting and other*/ .blockUI table.dataTable thead th.sorting {/*background: url(../images/sort_both.png) no-repeat center right;*/background-color: #fff;border: 0px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;} .blockUI table.dataTable thead th.sorting_asc {background: #fff url(../images/ico_arrow-up.png) no-repeat 168px 12px; border-top: 0px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;cursor: pointer;} .blockUI table.dataTable thead th.sorting_desc {background: #fff url(../images/ico_arrow-down.png) no-repeat 168px 14px; border-top: 0px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;cursor: pointer;} thead th.empty_table {font-size: 93%;background-color: #FFF; border: 0px solid #D2D2D2; } /*for Firefox, slight moment showing default table bgd style on refresh - but introduce a hscrollbar bug on chrome when no result*/ .blockUI table.dataTable thead th.sorting_asc_disabled, #search-results table.dataTable thead th.sorting_asc_disabled{background: #ccc url(../images/sort_asc_disabled.png) no-repeat center right;} .blockUI table.dataTable thead th.sorting_desc_disabled, #search-results table.dataTable thead th.sorting_desc_disabled {background: #ccc url(../images/sort_desc_disabled.png) no-repeat center right;} .blockUI table.dataTable thead th:active, .blockUI table.dataTable thead td:active, #search-results table.dataTable thead th:active, #search-results table.dataTable thead td:active {outline: none;} .blockUI table.dataTable tr.add_highlighted {background:#87cefa;}/*highlight row when selected*/ /*.blockUI table.dataTable td {padding: 4px;}remove padding as it was bugging with total count*/ .blockUI #entryTable td {padding: 0.3rem;}/*only for the add/remove entry popup*/ .blockUI table.dataTable td .entryAC {font-size: 84%;} .blockUI table.dataTable .noborder_class {min-width:90px; border-left:0px solid #f1f1f1; border-right:0px solid #f1f1f1; /*border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background: none;*/} .blockUI table.dataTable td .dom_factor {font-size: 90%; outline:0; padding:0; margin:0; height: 24px; width: 24px;text-align: center;border-width:1px; border-color:rgba(0, 0, 0, 0.1); background-color: #FFF;} .blockUI table.dataTable td .button_add, .blockUI table.dataTable td .button_del {background-color:#ededed;border:1px solid #c1c1c1; color:#4D4D4D; float:left;font-weight: bold; height: 24px; width: 24px; text-align: center; margin-right: 4px; cursor: pointer; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf)); background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0); -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-shadow:0px 1px 0px #ffffff;} .blockUI table.dataTable td .button_type_2 {text-shadow: #2D1452 0 1px 1px; border: 1px solid #67547C;box-shadow: 0px 1px 3px #777;-moz-box-shadow: 0px 1px 3px #777;-khtml-box-shadow: 0px 1px 3px #777;-webkit-box-shadow: 0px 1px 3px #777;color: white;background-color: #8C4DC2;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B17BE0),color-stop(1, #8C4DC2)); background-image: -webkit-linear-gradient(#B17BE0, #8C4DC2);background-image: linear-gradient(top, #B17BE0, #8C4DC2);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B17BE0', EndColorStr='#8C4DC2');-moz-border-radius: 12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px ;} .blockUI table.dataTable td .button_add:hover, .blockUI table.dataTable td .button_del:hover {color:black; border: 1px solid #aaa; background-color:#d7d7d7; box-shadow: 0px 0px 1px #dedede;-moz-box-shadow: 0px 0px 1px #dedede;-khtml-box-shadow: 0px 0px 1px #dedede;-webkit-box-shadow: 0px 0px 1px #dedede;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed)); background:-moz-linear-gradient(top, #d7d7d7 5%, #ededed 100%);background:-webkit-linear-gradient(top, #d7d7d7 5%, #ededed 100%); background:-o-linear-gradient(top, #d7d7d7 5%, #ededed 100%); background:-ms-linear-gradient(top, #d7d7d7 5%, #ededed 100%);background:linear-gradient(to bottom, #d7d7d7 5%, #ededed 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#ededed',GradientType=0);} .blockUI table.dataTable td .button_add:focus, .blockUI table.dataTable td .button_del:focus {background: #8C4DC2;} .blockUI .dataTables_info {float: left;font-size: 85%;margin-top: 9px;} /*bottom info like total records*/ .blockUI #popupFrom {right:1rem;bottom:0px; border:0px red solid; z-index:10;position: absolute;} .blockUI #popupFrom .button-group {margin-bottom: 0.2rem; margin-right: 9px;} .blockUI #popupFrom .button {padding: 0.5em 0.8em;}/*reduce size for popup*/ .blockUI .highlight { background-color: #ffffa3;} .blockUI #successMessageEntryAdded.blue {color: #455872;background-color: #F1F3F7;border: 1px #D5E5FA solid;} .blockUI #successMessageEntryAdded {width:68%;/*460px - fix size of info to avoid bug moving text*/ position: absolute;z-index: 1;bottom: 4px; left: 18px; display: none; font-size: 81%; color: #555555; padding: 4px; border-radius: 7px;background-color: #ffffa3;border: 1px #f1d031 solid; text-align: left;}/*used on IDA*/ .blockUI #successMessageEntryAdded span.icon-generic::before {color: #a29b79;font-size: 100%; } .blockUI #warningmessagemax {color: #8C302C; background-color: #FFCFCF; border: 1px #F3B4B2 solid;width:460px;/*fix size of info to avoid bug moving text*/ position: absolute;z-index: 2;bottom: 4px; left: 18px; display: none; font-size: 81%; padding: 4px; border-radius: 7px;} .blockUI #warningmessagemax span.icon-generic::before {color: #C4403A;font-size: 100%;} @media (max-width: 768px) { .blockUI table.dataTable .noborder_class {min-width:60px;} .blockUI.blockMsg {width: 89%;top: 1rem;left: 1rem;}/*doesn't have any effect*/ .blockUI .dataTables_wrapper .dataTables_filter input {width: 100%;}/*increase popup search field space for small screen*/ .blockUI table.dataTable thead {display: none;}/*remove head table for small screens*/ .blockUI .dataTables_info {display: none;}/*remove footer table for small screens*/ .blockUI table.dataTable .noborder_class {min-width: 20px;}/*reduce min width for +/- buttons*/ .blockUI h3 {font-size: 1.1rem; margin-bottom:0;}/*reduce title*/ } /*BEGIN pagination datatable*/ #search-results .table_bottom .paging_full_numbers {text-align: center; height: 22px;line-height: 22px; margin: 9px 0;} #search-results .table_bottom .paging_full_numbers a:active,#search-results .table_bottom .paging_full_numbers a:focus {outline: none} #search-results .table_bottom .paging_full_numbers a:hover {text-decoration: none;border-bottom: 1px solid #AAA;/*overwrite default style*/} #search-results .table_bottom .paging_full_numbers a.paginate_button, #search-results .table_bottom .paging_full_numbers a.paginate_active {display: inline-block;-moz-border-radius: 12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;border: 1px solid #aaa; padding: 0px 5px; margin: 0 3px;cursor: pointer; *cursor: hand; color: #505050 !important;} #search-results .table_bottom .paging_full_numbers span a.paginate_button, #search-results .table_bottom .paging_full_numbers a.paginate_active {padding: 0px 7px; }/*just for numbers*/ #search-results .table_bottom .paging_full_numbers a.paginate_button.paginate_button.disabled {cursor:default; -moz-opacity: .4; opacity: 0.40; filter: alpha(opacity=40);} #search-results .table_bottom .paging_full_numbers a.paginate_button.paginate_button_disabled {cursor:default; -moz-opacity: .4; opacity: 0.40; filter: alpha(opacity=40);} #search-results .table_bottom .paging_full_numbers a.paginate_button.paginate_button.disabled:hover {background-color: #ddd;}/*remove hovering effect on disabled button*/ #search-results .table_bottom .paging_full_numbers a.paginate_button.paginate_button_disabled:hover {background-color: #ddd;}/*remove hovering effect on disabled button*/ #search-results .table_bottom .paging_full_numbers a.paginate_button {background-color: #ddd;/*purpleCEB1D3*/;} #search-results .table_bottom .paging_full_numbers a.paginate_button:hover {background-color: #ccc; text-decoration: none !important;color:#333;border: 1px solid #939393;} #search-results .table_bottom .paging_full_numbers a.paginate_active {background-color: #9EB8FF; /*was #99B3FF;*/ } #search-results .table_bottom .paging_full_numbers a.paginate_button.current {background-color: #9EB8FF; /*was #99B3FF;*/ } /*END pagination datatable*/ table.stripe tr.line_high {background-color: yellow; color:red;} #search-results table.dataTable thead th.sorting_asc {background: #fff url(../images/ico_arrow-up.png) no-repeat 308px 12px; border: 0px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;cursor: pointer;} #search-results table.dataTable thead th.sorting_desc {background: #fff url(../images/ico_arrow-down.png) no-repeat 308px 14px; border: 0px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;cursor:default;outline:0;/*remove click on the header to sort as it is not sortable*/} /*#search-results table.dataTable thead th.sorting_desc:hover,#search-results table.dataTable thead th.sorting_asc:hover {background-color: #efefef;}*/ #search-results .protein_sum_row {border-botom:0px red solid;padding:14px 9px;} #search-results .dataTable {padding:0;margin:0;} #search-results table.dataTable td {padding:0;border: 0px solid #F1F1F1;} #search-results .dataTables_length {position: relative; top: 37px; right: 12px;float: right;} #search-results .dataTables_length label {display: -webkit-flex; display: flex; align-items: center;}/*to block foundation style for labels*/ #search-results .dataTables_length select {padding: 3px 20px 0 3px; margin: 0 3px; font-size: 106%; height: 26px;}/*to block foundation style for select*/ #search-results .searchresult-nb {font-size: 105%;} #search-results .dataTables_info {font-size: 105%;padding-left: 2px; margin-bottom: 9px; display: inline-block;/*to align to Title and sort column text*/} #search-results .table_bottom .icon-functional:before {color: #949494; margin: 0;} #search-results .table_bottom .icon-functional:hover {color: #505050;} /*IDA documentation page*/ #doc_ida .fig_capt_box {width:50%; display: block; margin:9px 9px 18px 9px;border:0px red solid;} #doc_ida .fig_capt_bottom { border-top: 1px solid #DEDEDE;font-size: 81%;padding-top: 9px;} #doc_ida img { display:block;} /*IDA filter button*/ #grid_filter_but {right:0;font-size: 165%; cursor: pointer;position:absolute; top:9px; width:30px;background-color: #D1CF92; text-align: center; color:white;z-index:100;} #grid_filter_but:hover {background-color: rgba(207, 203, 110, 0.5);} @media (max-width: 768px) {/*remove button collapse on small screens*/ #grid_filter_but { display: none; } } /*create gal class for hidden elements on the page - to move on top*/ .this_hide {display:none;} /*interproscan page*/ .softTooltip, .hardTooltip {cursor: pointer;} .syst_req {margin-left:9px;} html.fontface .syst_req .icon-socialmedia:before {color:black; font-size: 120%;} @media (max-width: 768px) { .xs_hide {display:none;} /*set a global class to hide elements for small screens - easier than adding individual class*/ } /*InterProScan sequence search export dropdown*/ .f-dropdown {list-style: none; margin-left: 0; margin-bottom: 0;} .f-dropdown li { cursor: pointer; font-size: 0.77778rem; line-height: 1rem; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #EEEEEE; } .f-dropdown li a { display: block; padding: 0.5rem; color: #555555; border-bottom-width: 0; }