A { color: #336699; text-decoration: none } A:hover {COLOR: #003366; text-decoration:underline} A:hover font {COLOR: #003366; text-decoration:underline} div.seperator { height: 5px; background: #a00560 no-repeat scroll center; } div.seperator hr { display: none; } .navbar { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #ffffff; font-size: 8pt; text-decoration: none } .quicksearch { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #ffffff; font-size: 8pt; text-decoration: none } .browse { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 8pt; text-decoration: none } .browsecell { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #ffffff; font-size: 8pt; background-color: #a00560; text-decoration: none } .info { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: #000000; text-decoration: none } .smallinfo { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 8pt; color: #000000; text-decoration: none } .palepanel, .oddRow { background: #dbdce2 } .evenRow { background: #ffffff } .midpanel { background: #73badc } .darkpanel { background: #a00560 } .mainpanel { background: #ffffff } .menubar { background: #a00560 } .searchpanel { background: #a00560 } .infopanel { background: #a00560 } .footerpanel { background: #cccccc } .greycell { background: #999999 } .standard { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; text-decoration: none } .standardwhite { background: #ffffff; margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; text-decoration: none } .headerbackground { background: #ffffff } H3 { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: #003333; text-decoration: none } #rollover A:hover { color: #003366; text-decoration: underline; } BODY { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; color: #000000; background: #ffffff; margin: 0; padding: 0 } H1 { margin-left: 10px; margin-right: 10px; font-size: 14pt; text-decoration: none; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #003333 } H2 { margin-left: 10px; margin-right: 10px; font-size: 12pt; text-decoration: none; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #003333 } p { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #000000; font-size: 10pt } UL { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt } .button { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: #000000 } .pageBanner { width: 100%; border: 0; margin: 0; background: #ffffff; color: #dbdce2; padding: 0; vertical-align: middle } .locationBar { font-size: 10pt; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; text-align: left } .centralPane { margin: 0px; vertical-align: top; padding: 3px; border: 0 } .pageContents { FONT-FAMILY: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; background: white; color: #000000; vertical-align: top; width: 100% } .loggedIn { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #ffffff; background: #000000 } .sidebar { background: #dbdce2; color: #000000 } .communityLink { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: a00560; font-weight: bold } .communityDescription { margin-left: 20px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-weight: normal; list-style-type: none } .collectionListItem { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: a00560; font-weight: normal } .collectionDescription { margin-left: 20px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-weight: normal; list-style-type: none } .miscListItem { margin-left: 20px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: 24a09e; list-style-type: none } .copyrightText { margin-left: 20px; margin-right: 20px; text-align: center; font-style: italic; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: #000000; list-style-type: none } .browseBarLabel { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000; background: #dbdce2; vertical-align: middle; text-decoration: none } .browseBar { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; background: #dbdce2; color: #000000; vertical-align: middle; text-decoration: none } .itemListCellOdd { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #73badc } .itemListCellEven { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #dbdce2 } .itemListCellHilight { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #cccccc } .topNavLink { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; color: #666666; text-align: center } .submitFormLabel { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-weight: bold; font-size: 10pt; background:${or.ui.item.background.table.color}; text-align: right } .submitFormHelp { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 8pt; /* background: #dbdce2; */ text-align: left; padding-top: 20px; padding-bottom: 5px; } .submitFormWarn { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-weight: bold; font-size: 10pt; color: #ff0000; text-align: center } .formConfirm { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-weight: bold; font-size: 10pt; color: #ff0000; } .uploadHelp { margin-left: 20px; margin-right: 20px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; text-align: left } .submitFormDateLabel { margin-left: 10px; margin-right: 10px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: italic; text-align: center } .submitProgressTable{ margin: 0; padding: 0; border: 0; vertical-align: top; text-align: center; white-space: nowrap } .submitProgressButton{ border: 0 } .miscTable { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 12pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #ffffff } .miscTableNoColor { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #ffffff } .errRowOddCol, .errRowEvenCol{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 11pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; /*background: #73badc; background: #dbdce2;*/ background: #ffd2a7; padding: 3px } .oddRowOddCol, .oddRowEvenCol{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 11pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; /*background: #73badc; background: #dbdce2;*/ background: #ffffff; padding: 3px } .evenRowOddCol, .evenRowEvenCol{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 11pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; /*background: #73badc; background: #dbdce2;*/ background: #f1f1f1; padding: 3px } { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #dbdce2; padding: 3px } .highlightRowOddCol{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #cccccc; padding: 3px } .highlightRowEvenCol{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none; background: #cccccc; padding: 3px } .itemDisplayTable{ text-align: center; border: 0; color: #000000 } .metadataFieldLabel{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000; background: #73badc; width: 180px; vertical-align: top; text-align: right; text-decoration: none; white-space: nowrap; padding: 3px } .metadataFieldValue{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; background: #dbdce2; vertical-align: top; text-align: left; text-decoration: none; padding: 3px } .recentItem { margin-left: 10px; margin-right: 10px; color: 666666; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt } .help {font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; background: #ffffff; margin-left:10px;} .help h2{text-align:center; font-size:18pt; color:#000000;} .help h3{font-weight:bold; margin-left:0px;} .help h4{font-weight:bold; font-size: 10pt; margin-left:5px;} .help h5{font-weight:bold; margin-left:10px; line-height:.5;} .help p {font-size:10pt;} .help table{margin-left:8px; width:90%;} .help table.formats{font-size:10pt;} .help ul {font-size:10pt;} .help p.bottomLinks {font-size:10pt; font-weight:bold;} .help td.leftAlign{font-size:10pt;} .help td.rightAlign{text-align:right; font-size:10pt;} .navigationBarItem { font-family: "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; background: #dbdce2; text-decoration: none; vertical-align: middle; white-space: nowrap } .navigationArrowItem { font-family: "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #a00560; background: #a00560; text-decoration: none; vertical-align: middle; white-space: nowrap } .navigationBarTable{ width: 100%; padding: 2px; margin: 2px; border: 0 } .navigationBar { font-family: "Geneva", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #fffff; text-decoration: none; background: #d0dfe4} .mostRecentTitle { font-family: "verdana", "Arial", "Helvetica", sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #252645; background: #ffffff; text-decoration: none; vertical-align: middle; white-space: nowrap } .mostRecentDate { font-family: "verdana", "Arial", "Helvetica", sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #252645; background: #ffffff; text-decoration: none; vertical-align: middle; white-space: nowrap } .mostRecentAuthor { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; font-size: 8pt; font-style: italic; color: #000000; text-decoration: none } .navigationBarSublabel{ font-family: "Geneva", "Arial", "Helvetica", sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #6e7472; text-decoration: none; background: #dbdce2; white-space: nowrap } /* Rollover button */ /* big button */ .orButton { display: block; color: #000000; background-color: transparent; background-image: url(image/buttonBackground_long.gif); background-repeat: no-repeat; /* width: 198px; */ width: 172px; height: 25px; margin: 0px auto; padding: 5px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; } .orButton:link, .orButton:visited { color: #000000; } .orButton:hover, .orButton:active { /* background-position: 0 -36px; */ background-position: 0 -32px; color: #000000; text-decoration: none; } /* short button */ .orShortButton { display: block; color: #000000; background-color: transparent; background-image: url(image/buttonBackground_short.gif); background-repeat: no-repeat; /* width: 91px; */ width: 112px; height: 25px; margin: 0px auto; padding: 5px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; } .orShortButton:link, .orShortButton:visited { color: #000000; } .orShortButton:hover, orShortButton:active { background-position: 0 -32px; color: #000000; text-decoration: none; } /* End: Rollover button */ /* Main Table in My Open Repository */ table.orMyOrTable{ margin-left: 20px; /* width: 600px; */ border-width:1px; border-color: #000000; border-style: solid; } .orMyOrTableHeader { margin-left: 20px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #ffffff; font-size: 12pt; background-color: #a00560; text-decoration: none; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; font-weight: bold; } .orMyOrTableSubHeader { font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #a00560; background-color: #ffffff; font-size: 12pt; text-decoration: none; padding-top: 6px; padding-bottom: 6px; padding-left: 9px; font-weight: bold; } .orMyOrTableLeftColumnAlignRight { width: 370; text-align: right; } .orMyOrTableLeftColumnAlignLeft { width: 370; text-align: left; } .goToTop{ text-align:right; color:#FFFFFF; font-size:12px; margin-right:10px; font-weight: normal; } .goToTop:link, .goToTop:visited { text-decoration:none; } .goToTop:hover, goToTop:active { text-decoration:underline; } /* End: Main Table in My Open Repository */ .orItemDisplayTable{ width: 900px; border: 0; color: #000000; cellpadding: 4; } .textAlignLeft{ text-align: left; } .textAlignCenter{ text-align: center; } .researcherPageAboutBackground{ /* background-color: #EEECB8; */ background-color: #ffffff; } .smalltext{ font-size: 8pt; } .researcherFolderHeading{ font-weight: bold; padding-top: 2px; padding-bottom: 2px; } .userNotification{ font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #404040; background-color: #FFFF80; font-size: 10pt; text-decoration: none; font-weight: bold; border-width:1px; border-style:solid; border-color:black; padding:0.3em; text-align:center; margin-left: 20px; margin-right: 0px; margin-bottom: 30px; } .browseTab { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #ffffff; font-size: 8pt; background-color: #a00560; text-decoration: none } .browseTabSel { margin-left: 0px; margin-right: 0px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; color: #000000; font-size: 8pt; background-color: #ffffff; text-decoration: none } .statsTable { border: 1px gray solid; width: 45%; } .statsTable td { font-size: 0.8em; } .statsTableWide { border: 1px gray solid; width: 100%; } .statsTableWide td { font-size: 0.8em; } /** Additions for Authority Control elements **/ /* for scriptaculous autocomplete */ div.autocomplete { position:absolute; width:250px; background-color:white; border:1px solid #888; margin:0; padding:0; } div.autocomplete ul { list-style-type:none; margin:0; padding:0; } div.autocomplete ul li.selected { background-color: #ffb;} div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; /* height:32px; */ cursor:pointer; } div.autocomplete ul li span.value { display:none; } /* OPENTIP.CSS FILE CONTENTS*/ /** ** http://www.opentip.org ** See opentip.js for the license. ** ** One word about the different states when showing / hiding opentips. ** ** An opentip starts with the .ot-completely-hidden class. ** When shown, it changes to .ot-becoming-visible, then to .ot-visible (depending ** on the length of the transition effect). ** When hidden, it changes to .ot-hidden, and then to .ot-completely-hidden (again: ** depending on the length of the transition effect). **/ .ot-container { position: absolute; max-width: 500px; z-index: 100; } /** * Only using the position transition on fixed opentips, so the tip only moves * smoothly when it changes position due to browser viewport changes. */ .ot-container.ot-fixed { -webkit-transition-property: left, top; -webkit-transition-duration: 0.2s, 0.2s; -moz-transition-property: left, top; -moz-transition-duration: 0.2s, 0.2s; } .ot-container.ot-completely-hidden { display: none; } .opentip { position: relative; font-size: 11px; line-height: 120%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .opentip .title { font-weight: bold; } .opentip .content { width: auto !important;} .opentip .loadingIndication { display: none; padding: 10px 15px; background: url("loading.gif") center center no-repeat; width: 25px; height: 15px; } .opentip .loadingIndication span { display: none; } .ot-loading .opentip .loadingIndication { display: block; } .ot-loading .opentip .content { display: none; } .ot-buttons { position: absolute; right: 0; top: 0; } .ot-buttons .close { display: block; width: 15px; height: 15px; display: block; text-decoration: none; } .ot-buttons .close .canvas { position: relative; display: block; color: white; /* Read by JS and applied to canvas */ background-color: rgba(0, 0, 0, 0.2); /* Read by JS and applied to canvas */ } .ot-container .stem-container { position: absolute; width: 0; height: 0; } .ot-container .stem { position: absolute; overflow: hidden; color: #cccccc; /* JS will read this property to draw the stem in the right color. */ /* background: rgba(255, 0, 0, 0.5);*/ } .ot-container .left { left: 0; } .ot-container .center { left: 50%; } .ot-container .right { right: 0; } .ot-container .top { top: 0; } .ot-container .middle { top: 50%; } .ot-container .bottom { bottom: 0; } /** Styles ====== Those are the different styles available in opentip. **/ .style-standard .opentip { border: 1px solid #f2e37b; background-color: ${or.ui.main.color4}; color: black; padding: 6px 10px; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); } .style-standard .opentip .title { margin-bottom: 1px; } .style-standard .stem { color: #e3ca1b; /* JS will read this property to draw the stem in the right color. */ } .style-standard .ot-buttons { top: -6px; right: -6px; } .style-standard .ot-buttons .close { width: 21px; height: 21px; } .style-standard .ot-buttons .close .canvas { background-color: rgba(255, 241, 143, 0.5); color: #a2932B; } .style-rounded .opentip { font-size: 11px; border: 7px solid ${or.ui.main.color1}; background-color: #f9fbfc; color: #3f5d73; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .style-rounded .opentip .title { background: ${or.ui.main.color1}; color: #f7fafd; padding: 0px 10px 4px 10px; } .style-rounded .opentip .content { padding: 6px 10px; } .style-rounded .stem { color: ${or.ui.main.color4}; } .style-rounded .ot-buttons { top: -3px; right: -3px; } .style-rounded .ot-buttons .close { width: 21px; height: 21px; } .style-rounded .ot-buttons .close .canvas { background-color: ${or.ui.main.color4}; } .style-slick .opentip { font-size: 11px; border: 1px solid #eeeeee; background: #f7f7f7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .style-slick .opentip .title { color: #49677e; padding: 5px 10px 3px 10px; border-bottom: 1px solid #eeeeee; } .style-slick .opentip .content { padding: 6px 10px; border-top: 1px solid #fefefe; } .style-slick .stem { color: #cccccc; } .style-slick .ot-buttons { right: -7px; top: -5px; } .style-slick .ot-buttons .close { height: 19px; width: 19px; } .style-slick .ot-buttons .close .canvas { background-color: rgba(0, 0, 0, 0.2); } .style-glass .opentip { background: white; background: rgba(255, 255, 255, 0.9); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 15px rgba(51, 113, 136, 0.5); -moz-box-shadow: 0 0 15px rgba(51, 113, 136, 0.5); -webkit-box-shadow: 0 0 15px rgba(51, 113, 136, 0.5); padding: 20px 30px; } .style-glass .opentip .title { color: #316F89; font-family: serif; font-style: italic; margin: 0 0 20px 0; font-size: 16px; } .style-glass .opentip .content { color: #333333; } .style-glass .stem { color: #ffffff; } .style-glass .ot-buttons { right: -3px; top: -3px; } .style-glass .ot-buttons .close { width: 25px; height: 25px; } .style-glass .ot-buttons .close .canvas { background-color: #F7BA00; } /** IE 6 HACKS ========== **/ /*\*/ .ot-buttons { z-index: 110; } .opentip { z-index: 110; } .opentipIFrame { position: absolute; top: 0; left: 0; border: none; background: none; margin: 0; padding: 0; display:none; /*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ } .style-glass .opentip { border: 1px solid #bbbbbb; } /**/ /** CSS3 Transitions ================ The definitions that follow here, are only meant for browsers that support css3 transitions. So the syntax I'm going to use, is really meant for more modern browsers than IE6. To define a show effect, you have to define the position you want to come from as the .ot-completely-hidden property (in combination with your .ot-show-effectName). To define a hide effect, you do the same, but for .ot-hidden (in combination with your .ot-show-effectName). **/ .ot-container.ot-css3 { -webkit-transition-duration: 1s; /* Well be reset by JS */ -webkit-transition-property: opacity, -webkit-transform; -moz-transition-duration: 1s; /* Well be reset by JS */ -moz-transition-property: opacity, -moz-transform; -o-transition-duration: 1s; /* Well be reset by JS */ -o-transition-property: opacity, -o-transform; opacity: 1; } .ot-container.ot-css3.ot-completely-hidden { display: none; } /** Appear / Fade**/ .ot-container.ot-css3.ot-becoming-visible.ot-show-appear, .ot-container.ot-css3.ot-hidden.ot-hide-fade { opacity: 0; } /** Grow / Shrink **/ .ot-container.ot-css3.ot-becoming-visible.ot-show-grow, .ot-container.ot-css3.ot-hidden.ot-hide-shrink { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); } /** Blind/Slide down / Blind up**/ .ot-container.ot-css3.ot-becoming-visible.ot-show-blindDown, .ot-container.ot-css3.ot-becoming-visible.ot-show-slideDown, .ot-container.ot-css3.ot-hidden.ot-hide-blindUp { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); opacity: 0; } /** Condense / Puff **/ .ot-container.ot-css3.ot-becoming-visible.ot-show-condense, .ot-container.ot-css3.ot-hidden.ot-hide-puff { -webkit-transform: scale(5); -moz-transform: scale(5); -o-transform: scale(5); opacity: 0; } /** Rotate **/ .ot-container.ot-css3.ot-becoming-visible.ot-show-rotate { -webkit-transform: scale(3) rotate(-500deg); -moz-transform: scale(3) rotate(-500deg); -o-transform: scale(3) rotate(-500deg); opacity: 0; } .ot-container.ot-css3.ot-hidden.ot-hide-rotate { -webkit-transform: scale(3) rotate(500deg); -moz-transform: scale(3) rotate(500deg); -o-transform: scale(3) rotate(500deg); opacity: 0; } /** Content design ============== Nicer input fields, etc... */ .opentip label { margin-bottom: 3px; margin-top: 10px; display: block; } .opentip input, .opentip textarea { padding: 5px 6px; border: 1px solid rgba(100, 100, 100, 0.2); background: rgba(255,255,255,0.5); display: block; width: 100%; margin: 3px 0 10px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .opentip input:focus, .opentip textarea:focus { border-color: rgba(100, 100, 100, 0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); } .opentip button { margin-top: 20px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid rgba(247, 186, 0, 0.8); background: rgba(247, 186, 0, 0.9); font-size: 14px; line-height: 14px; padding: 10px 10px; position: relative; color: rgba(255,255,255, 1); text-shadow: 0 0 10px rgba(255,255,255,0.3); text-align: center; font-weight: bold; font-family: serif; font-style: italic; text-decoration: none; margin: 20px 0 0 0; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 -2px 10px rgba(255, 255, 255, 0.4) inset; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 -2px 10px rgba(255, 255, 255, 0.4) inset; } .opentip button { padding: 8px 6px; } .button:hover, button:hover { -moz-box-shadow: 0 0 6px rgba(247, 192, 25, 1), 0 -2px 10px rgba(255, 255, 255, 0.6) inset; text-shadow: 0 0 4px rgba(255,255,255,1); } /** IE 6 HACKS **/ /*\*/ .opentip input, .opentip textarea, .opentip button { width: 200px; } /**/