/* ========== thickbox.css ========== */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; text-align: center !important; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } .thickbox a {color: #666666;} .thickbox a:hover {color: #000;} .thickbox a .glyphicons { vertical-align: text-top; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } #TB_window { position: fixed; background: #ffffff; background-color:#cdced7; background-image: url('skin/dcx/dcx-bg-white.png'); background-position: 0 0; background-repeat: repeat-x; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:2px; bottom: 2px; left:50%; } #TB_window img#TB_Image { display:block; /* margin: 15px 0 0 15px; */ margin: 15px auto 0 auto; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:3px 3px 4px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding: 2px 0 0 10px; margin-bottom:1px; color: #474b54; width: 90%; height: 24px; overflow: hidden; display: none; } #TB_title{ background-color:#cdced7; background-image: url('skin/dcx/dcx-sprite-bars.png'); background-position: 0 0; background-repeat: repeat-x; height:21px; overflow: hidden; font-size: 12px; line-height: 24px; text-shadow: 1px 1px 1px #f0f2f5; text-align: left; } #TB_ajaxContent{ clear:both; padding: 5px 15px 0px 15px; overflow:auto; text-align:left; font-size: 14px; line-height: 22px; } #TB_ajaxContent .meta { font-size: 12px; line-height: 14px; margin-top: 8px; } #TB_ajaxContent .image-caption { font-size: 12px; margin-left: 28px; margin-right: 28px; text-align: center; } #TB_ajaxContent H1 { font-weight: bold; margin: 10px 0 0 0; font-size: 16px; line-height: 24px; } #TB_ajaxContent H2 { font-weight: bold; font-size: 14px; line-height: 22px; } #TB_ajaxContent PRE { padding: 5px 0px 5px 0px; font-size: 14px; line-height: 20px; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } #TB_window .linked { margin: 0 0 0 5px; } #TB_window .linked-picture { background-color: #e7e7e7; border: 1px solid #cccccc; width: 75px; height: 75px; float: left; margin: 3px; text-align: center; } #TB_window .linked-picture.primary { background-color: #FDFBD9; border: 1px solid yellow; } #TB_window .linked-picture IMG { max-width: 75px; max-height: 75px; width: auto; height: auto; } #TB_window .softcrop-image { width: 175px; height: 195px; } #TB_window .softcrop-image-label { width: 175px; height: 20px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } #TB_ajaxContent .documenttype-story .image-wrapper { width: 400px; float: left; margin-right: 20px; } #TB_ajaxContent .documenttype-story #image-panel-picture { height: auto; width: auto; } /* PLAYER SPRITES */ .playerBg { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -20px -216px; width: 500px; height: 94px; position: relative; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBg { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .sectionsBg { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -168px -561px; width: 391px; height: 44px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionsBg { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .sectionSaveInFolder { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -540px -99px; width: 34px; height: 23px; cursor: pointer; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionSaveInFolder { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .sectionSaveInFolder:hover { background-position: -540px -140px; } .sectionSaveInBasket { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -360px -180px; width: 32px; height: 26px; cursor: pointer; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionSaveInBasket { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .sectionSaveInBasket:hover { background-position: -400px -180px; } .sectionDelete { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -774px -310px; width: 26px; height: 26px; cursor: pointer; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionDelete { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerBgDetail { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -20px -19px; width: 500px; height: 94px; position: relative; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBgDetail { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerPlay { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -541px -20px; width: 33px; height: 33px; left: 96px; bottom: 13px; text-indent: -9999px; } .playerPlay:hover { background-position: -541px -60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPlay { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerPause { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -541px -217px; width: 33px; height: 33px; left: 96px; bottom: 13px; text-indent: -9999px; } .playerPause:hover { background-position: -601px -217px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPause { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } @media only screen and (device-width: 768px) { .playerPause { background-position: -541px -217px; } .playerPause:hover { background-position: -601px -217px; } } .playerPrev { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -581px -20px; width: 26px; height: 26px; left: 18px; bottom: 16px; } .playerPrev:hover { background-position: -581px -60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPrev { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerBackward { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -611px -20px; width: 26px; height: 26px; left: 55px; bottom: 16px; } .playerBackward:hover { background-position: -611px -60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBackward { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerForward { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -641px -20px; width: 26px; height: 26px; left: 140px; bottom: 16px; } .playerForward:hover { background-position: -641px -60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerForward { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerPlus { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -701px -20px; width: 26px; height: 26px; left: 248px; bottom: 16px; } .playerPlus:hover { background-position: -701px -60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPlus { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerMinus { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -671px -20px; width: 26px; height: 26px; left: 181px; bottom: 16px; } .playerMinus:hover { background-position: -671px -60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerMinus { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerCut { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -730px -20px; width: 28px; height: 23px; left: 310px; bottom: 17px; } .playerCut:hover { background-position: -730px -60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerCut { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerBasket { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -361px -180px; width: 30px; height: 25px; left: 436px; bottom: 18px; } .playerBasket:hover { background-position: -401px -180px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBasket { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerBasket.selected { background-position: -729px -270px; width: 35px; height: 25px; } .playerSave { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -540px -100px; width: 33px; height: 21px; left: 371px; bottom: 19px; } .playerSave:hover { background-position: -540px -140px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSave { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerSave.selected { background-position: -670px -270px; width: 34px; height: 21px; } .playerBar { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -20px -139px; width: 310px; height: 14px; left: 13px; top: 13px; } .playerPosition { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -670px -180px; width: 17px; height: 17px; left: 0; bottom: -2px; margin-left: -5px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPosition { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerSwitch { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -670px -217px; width: 18px; height: 18px; left: 412px; top: 11px; } .playerSwitch:hover { background-position: -700px -217px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSwitch { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerSoundOn { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -700px -100px; width: 12px; height: 13px; left: 442px; top: 14px; } .playerSoundOn:hover { background-position: -700px -140px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSoundOn { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerSoundOff { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -729px -98px; width: 18px; height: 17px; left: 440px; top: 12px; } .playerSoundOff:hover { background-position: -729px -138px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSoundOff { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerFullsize { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -640px -100px; width: 18px; height: 17px; left: 469px; top: 12px; } .playerFullsize:hover { background-position: -640px -140px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerFullsize { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerCutLeft { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -440px -180px; width: 28px; height: 25px; left: 314px; bottom: 17px; } .playerCutLeft:hover { background-position: -560px -180px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerCutLeft { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerCutRight { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -480px -180px; width: 28px; height: 25px; left: 362px; bottom: 17px; } .playerCutRight:hover { background-position: -600px -180px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerCutRight { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerFotocopy { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -540px -270px; width: 30px; height: 22px; left: 436px; bottom: 19px; text-indent: -9999px; } .playerFotocopy:hover { background-position: -602px -270px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerFotocopy { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } .playerLoudness { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -729px -180px; width: 22px; height: 46px; padding-top: 9px; padding-bottom: 24px; left: 438px; bottom: 87px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerLoudness { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } } /* BEGIN: Video Page ------------------------- */ .wrapperVideobox .wrapperVideoShare a { margin-bottom: 36px; } .wrapperVideobox .wrapperVideo { position: relative; width: 500px; /*height: 503px;*/ height: 472px; margin-left: 0; z-index: 1000; } .wrapperVideobox .videoWide { position: relative; width: 500px; height: 348px; margin-left: 0; z-index: 1000; } .wrapperVideobox .wrapperVideo .playbar { position: absolute; bottom: 0; right: 0; } .wrapperVideobox .wrapperVideo .playbar .playerJump { position: absolute; color: #000; font-size: 15px; text-align: center; line-height: 20px; width: 40px; left: 208px; bottom: 18px; } .wrapperVideobox .wrapperVideo .playbar .playerProgress, .wrapperVideobox .wrapperVideo .playbar .playerCutbar { width: 300px; height: 6px; background-color: #535560; position: absolute; left: 5px; top: 4px; } .wrapperVideobox .wrapperVideo .playbar .playerCutbar { background-color: #fda664; } .wrapperVideobox .wrapperVideo .playbar .playerTime { position: absolute; color: #333; font-size: 15px; text-align: center; line-height: 20px; width: 70px; left: 327px; top: 10px; } .wrapperVideobox .wrapperVideo .playbar .playerCutSave { position: absolute; color: #eeeeed; font-size: 15px; background-color: #535560; left: 397px; bottom: 16px; height: 26px; line-height: 26px; padding: 0 12px; border-radius: 25px; } .wrapperVideobox .wrapperVideo .playbar .playerCutSave:hover { text-decoration: none; background-color: #757780; } .wrapperVideobox .wrapperVideo .playbar .playerLoudness .loud { position: absolute; bottom: 24px; left: 8px; height: 46px; cursor: pointer; } .wrapperVideobox .wrapperVideo .playbar .playerLoudness .loud a { position: absolute; bottom: 0; background-color: #535560; width: 6px; display: block; text-decoration: none; } .wrapperVideoTop h1 { padding-left: 360px; width: 500px; font-size: 15px; margin-bottom: 14px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; } .wrapperVideoTop h1 .hd { float: right; } .wrapperVideoTop .wrapperVideobox .wrapperVideo { margin-left: 360px; height: 472px; } .wrapperVideoTop h1 .hd { float: right; } .wrapperVideoTop .wrapperVideobox .wrapperVideo { margin-left: 360px; height: 472px; } .wrapperVideoDetails { color: #333; position: relative; z-index: 1000; } .wrapperVideoDetails .meta { font-size: 12px; } .wrapperVideoDetails h1 { font-size: 24px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin: 16px 0; font-weight: normal; max-height: 60px; overflow: hidden; } .wrapperVideoDetails .content { font-size: 14px; } .wrapperVideoDetails .content a.keyframes { display: inline-block; margin: 0 6px 6px 0; } .wrapperVideoDetails .content a.keyframes:nth-child(3n) { margin-right: 0; } .wrapperVideoDetails .content h5 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 0; } .wrapperVideoDetails .content dt { float: left; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin: 0 5px 15px 0; } .wrapperVideoDetails .content dd { margin-bottom: 15px; } .wrapperVideoDetails #content, .wrapperVideoDetails #data, .wrapperVideoDetails #media, .wrapperVideoDetails #sections { display: none; } .wrapperVideo video { width: 500px; height: 375px; } .thickbox audio { width: 600px; } .gradient { position: absolute; width: 100%; height: 28px; background: transparent url(../images/gradient.png) 0 0 repeat-x; bottom: 4px; left: 0; } .sections .gradient { bottom: 61px; } .sections .sectionsAction { border-top: 1px solid #dbdbda; height: 26px; line-height: 28px; margin: 15px 35px 0 17px; padding-top: 10px; position: relative; } .sections .sectionsAction a.resultLinkSave { position: absolute; bottom: 2px; right: 84px; } .sections .sectionsAction a.resultLinkBuy { position: absolute; bottom: -2px; right: 18px; } .sections .sectionsAction .buttonGrey { float: right; margin-left: 26px; margin-top: 5px; } .sectionsBar { position: relative; margin-top: 11px; margin-left: -7px; } .sectionsBar .saveSections { position: absolute; top: 13px; left: 10px; font-size: 15px; } .sectionsBar .saveSections .sectionSaveInFolder { position: absolute; top: -3px; left: 156px; } .sectionsBar .saveSections .sectionSaveInBasket { position: absolute; top: -4px; left: 193px; } .sectionsBar .deleteSections { position: absolute; top: 13px; left: 259px; font-size: 15px; } .sectionsBar .deleteSections .sectionDelete { position: absolute; top: -4px; left: 89px; } .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent { font-size: 15px; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; } .wrapperVideoMoreDetails h4 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; } .wrapperVideoMoreDetails h4:before { display: inline-block; content: ''; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -162px -432px; width: 12px; height: 13px; margin-right: 10px; position: relative; top: 1px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .wrapperVideoMoreDetails h4:before { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } } .wrapperVideoMoreDetails h4.foldOut:before { background-position: -121px -432px; width: 13px; height: 12px; } .wrapperVideoMoreDetails .contentFolder { display: none; margin-left: 20px; } .wrapperVideoMoreDetails.sections a.deleteSections { position: absolute; right: 28px; top: 4px; } /* .singleSectionWrapper { font-size: 15px; margin-bottom: 15px; } .singleSectionWrapper .singleSectionAction { float: right; margin-top: 22px; } .singleSectionWrapper .singleSectionAction a { margin: 0 10px; } */ .wrapperVideoTop h1 { padding-left: 0; width: 100%; font-size: 22px; margin-bottom: 14px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin-bottom: 24px; } .wrapperVideoTop h1 .videoDate { font-family: "BundesSansWeb", Arial, helvetica, sans-serif; font-size: 18px; display: block; margin-top: 22px; } .wrapperVideoTop h1 .videoDate .hd { float: none; position: relative; top: -1px; margin-left: 5px; } .wrapperVideoTop .wrapperVideobox .wrapperVideoShare { padding-left: 5px; width: 20px; } .wrapperVideoTop .wrapperVideobox .wrapperVideo { margin-left: auto; margin-right: auto; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails { width: 375px; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent { padding: 0; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent { position: relative; height: 460px; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent .content { overflow: auto; height: 460px; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent .gradient { bottom: 0; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent.smallHeight .content { height: 410px; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent.smallHeight .gradient { bottom: 50px; } .wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent h4:first-child { margin-top: 0; } .wrapperVideoContainer { background-color: #f5f5f5; padding-top: 20px; position: relative; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* ========== fullcalendar.css ========== */ /* * FullCalendar v1.5.1 Stylesheet * * Copyright (c) 2011 Adam Shaw * Dual licensed under the MIT and GPL licenses, located in * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. * * Date: Sat Apr 9 14:09:51 2011 -0700 * */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right { margin-right: 1px; /* back to normal */ } .fc-header .ui-corner-right { margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; } .fc-view { width: 100%; /* needed for view switching (when view is absolute) */ overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, /* , usually */ .fc-widget-content { /* , usually */ border: 1px solid #ccc; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #ffc; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; cursor: pointer; } .fc-state-default { /* non-theme */ border-style: solid; border-width: 1px 0; } .fc-button-inner { position: relative; float: left; overflow: hidden; } .fc-state-default .fc-button-inner { /* non-theme */ border-style: solid; border-width: 0 1px; } .fc-button-content { position: relative; float: left; height: 1.9em; line-height: 1.9em; padding: 0 .6em; white-space: nowrap; } /* icon (for jquery ui) */ .fc-button-content .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button-content .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } /* gloss effect */ .fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; } .fc-state-default .fc-button-effect span { position: absolute; top: -100px; left: 0; width: 500px; height: 100px; border-width: 100px 0 0 1px; border-style: solid; border-color: #fff; background: #444; opacity: .09; filter: alpha(opacity=9); } /* button states (determines colors) */ .fc-state-default, .fc-state-default .fc-button-inner { border-style: solid; border-color: #ccc #bbb #aaa; background: #F3F3F3; color: #000; } .fc-state-hover, .fc-state-hover .fc-button-inner { border-color: #999; } .fc-state-down, .fc-state-down .fc-button-inner { border-color: #555; background: #777; } .fc-state-active, .fc-state-active .fc-button-inner { border-color: #555; background: #777; color: #fff; } .fc-state-disabled, .fc-state-disabled .fc-button-inner { color: #999; border-color: #ddd; } .fc-state-disabled { cursor: default; } .fc-state-disabled .fc-button-effect { display: none; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event { border-style: solid; border-width: 0; font-size: .85em; cursor: default; } a.fc-event, .fc-event-draggable { cursor: pointer; } a.fc-event { text-decoration: none; } .fc-rtl .fc-event { text-align: right; } .fc-event-skin { border-color: #36c; /* default BORDER color */ background-color: #36c; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ } .fc-event-inner { position: relative; width: 100%; height: 100%; border-style: solid; border-width: 0; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Fake Rounded Corners (for buttons and events) ------------------------------------------------------------*/ .fc-corner-left { margin-left: 1px; } .fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner { margin-left: -1px; } .fc-corner-right { margin-right: 1px; } .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner { margin-right: -1px; } .fc-corner-top { margin-top: 1px; } .fc-corner-top .fc-event-inner { margin-top: -1px; } .fc-corner-bottom { margin-bottom: 1px; } .fc-corner-bottom .fc-event-inner { margin-bottom: -1px; } /* Fake Rounded Corners SPECIFICALLY FOR EVENTS -----------------------------------------------------------------*/ .fc-corner-left .fc-event-inner { border-left-width: 1px; } .fc-corner-right .fc-event-inner { border-right-width: 1px; max-height: 43px; } .fc-corner-top .fc-event-inner { border-top-width: 1px; } .fc-corner-bottom .fc-event-inner { border-bottom-width: 1px; } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content { position: relative; z-index: 2; width: 100%; overflow: hidden; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30); } .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ _overflow: hidden; } /* ========== dcx-wide.css ========== */ /* @group ========= GENERIC ========= */ HTML, BODY { background-color: #f2f5f4; font-family: Arial, Helvetica, sans-serif; font-size: 80%; } BODY.form-window.window-error { font-size: 100%; } .left { float: left; } .right { float: right; } .center { margin: 0 auto; text-align: center;} .show { display: block;} .hide { display: none !important;} .display-none { display:none; } .disabled { text-decoration: line-through !important;} .italic { font-style: italic; } .container { position: relative; } /* Use: resetting reference for absolute positioned elements (inside) */ BUTTON:focus, INPUT:focus, A:focus { outline-style: none !important; } /* @end */ .yui-layout-unit-top { overflow: visible; z-index: 1; } .yui-layout-unit-top .yui-layout-bd { overflow: visible !important; } .yui-layout-unit-center .yui-layout-bd { overflow: hidden; } /* @group ========= TOP:Menue */ #pane-topbar { height: 36px; background-color: #005B82; /* before: #1d85a5; and before that: #656565 */ background: -webkit-gradient(linear, left top, left bottom, from(#005b82), to(#002F41)); background: -moz-linear-gradient(top, #005b82, #002F41); font-size: 12px; font-weight: bold; text-align: left; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* @group ...... TOP::Generic ...... */ #pane-topbar LI.no-menu-li { display: inline; } #pane-topbar LI.no-menu-li, #pane-topbar .action A { text-decoration: none; color: #74c7e8; margin-left: 2px; } #pane-topbar LI.no-menu-li A { color: silver; display: inline-block; } #pane-topbar LI.no-menu-li A I { margin-right: 3px; } #pane-topbar A { text-decoration: none; } #pane-topbar LI.selected A { color: #e6f6fa; } #pane-topbar #topnav-progress { height: 20px; width: 26px; float: left; margin: 3px 12px 0 0; padding: 0; /*background-color: white;*/ } #pane-topbar #topnav-progress IMG { margin-top: -3px; } #jobprogress { z-index: 9998; position: absolute; top: 26px; left: 60px; min-width: 300px; max-height: 300px; overflow: auto; text-align: left; padding: 10px; background-color: #ffffff; border: 1px solid #808080; color: #333333; } #jobprogress TD { padding-right: 10px; } #jobprogress .headline { font-weight: bold; border-bottom: 1px solid #808080; margin-bottom: 10px; } #pane-topbar #topnav-progress.job_status_run { background-color: #FF9900; } #pane-topbar #topnav-progress.job_status_done { background-color: lightGreen; } #pane-topbar #topnav-progress.job_status_error { background-color: #CC0000; } /* @end */ #startingpage { top:26px; position: absolute; background-color: #f3f5f6; } #body_element.mode_default #pane-topbar LI.mode_default A { color: #e6f6fa; } #pane-list .content-body, #content-header .content-header { display: none; } /* default view */ #body_element.mode_default #content-header #content-header-listview.content-header { display: block; } #body_element.mode_default #pane-list #content-list.content-body { display: block; } /* socumentdetails view */ #content-header-documentdetails { border: 2px solid black; } #content-header-documentdetails .action, #content-header-documentdetails .action_js { visibility: hidden; } #body_element.mode_documentdetails #content-header #content-header-documentdetails.content-header { display: block; } #body_element.mode_documentdetails #content-header #search-wrapper { display: none; } #body_element.mode_documentdetails #pane-list #content-list.content-body { display: block; } #body_element.show_related .content-related-layer { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: url("../images/bg-black-75.png") repeat scroll 0 0 transparent; } #documentrelatedquery-header { overflow: hidden; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; border-radius: 8px 0px 0px 8px; cursor: pointer; } #documentrelatedquery-header .thumb1.article { background-image: none; border: none; } #documentrelatedquery-header .pageoverview-storydetails { margin-left: 20px; } #documentrelatedquery-header .pageoverview-storydetails .pageoverview-story { margin-right: 20px; } #documentrelatedquery-header .pageoverview-wrapper, #documentrelatedquery-header .article { border-bottom: none; } #documentrelatedquery-description-container { max-width: 60%; background-color: white; border-bottom: 1px solid #E7E7E7; padding: 5px; font-weight: bold; font-size: 12px; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; } #documentrelatedquery-description-container a { color: black; } #content-list #documentquery-results, #content-list .documentrelatedquery { position: absolute; left: 0px; right: 0px; } #documentquery-results, .documentrelatedquery .results { overflow: scroll; overflow-y: auto; overflow-x: hidden; } .documentrelatedquery .results { border: 1px solid white; background-color: white; } .documentrelatedquery li.documentquery-result { background-color: white; width: 99%; } .documentrelatedquery { display: none; z-index: 2; top: 0px; background: url("../images/bg-black-75.png") repeat scroll 0 0 transparent; } .documentrelatedquery .closer { cursor: pointer; } .documentrelatedquery .docrelated-top { color: white; height: 17px; margin-left: 10px; margin-top: 3px; text-decoration: underline; } .documentrelatedquery .docrelated-left { width: 40px; float: left; height: 100%; } ul.documentrelatedquery:hover { background: url("../images/bg-black-10.png") repeat scroll 0 0 transparent; } /* cloudfilter */ #content-cloudfilter.content-body { text-align: center; -font-family: Comic Sans MS, TSCu Comic; overflow: auto; background: url("../images/bg-black-75.png") repeat scroll 0 0 transparent; position: absolute; z-index: 2; padding-top: 10px; width: 100%; } #content-cloudfilter #cloudfilter-action-close { position: fixed; } #cloudfilter-navigation { display: none; width: 100%; text-align: center; font-size: 11px; } #cloudfilter-navigation INPUT { margin-left: 13px; margin-right: 3px; } #cloudfilter-navigation A { color: black; } #content-cloudfilter #cloudfilter-action { position: absolute; display: none; } #content-cloudfilter #cloudfilter-action A { font-size: 14px; line-height: 10px; vertical-align: auto; padding: 0px; margin: 0px; background-color: white; border: 1px solid silver; border-radius: 8px 8px 8px 8px; font-size: 12px; line-height: 10px; padding: 0 8px; } #cloudfilter-active LI.TOPICID A, #content-cloudfilter #cloudfilter-action A.with { color: darkgreen; } #cloudfilter-active LI.NOTTOPICID A, #content-cloudfilter #cloudfilter-action A.without { color: red; } #content-cloudfilter #cloudfilter-action A.reset { color: black; } #content-cloudfilter #cloudfilter-action A.with { border: 1px solid darkgreen; } #content-cloudfilter #cloudfilter-action A.without { border: 1px solid red; } #cloudfilter-active LI.NOTTOPICID A { text-decoration: line-through underline; } #content-cloudfilter #cloudfilter-action A.with, #content-cloudfilter #cloudfilter-action A.without, #content-cloudfilter #cloudfilter-action A.reset { display: none; } #content-cloudfilter #cloudfilter-action.new A.with, #content-cloudfilter #cloudfilter-action.new A.without { display: inline; } #content-cloudfilter #cloudfilter-action.TOPICID A.reset, #content-cloudfilter #cloudfilter-action.TOPICID A.without { display: inline; } #content-cloudfilter #cloudfilter-action.NOTTOPICID A.with, #content-cloudfilter #cloudfilter-action.NOTTOPICID A.reset { display: inline; } #content-cloudfilter A { display: inline-block; padding: 3px; margin: 3px; line-height: 18px; vertical-align: middle; font-size: 8px; color: white; text-decoration: none; } #content-cloudfilter A:hover { color: SkyBlue; text-decoration: underline; } #content-cloudfilter A.active { border: 1px solid red; border-radius: 11px; background-color: black; color: white !important; } #content-cloudfilter A.selected { border: 1px solid red; border-radius: 11px; background-color: darkgreen; color: white !important; } #content-cloudfilter A.TOPICID { border: 2px solid lightgreen; border-radius: 11px; } #content-cloudfilter A.NOTTOPICID { border: 2px solid orangeRed; border-radius: 11px; } #content-cloudfilter A.NOTTOPICID:hover { text-decoration: line-through underline; text-decoration: none; cursor: not-allowed; } #cloudfilter-active LI._topic_Person A, #content-cloudfilter A._topic_Person { background-image: url("../images/sprite-icons-dnd.png"); background-position: 0 -139px; background-repeat: no-repeat; padding-left: 15px; } #cloudfilter-active LI._topic_Country A, #content-cloudfilter A._topic_Country { background-image: url("../images/status-icon-geotagged.png"); background-position: 0 2px; background-repeat: no-repeat; padding-left: 18px; } #cloudfilter-active LI._topic_City A, #content-cloudfilter A._topic_City { background-image: url("../images/icon-geolocation.png"); background-position: 0 1px; background-repeat: no-repeat; padding-left: 14px; } #cloudfilter-active LI._topic_Organization A, #content-cloudfilter A._topic_Organization { XXX-todo-background-image: url("../images/icon-geolocation.png"); background-position: 0 1px; background-repeat: no-repeat; padding-left: 14px; } #body_element.mode_cloudfilter #content-header #content-header-listview.content-header { display: block; } #body_element.mode_cloudfilter #content-header #cloudfilter-navigation { display: block; } #body_element.mode_cloudfilter #pane-list #content-cloudfilter.content-body { display: block; } #body_element.mode_cloudfilter #pane-list #content-list.content-body { display: block; } #cloudfilter-active { font-size: 10px; font-weight: bold; min-width: 420px; } #cloudfilter-active H4 { float: left; margin: 6px 0px 6px 28px; padding: 2px 0; font-size: 10px; font-weight: bold; } #cloudfilter-active LI { float: left; margin: 6px 0px; padding: 2px 0px 2px 5px; } #xxxcloudfilter-active LI A { background-image: url('../images/icon-tag-delete.png'); background-repeat: no-repeat; background-position: center right; } #cloudfilter-active LI:hover { color: #333333; } #cloudfilter-active #cloudfilter-active-delete { float: right; margin: 6px 10px; } #cloudfilter-active #cloudfilter-active-delete A { color: #666666; font-weight: normal; } #pane-details #details-tab-cloudfilter h1 { font-size: 14px; height: auto; margin-bottom: 10px; } #pane-details #details-tab-cloudfilter .person_meta { padding-bottom: 15px; } #pane-details #details-tab-cloudfilter .person_meta img { max-width: 120px; padding: 5px; float: right; } #pane-details #details-tab-cloudfilter .person_meta .description { border: 1px solid silver; border-radius: 11px; padding: 5px; margin: 5px; background-color: white; overflow: hidden; max-height: 100px; cursor: help; } #pane-details #details-tab-cloudfilter .person_meta .description.full { cursor: default; max-height: none; } #pane-details #details-tab-cloudfilter .person_meta .dbpedia { text-align: right; font-size: 10px; } /* @group ...... TOP::Logo ...... */ #pane-topbar #topnav-logo { height: 36px; float: left; margin: 0 0 0 0; padding: 5px 7px; } #topnav-logo .logo { height: 26px; width: auto; } /* @end */ /* @group ...... TOP::Topnav ...... */ #pane-topbar #topnav { width: auto; float: left; margin: 10px 0 0 0; } #pane-topbar #topnav LI.no-menu-li + LI.no-menu-li { margin: 0 0 0 12px; } #pane-topbar #select-usergroup { margin: 4px 0 0 4px; min-width: 120px; } /* @end */ /* @group ...... TOP::Logout ...... */ #topnav-logout { /* width: 382px; wg Probs mit zu langen Namen erstmal raus Kollateralschäden mit IE? */ float: right; margin: 5px 12px 0 0; } #topnav-logout LI.no-menu-li { float: right; } #topnav-logout #logout { margin-top: 6px; margin-left: 12px; } #topnav-logout #logout, #topnav-logout #user-name { margin-top: 6px; margin-left: 12px; } #topnav-logout #logout * { color: #ffa465;} #topnav-logout #user-name * { color: #e6f6fa; } #topnav-usergroup LABEL { display: block; float: left; color: #599ab3; margin-top: 6px; font-weight: normal; } /* @end */ /* @end */ /* @group ========= CENTER */ #loading-animation-overlay { position: absolute; top: 50%; left: 50%; } /* @group ========= CENTER:SEARCH */ #pane-list { position: relative; background-color: #ffffff; font-size: 10px; } /* @end */ /* @group ========= CENTER:LIST */ #content-list-header { margin: 10px 0 8px 28px; text-transform: uppercase; color: #333333; font-size: 12px; font-weight: bold; } #content-work { overflow: scroll; overflow-y: auto; overflow-x: hidden; position: relative; clear: both; /*Fix for topicplanner problems*/ } #content-list { /* overflow: scroll; overflow-y: auto; overflow-x: hidden; */ position: relative; } /* @group :::::: ARTICLE-LIST GoogleMap */ #pane-list .content-list LI.view-googlemap { /* breaks dragging: height: 100%;*/ float: none; } .view-googlemap#pane-list { height: 85%; } .view-googlemap#pane-list #content-list, .view-googlemap#pane-list .content-list UL, .view-googlemap#pane-list .content-list LI.view-googlemap, .view-googlemap#pane-list .content-list LI.view-googlemap DIV.googlemap { height: 100%; } .view-googlemap#pane-list .content-list LI.view-googlemap DIV.view-googlemap { position: absolute; top: 0px; right: 0px; z-index: 1; background-color: black; } .view-googlemap#pane-list .content-list LI.view-googlemap DIV.view-googlemap DIV { text-align: center; float: right; margin-left: 3px; margin-right: 3px; } .view-googlemap#pane-list .content-list LI.view-googlemap DIV.view-googlemap DIV A { color: white; } /* @group :::::: LIST:Views :::::: */ .content-header1 { clear: both; min-height: 28px; min-width: 420px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .content-header1 H4 { float: left; font-size: 10px; font-weight: bold; color: #333333; margin: 8px 10px 0 5px; } .content-header1 .content-workarea-actions { float: right; margin: 0 20px 0 0; } #content-header-workview .content-header1 .content-workarea-actions { display: none; } #content-header-workview .content-filter .content-header2 { display: none; } #view-header .show_if_document_found, #view-header .show_if_no_document_found { display: none; } #view-header.no_document_found .show_if_no_document_found { display: inline; } #view-header.document_found .show_if_document_found { display: inline; } #views { float: right; margin: 0 10px 0 0; } #views .view-element { float: left; } /* @group ...... LIST:Views::Buttons ...... */ #views .yui-button { margin: 4px 0px; /* the -1px margin-right made the buttons look askew */ } #views #view-buttongroup { margin: 0 0 0 20px; } #view-header #view_menu { float: right; } #calendar_menu #calendar-filter-icon { margin-top: 5px; /* margin-right: 30px; */ float: left; } #calendar_menu A.calendar, #calendar_menu #calendar-filter { margin-top: 5px; margin-right: 3px; float: left; color: #666666; } #calendar_menu .button { float: left; } #pane-list #calendar_menu { position: absolute; left: 50%; margin-left: -110px; display: none; } #pane-list.calendar #calendar_menu { display: block; } #pane-list #calendar_menu #calendar-filter-text { font-size: 14px; text-align: center; } #calendar .fc-view-month .fc-event { font-size: 12px; } #calendar .fc-view-agendaWeek .fc-event { font-size: 12px; } #calendar .fc-view-agendaDay .fc-event { font-size: 12px; } #calendar .fc-header-title { font-size: 15px; font-weight: bold; } #calendar .fc-view-agendaDay .fc-agenda-days THEAD { font-size: 0px; } #pane-list.calendar #searchform_result_size { display: none; } #views .yui-radio-button BUTTON, #views .yui-push-button BUTTON, BUTTON#image-panel-edit-button { overflow: hidden; padding: 0 0; text-indent: -40em; /* there is a margin-left-value in IE-style sheet, which has to match, e.g. text-indent:-40em, => margin-left: 40em */ width: 30px; /* our button images are 15px wide, so we need a 30px width, otherwise it will look askew*/ } #view-button-infos-button { background: transparent url('../images/button-view-infos.png') no-repeat 6px 2px; } #view-button-text-button { background: transparent url('../images/button-view-text.png') no-repeat 6px 2px; } #view-button-textthumb1-button { background: transparent url('../images/button-view-tt1.png') no-repeat 6px 2px; } #view-button-gallery1-button { background: transparent url('../images/button-view-thumb1.png') no-repeat 6px 2px; } #view-button-gallery2-button { background: transparent url('../images/button-view-thumb2.png') no-repeat 6px 2px; } #view-button-googlemap-button { background: transparent url('../images/button-view-googlemap.png') no-repeat 6px 2px; } BUTTON#image-panel-edit-button { background: transparent url('../images/icon-tool-edit.png') no-repeat center 0px; } #image-panel-edit.yui-button-disabled { display:none; } #image-panel-cancel.yui-button-disabled { display:none; } #image-panel-save.yui-button-disabled { display:none; } #image-panel-saveandclose.yui-button-disabled { display:none; } .yui-button-checked #view-button-text-button { background: transparent url('../images/button-view-text-active.png') no-repeat 6px 2px; } .yui-button-checked #view-button-textthumb1-button { background: transparent url('../images/button-view-tt1-active.png') no-repeat 6px 2px; } .yui-button-checked #view-button-gallery1-button { background: transparent url('../images/button-view-thumb1-active.png') no-repeat 6px 2px; } .yui-button-checked #view-button-gallery2-button { background: transparent url('../images/button-view-thumb2-active.png') no-repeat 6px 2px; } .yui-button-checked #view-button-googlemap-button { background: transparent url('../images/button-view-googlemap-active.png') no-repeat 6px 2px; } /* @end */ /* @end */ /* @group :::::: LIST:Filter :::::: */ .content-header2 { min-height: 28px; min-width: 475px; margin-top: 1px; background-color: #e4e6ea; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; font-size: 11px; color: #666666; } .content-header2 H4 { float: left; margin: 8px 10px 0 28px; font-size: 10px; font-weight: bold; color: #666677; } .content-header2 #autosave-msg { display: block; float: left; margin: 5px; padding: 2px 8px; } .content-header2 LI { float: left; margin: 1px 10px 0 0; } .content-header2 LI.filter-tag { float: left; margin: 7px 10px 0 10px; } .content-header2 A { color: #3399ff; } .content-header2 SPAN { float: left; } /* @end */ /* @group :::::: LIST:Selection :::::: */ #selection-header { height: 28px; padding-left: 2px; padding-right: 10px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; color: #666666; font-size: 11px; min-width: 500px; } #selection-header input#documentselection_toggle_all_on_page { margin-left: 2px; } #selection-header UL.menugroup-empty { border-width: 0; padding: 0; } #selection-header A { color: #666666; } #selection-header A.yuimenuitemlabel { color: #333333; } #selection-header A.yuimenuitemlabel-disabled { color: #AAAAAA; } #selection-header LI.left { margin-top: 8px; } #selection-header LI.right { margin: 8px 0 0 5px; } #selection-header LI.yuimenuitem-disabled { display: none; } #selection-header LI.generic_action A { /* font-style: italic; */ } /* @end */ /* @end */ /* @group :::::: ARTICLE-LIST:Label-Dialog */ #label-dialog { position: absolute; top: 140px; left: 320px; background-color: #ffffff; width: 132px; height: 124px; } #label-dialog #label-palette { clear: both; border: 1px solid #cccccc; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 104px; padding: 2px 0 1px 0; } #label-dialog .color { width: 17px; height: 17px; float: left; } #label-dialog .color + .color { margin: 0 0 1px 2px; } #label-dialog .color.transparent { width: 24px; margin: 0; background: white url('../images/icon-label-transparent.png') no-repeat center center; } #label-dialog .color.divider { width: 24px; margin: 0; } #label-dialog .label-light { margin: 0 0 0 27px; } #label-dialog .label-light.top { margin-top: 8px; } #label-dialog .light-color { width: 17px; height: 34px; float: left; } #label-dialog .light-color + .light-color { margin: 0 0 0 2px; } /* @group ...... ARTICLE-LIST:Label::Colors */ .color-Orange .article, .content-list .color-Orange .gallery1.article, .content-list .color-Orange .gallery1 .image-wrapper, .content-list .color-Orange .gallery1 .tools-view, .content-list .color-Orange .gallery2.article, .content-list .color-Orange .gallery2 .image-wrapper, .content-list .color-Orange .gallery2 .tools-view, .label-light .color-Orange { background-color: #fff3e5; } .color-Orange .article .icon-tool-setlabelcolor, #label-palette .color-Orange { background-color: #fb8d00; } .color-Magenta .article, .content-list .color-Magenta .gallery1.article, .content-list .color-Magenta .gallery1 .image-wrapper, .content-list .color-Magenta .gallery1 .tools-view, .content-list .color-Magenta .gallery2.article, .content-list .color-Magenta .gallery2 .image-wrapper, .content-list .color-Magenta .gallery2 .tools-view, .label-light .color-Magenta { background-color: #ffe5f6; } .color-Magenta .article .icon-tool-setlabelcolor, #label-palette .color-Magenta { background-color: #fa00a2; } .color-Green .article, .content-list .color-Green .gallery1.article, .content-list .color-Green .gallery1 .image-wrapper, .content-list .color-Green .gallery1 .tools-view, .content-list .color-Green .gallery2.article, .content-list .color-Green .gallery2 .image-wrapper, .content-list .color-Green .gallery2 .tools-view, .label-light .color-Green { background-color: #eefced; } .color-Green .article .icon-tool-setlabelcolor, #label-palette .color-Green { background-color: #50df4f; } .color-Brown .article, .content-list .color-Brown .gallery1.article, .content-list .color-Brown .gallery1 .image-wrapper, .content-list .color-Brown .gallery1 .tools-view, .content-list .color-Brown .gallery2.article, .content-list .color-Brown .gallery2 .image-wrapper, .content-list .color-Brown .gallery2 .tools-view, .label-light .color-Brown { background-color: #ebdcd8; } .color-Brown .article .icon-tool-setlabelcolor, #label-palette .color-Brown { background-color: #9c543c; } .color-Red .article, .content-list .color-Red .gallery1.article, .content-list .color-Red .gallery1 .image-wrapper, .content-list .color-Red .gallery1 .tools-view, .content-list .color-Red .gallery2.article, .content-list .color-Red .gallery2 .image-wrapper, .content-list .color-Red .gallery2 .tools-view, .label-light .color-Red { background-color: #fbeae8; } .color-Red .article .icon-tool-setlabelcolor, #label-palette .color-Red { background-color: #db2e1e; } .color-Violet .article, .content-list .color-Violet .gallery1.article, .content-list .color-Violet .gallery1 .image-wrapper, .content-list .color-Violet .gallery1 .tools-view, .content-list .color-Violet .gallery2.article, .content-list .color-Violet .gallery2 .image-wrapper, .content-list .color-Violet .gallery2 .tools-view, .label-light .color-Violet { background-color: #f2eaf7; } .color-Violet .article .icon-tool-setlabelcolor, #label-palette .color-Violet { background-color: #864dac; } .color-Moss .article, .content-list .color-Moss .gallery1.article, .content-list .color-Moss .gallery1 .image-wrapper, .content-list .color-Moss .gallery1 .tools-view, .content-list .color-Moss .gallery2.article, .content-list .color-Moss .gallery2 .image-wrapper, .content-list .color-Moss .gallery2 .tools-view, .label-light .color-Moss { background-color: #dbe4e0; } .color-Moss .article .icon-tool-setlabelcolor, #label-palette .color-Moss { background-color: #89a898; } .color-Cyan .article, .content-list .color-Cyan .gallery1.article, .content-list .color-Cyan .gallery1 .image-wrapper, .content-list .color-Cyan .gallery1 .tools-view, .content-list .color-Cyan .gallery2.article, .content-list .color-Cyan .gallery2 .image-wrapper, .content-list .color-Cyan .gallery2 .tools-view, .label-light .color-Cyan { background-color: #e6fffc; } .color-Cyan .article .icon-tool-setlabelcolor, #label-palette .color-Cyan { background-color: #06fffb; } .color-Orange .article .icon-tool-setlabelcolor, .color-Magenta .article .icon-tool-setlabelcolor, .color-Green .article .icon-tool-setlabelcolor, .color-Brown .article .icon-tool-setlabelcolor, .color-Red .article .icon-tool-setlabelcolor, .color-Violet .article .icon-tool-setlabelcolor, .color-Moss .article .icon-tool-setlabelcolor, .color-Cyan .article .icon-tool-setlabelcolor { background-image: url('sprite-article.png'); background-position: -141px -1px;} /* @end */ /* @end */ /* @group ========= CENTER:FOOTER */ #statusleiste-list { clear: both; height: 28px; border-top: 1px solid #adadad; margin-right: -1px; } #statusleiste-list .pager { margin: 0 auto; text-align: center; width: 260px; font-size: 11px; font-weight: bold; color: #666666; } #statusleiste-list .pager LI { float: left; } #statusleiste-list .pager #pager-display { margin: 0 10px; } #statusleiste-list .pager #page-actual { width: 36px; margin: 3px 0 0 0; padding: 2px 3px; font-size: 11px; line-height: 1; font-weight: bold; text-align: right; color: #666666; } /* @end */ /* @end */ /* @group ========= ARTICLE:Details */ /* @group :::::: ARTICLE:Details::Text */ #pane-details .tab-text TABLE { font-size: 11px; width: 100%; margin:0 0 5px 0; } #pane-details .tab-text TD, #pane-details .tab-text TH { padding: 4px; border-bottom: 1px solid #f3f5f6; vertical-align: top; text-align: left; } #pane-details .tab-text TH { border-right: 1px solid #f3f5f6; background-color: #dce4eb; } #pane-details .tab-text TD { background-color: #ffffff; } #pane-details .tab-text .show-h-hover TR:hover TH { background-color: #c1cfdb;} #pane-details .tab-text .show-h-hover TR:hover TD { background-color: #dce4eb;} /* @group ...... ARTICLE:Details::ImagePanel */ #image-panel-picture { max-width: 100%; } #image-panel-body { /* min-height: 240px; */ text-align: center; } /* @end */ #pane-details .tab-text .text-wrapper { clear: both; } .tab-text .text-wrapper pre { white-space: break-spaces; } /* Thickbox tables within article text */ #TB_ajaxContent .tab-text .text-wrapper TABLE { font-size: 11px; width: 100%; margin:0 0 5px 0; } #TB_ajaxContent .tab-text .text-wrapper TD, #TB_ajaxContent .tab-text .text-wrapper TH { padding: 4px; border-bottom: 1px solid #f3f5f6; vertical-align: top; text-align: left; } #TB_ajaxContent .tab-text .text-wrapper TH { border-right: 1px solid #f3f5f6; background-color: #dce4eb; } #TB_ajaxContent .tab-text .text-wrapper TD { background-color: #ffffff; } #TB_ajaxContent .tab-text .text-wrapper .show-h-hover TR:hover TH { background-color: #c1cfdb;} #TB_ajaxContent .tab-text .text-wrapper .show-h-hover TR:hover TD { background-color: #dce4eb;} /* Thickbox action icons */ #TB_ajaxContent .tab-text DIV.tools-view UL.clearfix { display: inline; } #TB_ajaxContent .tab-text DIV.tools-view .clearfix LI { display: inline; } /* Thickbox flag icons */ #TB_ajaxContent .tab-text UL.status { display: inline; } #TB_ajaxContent .tab-text .status LI { display: inline; } #pane-details .tab-text .meta { font-size: 10px; margin: 5px 0 0 0; float: left; } #pane-details .tags { margin: 0 0 10px 35px; clear: both; } #pane-details .tab-text .tool-edit { float: right; margin: 20px 0 0 0; } #pane-details .tab-text H1, #pane-details .tab-event H1{ clear: both; font-size: 14px; font-weight: bold; } #pane-details .tab-text H2 { clear: both; font-size: 12px; font-weight: bold; } /* @end */ #pane-details .tab-rights H3 { margin: 12px 0 4px 0; font-size: 12px; font-weight: bold; } /* @group :::::: ARTICLE:Details::Infos */ #pane-details .tab-info H3 { margin: 12px 0 4px 0; font-size: 12px; font-weight: bold; } #pane-details .tab-info TABLE { width: 100%; } #pane-details .table-fileinfo { table-layout: fixed } /* .col-picture not used anymore, only for backwards compatibility (custom views) */ #pane-details .tab-info .col-picture { width: 160px; } #pane-details .tab-info .tagname { width: 94px; } #pane-details .tab-info .tag { width: auto; } #pane-details .tab-info TD.td_picture { vertical-align: middle; text-align: center; position: relative; } /* @end */ /* @group :::::: ARTICLE:Details::Flickr */ #pane-details .linktype { background-color: #E7E7E7; padding-left: 10px; } #pane-details .deletelink { float: right; } #pane-details #details-loading-animation-overlay { width: 100%; height: 100%; z-index: 2; background-color: #ffffff; opacity: .75; filter: alpha(opacity=75); position: absolute; } #details-loading-animation-overlay img { position: absolute; top: 50%; left: 50%; } /* @end */ /* @group :::::: ARTICLE:Details::Flickr */ .docflickr H3 { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 2px 10px; margin: 0; color: #444444; font-weight: bold; } .docflickr H4 { color: #444444; font-size: 11px; } .docflickr .text-wrapper { background-color: #ffffff; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; } .docflickr .text-wrapper:hover { background-color: #ffffff; border-right: 1px solid #3192ec; border-left: 1px solid #3192ec; } /* @end */ /* @group :::::: ARTICLE:Details::LinkSnippets */ /* #pane-details .linksnippets { margin: 32px 0 0 0; font-size: 11px; line-height: 13px; } #pane-details .linksnippets LI { width: 130px; height: 250px; float: left; margin: 0 16px 20px 0; } #pane-details .linksnippets .image-wrapper { display: block; height: 130px; width: 130px; background-color: #dce4eb; } #pane-details .linksnippets IMG { max-width: 130px; max-height: 130px; width: auto; height: auto; } #pane-details .linksnippets .text-wrapper { margin: 10px 0 0 0; } #pane-details .linksnippets .text-wrapper A { text-decoration: none; font-weight: bold; color: #333333; } #pane-details .linksnippets .text-wrapper I { font-weight: normal; } */ /* @end */ /* @end */ /* @group ========= THICKBOX */ #TB_caption { overflow: hidden; } #tb-footer { clear: both; height: 28px; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; } #tb-footer .yui-button { margin: 4px -1px; } #tb-footer #tb-slideshow-closer { float: left; margin: 0 0 0 10px; } #tb-footer #tb-selector { float: right; margin: 0 10px 0 0; } #tb-footer #tb-selector #tb-selected { margin: 7px 0; } #tb-footer #tb-selector LABEL { margin: 0 0 0 4px; } #tb-footer #tb-pager { margin: 0 auto; text-align: center; width: 260px; } #tb-footer #tb-pager LI { display: inline-table; vertical-align: middle; } #tb-footer #tb-pager #tb-count { margin: 0px 10px; font-weight: bold; display: block; } /* @end */ /* @group ========= TOOLTIP */ #document-tooltip { font-size: 11px; color: #ffffff; position: absolute; } #document-tooltip .tooltip-header { background-image: url('../images/overlay-content-bg.png'); background-repeat: no-repeat; padding: 0 16px; height: 16px; width: 356px; } #document-tooltip .tooltip-content { background-image: url('../images/overlay-content-bg.png'); background-repeat: no-repeat; background-position: 0 center; padding: 0 16px 2px; width: 356px; text-align: left; } #document-tooltip .tooltip-content pre{ white-space: break-spaces; } #document-tooltip .tooltip-footer { background-image: url('../images/overlay-content-bg.png'); background-repeat: no-repeat; background-position: 0 bottom; padding: 0 16px; height: 16px; width: 356px; } #document-tooltip .article-meta { color: #888888; } #document-tooltip H1 { font-weight: bold; margin: 0 0 4px 0; } #document-tooltip IMG { max-width: 352px; max-height: 246px; height: auto; width: auto; float: left; margin: 0 8px 4px 0; } /* @end */ #dragger .drag-ok { font-size: 40px; } #documentquery-results-contextmenu .bd { font-size: 11px; text-align: left; line-height: 18px; } #documentquery-results-contextmenu .bd LI { padding: 0.15em 0; } #documentquery-results-contextmenu .bd A { color: #333333; } #documentquery-results-contextmenu .bd A.yuimenuitemlabel-disabled { color: #AAAAAA; } #search-inner .bd .yuimenuitemlabel EM { font-weight: bold; font-size: 11px; } #documentquery-results-contextmenu LI.yuimenuitem-disabled { display: none; } #documentquery-results-contextmenu LI.generic_action A { /* font-style: italic; */ } /* @group ========= PAGE::EDIT */ /* @group ::::::::: PAGE::EDIT:::Story */ /* @group ...... PAGE::EDIT:::Tabs */ .page-edit .tab { float: left; margin: 5px 0 0 10px; padding: 4px 16px; text-align: center; font-weight: bold; font-size: 12px; line-height: 1; color: #999999; cursor: pointer; border: 1px solid #bbbbcc; border-width: 1px 1px 1px 1px; background-color: #f2f3f5; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .page-edit .tab.selected { color: #444455; border-width: 1px 1px 0 1px; border-bottom: 1px solid #f2f3f5; } .page-edit .tab:hover { color: #333344; } /* @end */ /* @group ::::::::: PAGE::EDIT:::Document */ .thumbnail-collection { margin: 0 10px 10px 10px; } .thumbnail-collection .picture { border: 1px solid #cccccc; float: left; padding: 3px; margin-right: 5px; background-color: #ffffff; } .thumbnail-collection IMG { max-height: 100px; max-width: 150px; width: auto; height: auto; } /* @group ::::::::: POPUP */ BODY.popup { padding: 0 0 20px 0; margin: 0; background-color: #cdced7; background-image: url('skin/dcx/dcx-bg-white.png'); background-position: 0 0; background-repeat: repeat-x; } BODY.popup H2 { margin: 10px 0 4px 0; font-weight: bold; font-size: 14px; text-align: center; line-height: 16px; color: #444455; } BODY.popup .formmask { border: none; } BODY.popup INPUT[name='formmask[FormMask][save]'] { margin-left: 140px !important; } /* @end */ #page-uploaddocument { font-size: 11px; } #page-uploaddocument LI { margin: 10px auto; width: 400px; } #page-uploaddocument label { display: block; float: left; text-align: right; } #page-uploaddocument .form-element.buttons INPUT { width: auto; } .selection-wrapper FIELDSET { margin: 8px 0 0; } .selection-wrapper .radio-wrapper { float: left; margin: 5px 0 5px 10px; clear: both; } .selection-wrapper .radio-wrapper INPUT { float: left; width: auto; } #action-dialog-body { text-align: left; } #action-dialog-body .selection-wrapper .radio-wrapper LABEL { text-align: left; margin: -1px 0 0 8px; float: left; width: 432px; } /* used so far for linkdocuments action. */ #action-dialog-body .radio-wrapper img { float:right; } .form-result { font-size: 12px; margin: 20px 0 0 0; } .form-result H2 { font-size: 16px; font-weight: bold; } #action-dialog-body .checkbox-wrapper { float: left; margin: 5px 0 5px 10px; clear: both; } #action-dialog-body .checkbox-wrapper INPUT { float: left; width: auto; } #action-dialog-body .checkbox-wrapper LABEL { text-align: left; margin: -1px 0 0 8px; float: left; width: 432px; } /* @end */ /* @group ========= PAGE:Login */ #page-login { background-color: #ffffff; padding: 20px; font-size: 12px; } #page-login H1 { text-align: center; margin: 30px 0 20px 0; font-size: 24px; color: #aaaaaa; } #page-login H1 IMG { display: block; height: auto; width: 400px; max-width: 100%; max-height: 100%; margin: 10px auto; } #page-login .content { max-width: 500px; margin: 30px auto; padding: 24px 0; background-color: #e8ebf0; border-radius: 16px; } #page-login H2 { text-align: center; margin: 0 0 20px 0; font-size: 24px; color: #7c8fb1; } #page-login P { text-align: center; margin: 0 0 20px 0; font-size: 12px; color: #992c2c; } #page-login UL { margin: 4px 0 ; } #page-login LI { margin: 12px auto; width: 300px; line-height: 140%; font-size: 12px; list-style-type: none; text-indent: 0; } #page-login LABEL { font-size: 12px; color: #666666; } #page-login .form-field INPUT, #page-login .form-field INPUT:focus, #page-login .form-field SELECT { border: 1px solid #7c8fb1 !important; font-size: 18px; padding: 2px 4px; margin: 0; display: block; } @media only screen and (min-width: 768px) { #page-login .form-field INPUT, #page-login .form-field INPUT:focus { width: 97%; } #page-login .form-field SELECT { width: 100%; } } #page-login .button { border: 3px double #7c8fb1; background-color: #d1d7e2; padding: 4px 8px; margin: 12px 0 0 0; font-size: 14px; } /* @end */ /* @group ========= ERRORs */ .error-messages { color: #9a091b; list-style: none; padding: 0; margin: 0; text-align: left; } #action-dialog .error-messages li { line-height: auto; margin: 0px; } /* @end */ /* @group ========= CLEARFIX */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%; } /* @end */ /* brutal hack */ /* Mantis #11793: due to an unknow bug during rendering of the layout manager the DIV containing the collapse-icon (as background-image) disappears. It's there after rendering the left panel, it disappears after finishing the rendering. Got no idea, so instead I includes this brutal hack -kai */ .yui-layout-unit-left.yui-resize .yui-layout-hd H2 { background-image: url('../images/panel-collapse-left.png'); background-position: right 5px; background-repeat: no-repeat; margin: 0 5px 0 0; cursor: pointer; } .yui-layout-unit-left.yui-resize .yui-layout-hd H2:hover { background-image: url('../images/panel-collapse-left-hover.png'); } /* @group job status */ .job_status_error { color: #CC0000; } .job_status_run { color: #FF9900; } .job_status_done { color: #005500; } #jobprogress .job_status_done { color: lightGreen; } #jobprogress .job_status_error { background-color: white; } /* @end */ /* @group Widget-Toolbar */ #pane-navigation .widget-toolbar { display: none; /* background-image: url('../images/widget-toolbar-bg.png'); height: 16px; margin: 0; */ } #pane-navigation .widget-toolbar-alpha { background-image: url('../images/widget-toolbar-sortby-alpha.png') !important; height: 16px; width: 32px; float: left; clear: none; } #pane-navigation .widget-toolbar-date { background-image: url('../images/widget-toolbar-sortby-time.png') !important; height: 16px; width: 20px; float: left; clear: none; } #pane-navigation .widget-toolbar-count { background-image: url('../images/widget-toolbar-sortby-count.png') !important; height: 16px; width: 17px; float: left; clear: none; } #pane-navigation .widget-toolbar-hide { background-image: url('../images/widget-toolbar-show-empty.png') !important; height: 16px; width: 22px; float: right; clear: none; } #pane-navigation #nav_channels .widget-toolbar { display: none; } #pane-navigation #nav_openstories .children LI { overflow: hidden; height: auto; } /* @end */ /* @group Widget-Toolbar */ .job_status TH { font-weight: bold; } /* @end */ /* @group help key */ #body_element .helpkey { display: none; } #body_element.showhelp .helpkey { display: block; } .keyborder { padding: 0; background-color: #e9ebef; background-color: white; border: 1px solid #dadbdd; border-radius: 4px; border: 1px solid black; height: 34px; width: auto; } .keyborder .label { margin-left: 40px; margin-top: 12px; margin-right: 15px; text-transform: none; font-size: 14px; color: black; font-weight: bold; } .keyborder .key { float: left; } .key { height: 35px; width: 35px; margin: 0px; padding: 0px; background-image: url('../images/key.png'); background-repeat: no-repeat; background-position: center; margin-top: 0px; } .key DIV { padding-top: 8px; padding-left: 9px; text-transform: none; text-align: left; font-size: 12px; } /* @end */ #helpkeys { position:absolute; z-index:9999; margin-left: 50px; margin-top: 25px; } #helpkeys UL { float:left; } #helpkeys UL LI .key { float:left; } #search-box-submit .keyborder { position: absolute; margin-left: -42px; margin-top: 2px; } #statusleiste-list .helpnavigation { position: absolute; right: 50px; bottom: 35px; width: 195px; height: 80px; } #statusleiste-list .helpnavigation .key { position: absolute; bottom: 5px; } #statusleiste-list .helpnavigation .left { left: 20px; } #statusleiste-list .helpnavigation .right { left: 90px; } #statusleiste-list .helpnavigation .up { left: 55px; bottom: 40px; } #statusleiste-list .helpnavigation .down { left: 55px; } #statusleiste-list .helpnavigation .pageup { left: 140px; bottom: 40px; } #statusleiste-list .helpnavigation .pagedown { left: 140px; } #statusleiste-list .helpnavigation .pageup DIV, #statusleiste-list .helpnavigation .pagedown DIV { text-align: center; } #statusleiste-details .helpkeys { position: absolute; left: 15px; bottom: 35px; } /* CSS Google configuration, NK - 21.06.11 */ .google_body { background-color: #fff; color: #555; font: .75em/1.5em Arial, sans-serif; padding: 1.5em; margin: 0; width: 40em; } .google_searchresult { padding: 1.5em 0; border-bottom: 1px solid #333; } .google_searchresult h3, .google_searchresult p { margin: 0; } .google_searchresult h3 a { font: italic 1em Georgia, serif; color: #00f; border-bottom: 1px solid #00f; text-decoration: none; font-weight: bold; font-size: 1em; } .google_searchresult .google_resultdesc b { color: #000; } .google_searchresult .google_resulturl { color: #080; font-size: .95em; } /* ========== dcx-wide-dialogs.css ========== */ /* keep the action dialog in front of all */ #action-dialog_mask { z-index: 199 !important; } #action-dialog_c { z-index: 200 !important; } /* dbobjectchangelog */ #action-dialog .dbobject-changelog { text-align: left; } #action-dialog .dbobject-changelog UL.revision LI H5 { font-weight: bold; color: #999999; } #action-dialog .dbobject-changelog UL.revision LI UL.log LI { margin: 0px; } #action-dialog .dbobject-changelog UL.revision LI UL.log LI .label { font-weight: bold; float: left; min-width: 120px; margin-right: 10px; } #action-dialog .dbobject-changelog UL.revision LI UL.log LI .to { color: darkgreen; margin-left: 130px; } #action-dialog .dbobject-changelog UL.revision LI UL.log LI.changelog-created, #action-dialog .dbobject-changelog UL.revision LI UL.log LI.changelog-modified { font-size: 0.8em; } /* ========== dcx-wide-defaultviews.css ========== */ .content-list .article { margin: 0 0 0 0; border-bottom: 1px solid #e7e7e7; } .content-list .default.article { position: relative; } .content-list .thumb1.article { border-top: 1px solid #e7e7e7; } .content-list .article.upload-reqfieldsmissing { border: 1px solid red; } .content-list .disabled { opacity: 0.3; filter: alpha(opacity=30); } /* @group ::::::ARTICLE-LIST Default (Lists View) */ .content-list .default .tools-view-thumb, .content-list .default .meta-view-thumb, .content-list .default .status-view-thumb, .content-list .default .image-wrapper-view-thumb, .content-list .default .tags, .content-list .default .linked { display: none;} /* @group ...... Tools */ .content-list .tools, .content-list .default .tools-view-default { float: left; margin: 0 4px 0 0; padding: 0 8px 0 0; } .content-list .default .tools-view-story { float: right; background-color: #e7e7e7; margin: 0 4px 0 0; padding: 0 8px 0 0; } #tabs #tabs_content DIV.tools-view LI, .content-list .tools LI, #TB_ajaxContent .tab-text DIV.tools-view .clearfix LI, .content-list .default .tools-view-story LI { float: left; height: 19px; width: 19px; margin: 2px; } .content-list .tools LI, #TB_ajaxContent .tab-text DIV.tools-view .clearfix LI, .content-list .default .tools-view-default LI { float: left; height: 19px; width: 19px; margin: 2px; } #TB_ajaxContent .tab-text DIV.tools-view { float:right; margin-top: -4px; margin-bottom: 3px; position: relative; } .action_js, .action { cursor: pointer; } .action.link { text-decoration: underline; } .drag_document { cursor: move; } /* @end */ #content-list .default .text-view-wrapper { float: left; position: relative; padding: 2px 0 0 0; } /* @group ...... Meta */ .content-list .meta, .content-list .default .meta-view-default { float: left; font-size: 10px; text-transform: uppercase; color: #999999; } .content-list .meta LI, .content-list .default .meta-view-default LI { float: left; } .content-list .meta LI.read-status, .content-list .default .meta-view-default .read-status { margin: 1px 0 0 0; width: 19px; height: 16px; border: 1px solid transparent; } .content-list .article-unread .read-status { background-image: url('../images/icon-meta-unread.png'); width: 19px; height: 14px; } .content-list .article-unread .default .article-text .read-status { display: none; } .content-list .article-unread .thumb1 .read-status, .content-list .article-unread .task-text .read-status, .content-list .article-unread .gallery1 .read-status, .content-list .article-unread .gallery2 .read-status { width: 19px; height: 17px; float: left; margin-right: 2px; } .content-list .gallery2.article-unread .read-status { margin-top: 3px; } .icon-story { display: none; } .documenttype-story .icon-story { /*display: block;*/ display: inline; font-size: 9px; padding: 1px 2px; background-color: #000000; color: #ffffff; font-weight: bold; text-transform: uppercase; line-height: 11px; float: left; margin-right: 4px; /*: 0 10px 0 0;*/ } .documenttype-story .icon-story.pubstatus-published { background-color: #2e712d;} .documenttype-story .icon-story.pubstatus-ready { background-color: #e6751c;} .documenttype-story .icon-story.pubstatus-correction { background-color: #e6751c;} .content-list .default .documenttype-story .icon-story { margin: 2px 0 0 4px; float: none; display: inline; } .content-list .default .documenttype-story H1 { margin: 4px 0px 0 0; } .gallery1.documenttype-story .icon-story { float: right; margin: 2px 0 0 10px; line-height: 1; font-size: 10px; padding: 2px 5px 3px 7px; } .gallery2.documenttype-story .icon-story { float: right; margin: 2px 0 0 10px; line-height: 1; font-size: 11px; padding: 2px 5px 3px 7px; } .content-list .meta LI.priority { margin: 3px 4px 0 4px; } .content-list .default .meta-view-default LI.priority { margin: 3px 4px 0 4px; width: 8px; } .content-list .meta LI.time { margin: 3px 4px 0 4px; } .content-list .default .meta-view-default LI.time { margin: 1px 0; width: 90px; height: 16px; line-height: 16px; overflow: hidden; } .content-list .meta LI.provider { margin: 3px 4px 0 4px; } .content-list .default .meta-view-default LI.provider { margin: 1px 0; width: 52px; height: 16px; line-height: 16px; overflow: hidden; } /* @end */ /* @group ...... Text */ .content-list .default .text-wrapper-view-thumb { float: left; } .content-list .view-text_view.default .article-text { position: absolute; top: 3px; left: 176px; overflow: hidden; height: 16px; width: 3000px; } .content-list H1 { margin: 2px 4px 0 4px; font-size: 11px; font-weight: bold; color: #333333; height: 1.2em; overflow: hidden; } .content-list .default H1 { margin: 0 4px; font-size: 11px; line-height: 16px; font-weight: bold; color: #333333; overflow: hidden; float: none; display: inline; } .content-list .default H1.with-breaks { display: none;} .content-list .article-copy, .content-list .default .article-copy { float: left; } .content-list .view-text_view .task-text, .content-list .view-text_view .story-text { display: block; margin-right: 190px; } .content-list .view-text_view .story-text { height: 3em; } .content-list .view-text_view.default .article-copy { font-size: 11px; line-height: 16px; overflow: hidden; float: none; display: inline; color: #7a7a7a; } .content-list .view-text_view.thumb1 .article-copy { margin: 4px 4px 0 0; font-size: 12px; line-height: 15px; float: none; text-align: justify; } .content-list .view-text_view .task-text .link A { color: black; } /* @end */ /* @group ...... Status */ .content-list .status UL { float: right; } .content-list .status LI { margin: 4px 4px 0 4px; float: right; } .content-list .default .status-view-default UL { position: absolute; right: 0px; top: 0px; height: 18px; width: auto; padding: 0; } .content-list .default .status-view-default LI { margin: 0; background-color: #ffffff; xposition: absolute; float: right; height: 18px; overflow: hidden; text-align: right; padding: 0 1px 0 1px; border-left: 1px solid #dddddd; } .content-list .status-view-thumb LI .legend { width: 74px; display: block; float: left; overflow: hidden; } /* @end */ /* @end */ /* @group ::::::ARTICLE-LIST Thumb1+2 */ .content-list .thumb1 .tools-view-default, .content-list .thumb1 .meta-view-default, .content-list .thumb1 .status-view-default { display: none;} .content-list .thumb1 .linked { /* display: none; */ } .content-list .task-wrapper.article, .content-list .thumb1.article { margin: 0 0 2px 0; font-size: 12px; line-height: 18px; color: #333333; min-width: 450px; } .content-list .documentrelatedquery .thumb1.article { margin: 0 0 1px 0; } .content-list .documentrelatedquery .first_document { margin: 0 0 15px 0; } .content-list .task-wrapper.article { margin: 0 0 1px 0; } .content-list .thumb1 .article.tab-rights { background-image: none; } .content-list .thumb1 .tools-view-thumb { width: 25px; float: left; height: 130px; } .content-list .thumb1 .tools-view-thumb LI { width: 19px; height: 19px; margin: 3px 0 0 3px; } .actionicons LI.icon-tool-upload { background: url('sprite-article.png') -61px 0px; } .actionicons LI.icon-tool-downloadfile { background: url('sprite-article.png') -81px 0px; } .actionicons LI.icon-tool-editdocument { background: url('sprite-article.png') -101px 0px; } .actionicons LI.icon-tool-setlabelcolor { background: url('sprite-article.png') -21px 0px; } .actionicons LI.icon-tool-slideshow { background: url('sprite-article.png') -121px 0px; } /* overwrite previous background icons if a custom icon has been defined */ .actionicons li.has-icon_css { background: none; } .content-list .thumb1 .article-text { float: left; } /* @group ...... Status */ .content-list .thumb1 .status-view-thumb { float: right; width: 94px; margin: 10px 10px 0 0; font-size: 10px; } .content-list .thumb1 .status-view-thumb LI { border-bottom: 1px solid #d7d7d7; margin: 3px 0 3px 0; padding: 0 0 5px 0; color: #999999; line-height: 1; } .content-list .thumb1 .status-view-thumb LI.icons { padding-bottom: 2px; padding-left: 1px; float: left; height: 16px; min-width: 17px; } .content-list .thumb1 .status-view-thumb LI.checked { background-image: url('../images/icon-status-checked.png'); background-position: right -4px; background-repeat: no-repeat; } /* @end */ /* @group ...... Image */ .content-list .thumb1 .image-wrapper-view-thumb { float: left; margin: 0 10px; width: 150px; height: 150px; background-color: #e7e7e7; display: inline-table; /* NEU */ } .content-list .thumb1.no-picture .image-wrapper-view-thumb { display: none } .docflickr.content-list .thumb1 .image-wrapper-view-thumb { margin: 0 10px 0 0; } /* NEU: Neuer Wrapper um vertical-Alignment auf Bilder anzusetzen */ .image-wrapper-cell { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .content-list .thumb1 .image-wrapper-view-thumb IMG { max-width: 150px; max-height: 150px; width: auto; height: auto; margin: 0 auto; } /* @end */ /* @group ...... Meta + Text */ .content-list .thumb1 .text-wrapper-view-thumb { margin: 0px 138px 0 195px; } .content-list .thumb1.no-picture .text-wrapper-view-thumb { margin: 0px 138px 0 35px; } .docdetails.content-list .thumb1 .text-wrapper-view-thumb { margin: 8px 13px 0 195px; } .content-list .thumb1 .text-wrapper-view-thumb .article-copy pre { white-space: break-spaces; } .content-list .thumb1 .meta-view-thumb { margin: 8px 0 0 0; color: #999999; font-size: 10px; } .content-list .thumb1 .meta-view-thumb A { color: #333333; } .content-list .thumb1 .meta-view-thumb LI { display: inline; margin: 0 20px 0 0; } .content-list .thumb1 .article-text { float: none; } .content-list .thumb1 .article-text H1 { float: none; margin: 0; padding: 0; height: auto; font-size: 12px; line-height: 14px; } .content-list .thumb1 H1.without-breaks { display: none;} .content-list .tags .images LI { float: left; } .content-list .tags .images LI { width: 150px; height: 150px; } .content-list .tags .images LI IMG { max-width: 150px; max-height: 150px; width: auto; height: auto; margin: 0 auto; } /* @end */ .content-list .thumb1 .tags { margin: 4px 0 0 5px; float: left; } .tags LI.tag { float: left; background-color: #e7e7e7; margin: 0 6px 1px 0; padding: 0 2px 0 6px; border: 1px solid #d7d7d7; font-size: 10px; font-weight: bold; line-height: 1; color: #666666; border-radius: 7px; /* background-image: url('../images/icon-tag-delete-grey.png'); */ background-repeat: no-repeat; background-position: right -1px; cursor: pointer; } .tags LI.tag:hover { border-color: #999999; } .tags LI.tag SPAN:hover { color: #333333; } .tags LI.tag.handle-action { background-image: url("../images/wait18trans.gif"); background-repeat: no-repeat; } .tags LI.tag.handle-action .icon-tool-delete { visibility: hidden; } .tags .tag-wrapper { float: left; padding-top: 2px;} .tags .tag-wrapper .glyphicons { margin-right: 2px; margin-top: -2px; } .tags IMG.icon-tool-delete { float: right; margin-left: 5px; opacity: .33; } .tags IMG.icon-tool-delete:hover { opacity: 1;} .groups LI.group { float: left; background-color: #e7e7e7; background-color: Wheat; margin: 0 6px 0 0; padding: 0 6px 0 6px; border: 1px solid #d7d7d7; font-size: 10px; font-weight: bold; line-height: 1; color: #666666; border-radius: 7px; background-repeat: no-repeat; background-position: right -1px; cursor: pointer; } .groups LI.group:hover { border-color: #999999; } .groups LI.group A { color: black; } .content-list .add-to-collection { font-size: 12px; color: #666666; margin-left: 7px; } .content-list .add-to-collection:hover { color: black; } .content-list .thumb1 .linked { margin: 0 0 0 5px; /* float: left; */ display: flex; } /* @end */ /* @group ::::::ARTICLE-LIST Gallery1+2 */ /* _ _ _ LI-Container */ .li-gallery_view, .li-gallery_view_gallery2 { display: block; float: left; } .li-gallery_view { margin: 0 0 10px 10px; } .li-gallery_view_gallery2 { margin: 0 0 18px 6px; } .content-list .gallery1 .article-text-view-gallery2 { display: none;} .content-list .gallery2 .article-text-view-gallery1 { display: none;} .content-list .gallery1.article, .content-list .gallery2.article { background-color: #ffffff; border: 0 solid #ffffff; font-size: 12px; line-height: 18px; color: #333333; } .content-list .gallery1.article { width: 179px; /* 150px Picture + 25px Toolbar + 4px Border-Right */ height: 178px; } .content-list .gallery2.article { width: 367px; /* 363px Picture + 25px Toolbar + 4px Border-Right */ height: 378px; border-bottom: 1px solid #e7e7e7; } /* @group ...... Tools */ .content-list .gallery1 .tools-view { width: 25px; float: left; background-color: #e7e7e7; height: 150px; margin: 0; } .content-list .gallery2 .tools-view { width: 25px; float: left; background-color: #e7e7e7; height: 338px; margin: 0 0 6px 0; } .content-list .gallery1 .tools-view LI, .content-list .gallery2 .tools-view LI { height: 19px; width: 19px; margin: 3px 0 0 3px; } /* @end */ /* @group ...... Image */ .content-list .gallery1 .image-wrapper { float: left; width: 150px; height: 150px; background-color: #e7e7e7; margin: 0; position: relative; } .content-list .gallery2 .image-wrapper { float: left; margin: 10px; width: 338px; height: 338px; background-color: #e7e7e7; margin: 0 0 6px 0; position: relative; } .content-list .gallery1 .image-wrapper IMG { max-width: 150px; max-height: 150px; width: auto; height: auto; margin: 0 auto; } .content-list .gallery2 .image-wrapper IMG { max-width: 338px; max-height: 338px; width: auto; height: auto; margin: 0 auto; } .content-list .gallery1 .image-wrapper .article-meta, .content-list .gallery2 .image-wrapper .article-meta { font-size: 9px; line-height: 1; color: #ffffff; background-image: url('../images/overlay-black-transparent.png'); position: absolute; bottom: 0; left: 0; opacity: 0.85; text-align: center; } .content-list .gallery1 .image-wrapper .article-meta { width: 150px; } .content-list .gallery2 .image-wrapper .article-meta { width: 138px; right: 0; left: 0px; } .content-list .gallery1 .image-wrapper .article-pool, .content-list .gallery2 .image-wrapper .article-pool { font-size: 9px; line-height: 1; color: #ffffff; background-image: url('../images/overlay-black-transparent.png'); position: absolute; top: 2px; left: 0; right: 0; opacity: 0.85; text-align: center; text-transform: uppercase; } .content-list .gallery1 .image-wrapper .article-pool { width: 150px; } .content-list .gallery2 .image-wrapper .article-pool { width: 150px; } /* @end */ /* @group ...... Text */ .content-list .gallery1 .article-text-view-gallery1 { float: left; margin: -2px 0 0 2px; width: 175px; max-height: 44px; overflow: hidden; } .content-list .gallery1 .article-text-view-gallery1.with-icons { max-height: 22px; } .content-list .gallery1 .article-text-view-gallery1 .article-copy { font-size: 10px; line-height: 11px; float: none; } .content-list .gallery1 .article-text-view-gallery1 H1 { float: none; margin: 0; padding: 0 0 0 0; font-size: 10px; line-height: 11px; height: auto; display: inline; } .content-list .gallery2 .article-text-view-gallery2 { float: left; margin: -8px 0 0 0; width: 363px; max-height: 40px; overflow: hidden; } .content-list .gallery2 .article-text-view-gallery2.with-icons { max-height: 24px; } .content-list .gallery2 .article-text-view-gallery2 .article-copy { font-size: 11px; line-height: 12px; float: none; margin: 2px 0 0 0; padding: 0 0 0 2px; text-align: justify; } .content-list .gallery2 .article-text-view-gallery2 H1 { float: none; margin: 0; padding: 0; font-size: 11px; line-height: 12px; height: auto; display: inline; } /* @end */ /* @group ...... Status */ .content-list .gallery1 .status { float: left; min-height: 20px; } .content-list .gallery2 .status { float: left; min-height: 20px; margin: 0 2px 10px 0; } .content-list .gallery1 .status UL { float: left; /* display: none; Wozu? */ margin: 2px 0 0 0; font-size: 10px; } .content-list .gallery1 .status LI { margin: 0; padding: 0; color: #999999; line-height: 1; float: left; } .content-list .gallery1 .status LI .glyphicons { font-size: 14px; opacity: 1; } .content-list .gallery2 .status UL { float: left; /* xxxwidth: 363px; */ margin: 6px 0 0 0; font-size: 10px; } .content-list .gallery2 .status LI { margin: 0; padding: 0; color: #999999; line-height: 1; float: left; } /* @end */ /* @end */ /* @group :::::: hover view */ .content-list .gallery1.article { width: 154px; /* 150px Picture (+ 25px Toolbar) + 4px Border-Right */ position: relative; } .content-list .gallery2.article { width: 342px; /* 363px Picture (+ 25px Toolbar) + 4px Border-Right */ position: relative; } .content-list .gallery1 .tools-view, .content-list .gallery2 .tools-view { position: absolute; z-index: 2; visibility: hidden; top: 0; left: 0; } .content-list .article .image-wrapper .article-pool, .content-list .article .image-wrapper .article-meta { display: block; } .content-list .gallery1 .image-wrapper .article-pool, .content-list .gallery1 .image-wrapper .article-meta{ width: 125px; padding-left: 25px; } .content-list .gallery2 .image-wrapper .article-pool, .content-list .gallery2 .image-wrapper .article-meta { width: 313px; padding-left: 25px; } .content-list .gallery1 .image-wrapper .placeholder-title { width: 130px; line-height: 1; position: absolute; bottom: 30px; left: 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px 0 10px; } .content-list .article-active .gallery1 .tools-view, .content-list .article-active .gallery2 .tools-view, .content-list .gallery1:hover .tools-view, .content-list .gallery2:hover .tools-view { visibility: visible; } .content-list .article-selected .gallery1 .tools-view .actionicons-selectdocument, .content-list .article-selected .gallery2 .tools-view .actionicons-selectdocument { visibility: visible; } .content-list .gallery1 .article-text-view-gallery1 { width: 150px; } .content-list .gallery2 .article-text-view-gallery2 { position: absolute; bottom: 0; width: 338px; } /* @end :::::: hover view */ .linksnippets .text-wrapper { margin: 0 0 0 25px; } .linksnippets .image-wrapper-view-thumb { float: left; margin-top: 0px !important; margin-bottom: 5px !important; } .content-list .linksnippets .meta-view-thumb { margin: 5px 0 0 10px; line-height: 120%; } .content-list .linksnippets.article { border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; background-color: #ffffff; min-width: 195px; } .content-list .linksnippets.article:hover { border-right: 1px solid #3192ec; border-left: 1px solid #3192ec; } .linksnippets .article-text { line-height: 120%; margin: 0 10px 5px; text-align: justify; } .linksnippets .article-copy { float: none; } .content-list .linksnippets .meta-view-thumb li { margin: 0; } /* @group :::::: ARTICLE-LIST:Status */ .content-list .default.article:hover { background-color: #e8e9ea; } .content-list .thumb1.article:hover { background-color: #f3f3f3; } .content-list .article-active .view-text_view.article { border: 2px solid #3192ec; margin: 0 0 3px 0; } /* .content-list .view-text_view.article-unread .article, .content-list.gallery1 .article-unread .image-wrapper { background-color: #eaf2fa; } */ .content-list #documentrelatedquery-header .article-active, .content-list .article-active .thumb1.article { border: 2px solid #3192ec; margin: 0 0 0px 0; } .content-list .gallery1 .image-wrapper, .content-list .gallery2 .image-wrapper { border: 2px solid; border-color: white white transparent transparent; border-width: 2px 2px 2px 0; /* Dummy-Border to compensate vor the blue 'selected'-Border */ display: table; table-layout: fixed; } .content-list .gallery1 .tools-view, .content-list .gallery2 .tools-view { border: 2px solid; border-color: white transparent transparent white; border-width: 2px 0 2px 2px; /* Dummy-Border to compensate vor the blue 'selected'-Border */ } .content-list .article-active .gallery1 .tools-view, .content-list .article-active .gallery2 .tools-view { border: 2px solid #3192ec; border-width: 2px 0 2px 2px; } .content-list .article-active .gallery1 .image-wrapper, .content-list .article-active .gallery2 .image-wrapper { border: 2px solid #3192ec; border-width: 2px 2px 2px 0; } /* Vertical + horizontal alignment for thumbnails in gallery views */ .content-list .gallery1 .image-wrapper SPAN.image-span, .content-list .gallery2 .image-wrapper SPAN.image-span { display: table-cell; vertical-align: middle; text-align: center; } .content-list .gallery1 .image-wrapper SPAN.image-span { height: 150px; width: 150px; } /* height/width = from .image-wrapper. Has to be absolute! */ .content-list .gallery2 .image-wrapper SPAN.image-span { height: 338px; width: 338px; } /* height/width = from .image-wrapper. Has to be absolute! */ /* @end */ /* @group ...... HTMl Placeholder */ .content-list .gallery1 .image-wrapper .placeholder_html { color: #666666; font-size: 50px; } .content-list .gallery2 .image-wrapper .placeholder_html { color: #666666; font-size: 100px; } .content-list .thumb1 .image-wrapper-view-thumb .placeholder_html, .content-list .task-wrapper .image-wrapper-view-thumb .placeholder_html { color: #666666; font-size: 50px; } #tabs_content .tab-text .placeholder_html { color: #666666; font-size: 120px; } .thickbox #image-panel-body .placeholder_html { color: #666666; font-size: 120px; } /* @end */ /* ========== dcx-wide-navpanel.css ========== */ .is-dragging #pane-navigation_scroll_up, .is-dragging #pane-navigation_scroll_down { visibility: visible; } #pane-navigation_scroll_down { visibility: hidden; position: absolute; bottom: 0px; left:0px; width: 100px; height: 50px; background-color: red; z-index: -1; } #pane-navigation_scroll_up { visibility: hidden; position: absolute; top: 0px; left:0px; height: 100px; background-color: red; z-index: -1; } #pane-navigation { background-color: #f3f5f6; font-size: 11px; color: #444444; } #pane-navigation LI .header-wrapper H3, #pane-navigation LI .header-wrapper DIV { color: #444444; } #pane-navigation LI .header-wrapper .toolicon { /* display: none; */ } #pane-navigation LI .header-wrapper .recently_opened_documents { background-image: url("../images/icon-tool-recentlyopened.png"); background-position: center; } #pane-navigation LI .header-wrapper .nav_scrolldownmenu { position: absolute; right: 0px; left: 25%; margin-top: 7px; /* padding-left: 10px; padding-right: 10px; */ background-color: #f1f1f1; /* border: 1px solid #cccccc; */ border: 1px solid black; border-top: none; border-radius: 0px 0px 4px 4px; display: none; z-index: 3; } #pane-navigation LI .header-wrapper .nav_scrolldownmenu .title { padding-left: 10px; padding-right: 10px; border-bottom: 1px solid black; text-align: center; font-weight: bold; } #pane-navigation LI.closed UL.children { display: none; visibility: hidden; } #pane-navigation LI.closed.mouseover > UL.children { display:block; visibility:visible; position:absolute; left: 17px; right: 0px; background-color: #F3F5F6; /* border: 3px solid #cccccc; */ border: 1px solid black; border-top: none; border-radius: 0px 0px 4px 4px; padding: 0px; padding-top: 5px; margin: 0px; } #pane-navigation LI.closed.mouseover UL.children { display:block; visibility:visible; z-index: 1; } #pane-navigation LI UL { margin: 0px 0 10px 0; padding: 0; } #pane-navigation UL .li-wrapper { line-height: 12px; padding: 0px; } /* @group ...... LEFT:Icons ....... */ #pane-navigation LI UL LI { margin: 0 0 1px; padding: 0; clear: both; min-height: 16px; } #pane-navigation LI.user_tags UL LI { margin: 0; padding: 0; background-image: none; } #pane-navigation LI.user_tags UL LI .children { margin: 0; } #pane-navigation LI.channels LI .li-wrapper:hover, #pane-navigation LI.agents LI .li-wrapper:hover, #pane-navigation LI.user_tags LI .li-wrapper:hover { background-color: #deecf8; cursor: pointer; } #pane-navigation LI.channels .active > .li-wrapper, #pane-navigation LI.agents .active > .li-wrapper, #pane-navigation LI.user_tags .active > .li-wrapper { background-color: #cae3fa !important; } #pane-navigation LI.channels LI .label-status, #pane-navigation LI.agents LI .label-status, #pane-navigation LI.user_tags LI .label-status { padding: 1px 6px 1px 6px; color: #666666; margin-right: 6px; float: right; background-color: #cccccc; border-radius: 6px; min-width: 15px; text-align: center; transition: background-color,box-shadow 1s ease-in-out 0s; } #pane-navigation LI#channels UL LI { background-image: url('../images/icon-article.png'); background-position: 18px 0; padding: 0; } #pane-navigation LI#channels UL LI INPUT { margin: 0 22px 0 0; } #pane-navigation .drop-target { /* border: 1px dotted #cae3fa; */ } #pane-navigation .drag-over { background-color: #cae3fa; } #pane-navigation INPUT.checkbox { float: left; margin: 0 4px 0 0; line-height: 1; } #pane-navigation .label { /* width: 100%; display: inline; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; word-wrap: break-word; } #pane-navigation .topic_default .label { color: #777777; } #pane-navigation .topic_actor .label { color: #333333; } .is-dragging #pane-navigation .topic_actor .drop-target .label, .is-dragging .drop-target .label { color: #3399ff; } #pane-navigation LI UL LI.nav_action { background-image: none !important; padding: 0 10px 0 0; text-align: right; font-style: italic; color: #999999; } #pane-navigation LI#nav_channels UL LI.nav_action .toggle { display: none;} /* @end */ /* @group ...... LEFT:Kontextmenu */ #navigation-contextmenu { font-size: 11px; } #navigation-contextmenu A { color: #333333; } #navigation-contextmenu LI.separator { padding: 5px; margin: 0; } #navigation-contextmenu LI.separator A { padding: 0; margin: 0; } /* @end */ #pane-navigation .auto_hide { display: none; font-style: italic; } /* ========== dcx-forms.css ========== */ .show { display: block;} .hide { display: none !important;} .formmask { padding: 10px 0 0 0; margin: -1px 0 0 0; background-color:#cdced7; background-image: url('skin/dcx/dcx-bg-white.png'); background-position: 0 0; background-repeat: repeat-x; border-top: 1px solid #bbbbcc; } .section { margin: 0 10px 20px; padding: 5px 10px 3px; border: 1px solid #dadbdd; border-radius: 4px; background-color: #e4e6ea; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #f4f5f7; border-bottom: 1px solid #f4f5f7; } /* @group =========== FORMS: Basics */ .form_entry INPUT { color: #322119; font-size: 11px; } /* @group ========= FORMs */ #action-dialog { overflow: visible; } #action-dialog-body FIELDSET { border: 1px solid #cccccc; text-align: left; padding: 5px; } #action-dialog-body LEGEND { color: #666666; padding: 0 10px; } #action-dialog-body LABEL { color: #666666; width: 120px; margin: 0 10px 0 0; } #action-dialog-body .form-wide LABEL { width: 180px; } #action-dialog-body .form-extra-wide LABEL { width: 300px; text-align: left; } #action-dialog-body .form-element { width: 200px; float: left; } #action-dialog-body .yui-ac-container .yui-ac-content { width: 208px !important; } #action-dialog-body .form-element INPUT { width: 200px; padding: 4px 4px; float: left; } #action-dialog-body .form-element INPUT[type='checkbox'] { width: auto; } #action-dialog-body .form-element SELECT { width: 208px; } #action-dialog-body .form-element LI.checkbox { padding-left: 144px; width: auto; } #action-dialog-body LI.checkbox.form_entry .input.checkbox LABEL { width: auto; } #action-dialog-body LI.checkbox .form-element, #action-dialog-body LI.checkbox .form-element INPUT { width: auto; } #action-dialog-body .form-element LI.checkbox LABEL { width: 188px; text-align: left; margin-left: 10px; line-height: 11px; } #action-dialog-body .form_entry TEXTAREA { width: 380px; } .yui-skin-sam .yui-dialog #action-dialog-body li { width:auto; } .yui-skin-sam .yui-dialog li { margin:10px auto; width:400px; } /* @group ......FORM:Thickbox::Edit User-Tag */ #action-dialog-body .shared-wrapper { margin-top: 0; } #action-dialog-body .shared-wrapper UL { margin: 0 0 0 110px; clear: both; } #action-dialog-body .additional-shared-wrapper { margin: 0 0 0 110px; clear: both; } #action-dialog-body .shared-wrapper LI, #action-dialog-body .additional-shared-wrapper LI.checkbox { margin: 0; padding: 0; font-size: 11px; min-height: 0; } #action-dialog-body .additional-shared-wrapper LI { width: auto; } #action-dialog-body .additional-shared-wrapper .textfield { margin: 0 0 24px 0; } #action-dialog-body .shared-wrapper LI INPUT[type='checkbox'], #action-dialog-body .additional-shared-wrapper LI INPUT[type='checkbox'] { margin: 4px 0 0; padding: 0; float: left; } #action-dialog-body .shared-wrapper LI LABEL, #action-dialog-body .additional-shared-wrapper .checkbox LABEL { float: left; margin: 4px 0 0 8px; padding: 0; } #action-dialog-body .form-entry.autocomplete { margin: 0 0 5px 0; } #action-dialog-body #usersearch_assistant LI { margin: 0; } /* @end */ /* @end */ INPUT.mini { font-size: 8px; } .button.light { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #999999; border-right: 1px solid #999999; color: #5f6050; } .button.light:hover { border-top: 1px solid #5ba9f0; border-left: 1px solid #5ba9f0; border-bottom: 1px solid #258ceb; border-right: 1px solid #258ceb; color: #134879; } .button.mini { height: 15px; border-radius: 3px; font-size: 11px; margin: 2px 4px 2px 0; padding: 0px 8px; } .button.light.mini { background-image: url('../images/button-light-mini-bg.png'); background-position: 0 0; background-repeat: repeat-x; } .button.light.mini:hover { background-image: url('../images/button-light-mini-bg.png'); background-position: 0 -15px; background-repeat: repeat-x; } .button.normal { height: 25px; border-radius: 3px; font-size: 11px; margin: 2px 4px 2px 0; padding: 0px 8px; } .editable { background-image: url('../images/icon-edit-fields.png'); background-position: right 3px; background-repeat: no-repeat; } .editable TEXTAREA { width: 100%; font-size: 11px; line-height: 12px; border-top: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } #element-in-work.editable { background: none; } /* @group ::::::::: FORM:UL-Form-Lines */ .form-pubinfo .form-lines, .form-tasks .form-lines { margin: 0 0 10px 0; padding: 2px 8px 0 4px; background-color: #e9ebef; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 4px; } /* @end */ /* @group ...... FORM-Line */ .form_entry { margin: 0 0 5px 0; padding: 0; font-size: 12px; line-height: 14px; clear: both; color: #313b67; min-height: 20px; } #pane-list .form_entry * { font-size: 12px; line-height: 14px; } #pane-details .formcomponent-small * { font-size: 11px; line-height: 12px; } .form_entry.story-status { margin-top: -6px; margin-bottom: 1px; } .form_entry.half-width { width: 320px; float: left; clear: none !important; } .form_entry.first-in-line { clear: both !important; } .form_entry .error { color: red; } .form_entry .warning { color: #F58516; } .form_entry.radio, .form_entry.checkbox, .form_entry.datetime, .form_entry.text { } .form_entry.datetime { position: relative; } .form_entry.select, .form_entry.file { } /* @end */ /* @group ...... FORM-Line:LABEL */ .form_entry LABEL { display: block; float: left; width: 120px; margin: 5px 5px 2px 0; padding: 0; color: #3d5f86; text-align: right; } .form_entry DIV.input LABEL { float: none; display: block; width: auto; margin: 0px; padding: 0; text-align: left; } .form_entry.text.static LABEL { margin: 2px 5px 2px 0; } .form_entry.textarea LABEL { margin: 1px 5px 2px 0; } .form_entry.large LABEL { font-weight: bold; font-size: 18px; } .form_entry.radio .input LABEL, .form_entry.checkbox .input LABEL { width: auto; text-align: left; float: none; } .form_entry .label { display: block; padding: 0; color: #3d5f86; } .formcomponent-small LABEL, .form_edit_story LABEL { display: block; float: none; text-align: left; margin: 0 0 1px 0; padding: 0 0 0 3px; } .formcomponent-small LABEL { margin-bottom: 0; padding-left: 1px; } #pane-list .form_edit_story LABEL { margin: 0 0 -2px 0; padding: 0; font-size: 9px; } /* @end */ /* @group ...... FORM-Line:Form-Element-Wrapper */ .form_entry DIV.input { padding: 0; margin: 0; float: left; width: 332px; /* width: 492px; */ text-align: left; font-size: 12px; } #action-dialog .form_entry DIV.input { width: auto; } #pane-list .form_edit_story DIV.input { width: 100%; } #pane-details .form_entry DIV.input { width: auto; } #pane-list .form_edit_story DIV.input.autocomplete .yui-ac-input { position: static; } .form_entry DIV.input.autocomplete { float: none; margin: 0 0 3px 0; } .form_engine LABEL.secondary-ac { clear: left; float: left; } .form_engine DIV.input.autocomplete { float: left; } .form_entry.half-width DIV.input { width: 172px; } .form_entry.textarea_wysiwyg_base LABEL { display: none;} .form_entry.textarea_wysiwyg_base DIV.input { width: 100% /* 488px; */ } .form_entry.static DIV.input { padding: 2px 0 2px 2px; background-color: #f9f9ff; } .form_entry.newlinelist_base { clear: left !important; } .form_entry.keyword_list { width: 140px; float: left; clear: none; } /* @end */ /* @group ..... FORM:Line:INPUT.text */ .form_entry INPUT[type='text'] { width: 320px; padding: 2px 0; background-color: #ffffff; border: 2px solid #b7c8cb; border-width: 2px 1px 1px 1px; border-color: #b7c8cb #b7c8cb #d9dfe2 #b7c8cb; } .form_entry.autocomplete INPUT { position: relative; } .form_entry INPUT[type='text']:focus { border-color: #739399; color: #000000; } .form_entry.half-width INPUT[type='text'] { width: 160px; } #pane-list .form_entry INPUT[type='text'] { width: 100%; margin-left: -2px; } #pane-details .form_entry INPUT[type='text'] { width: 220px; } #pane-details .formcomponent-small .form_entry INPUT[type="text"]{ width: 100%; max-width: 320px; } #pane-list .form_edit_story INPUT[type="text"] { width: 100%; } #pane-details .formcomponent-small .autocomplete INPUT[type="text"] { position: relative; display: block; width: 172px; } .form_entry.form_source_TagDef_Headline INPUT[type='text'] { font-size: 16px; font-weight: bold; } #pane-list .form_edit_story .geolocation INPUT[type="text"] { width: 210px; } #pane-list .form_edit_story .geolocation INPUT[type="image"] { background-color: #b8c8cb; background: -webkit-gradient(linear, left top, left bottom, from(#dce4e6), to(#b8c8cb)); background: -moz-linear-gradient(top, #dce4e6, #b8c8cb); margin: 0 0 -8px 5px; height: 18px; padding: 2px 8px; border: 1px solid #97adb1; border-radius: 8px; } #pane-list .form_edit_story .geolocation INPUT[type="image"]:hover { background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#bcbcbc)); background: -moz-linear-gradient(top, #f3f3f3, #bcbcbc); } #pane-list .story-headline INPUT { font-family: 'Arial Black', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; line-height: 24px; } /* @end */ /* @group ..... FORM:Line:INPUT.textarea */ .form_entry TEXTAREA { /* width: 480px; */ width: 100%; padding: 2px 4px; background-color: #ffffff; border: 2px solid #b7c8cb; height: 60px; } .form_entry.half-width TEXTAREA { width: 160px; } #pane-details .form_entry textarea { width: 100%; } .form_entry.documentbody TEXTAREA { height: 140px; } .form_entry.textarea_wysiwyg_base .yui-editor-container { border: 2px solid #b7c8cb; } .form_entry .textarea .ui-resizable-se { bottom: 17px; } .form_entry.radio INPUT, .form_entry.datetime INPUT, .form_entry.text INPUT { color: #313b67; font-size: 12px; } .form_entry.half-width.select SELECT { width: 160px; } .form_entry.select SELECT { border: 1px solid #d1d7e2; padding: 2px 4px; color: #313b67; background-color: #ffffff; } .formcomponent-small .form_entry.select SELECT { width: 172px; } .form_entry.button { float: left; clear: none; } .form_entry.button INPUT[type='button'] { margin: 1px 0 0 10px; padding: 4px 16px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #999999; border-right: 1px solid #999999; color: #5f6050; background-image: url('../images/button-light-normal-bg.png'); background-position: 0 0; background-repeat: repeat-x; border-radius: 4px; cursor: pointer; text-shadow: 1px 1px 2px #ffffff; } .form_entry.button INPUT[type='button']:hover { background-image: url('../images/button-light-normal-bg.png'); background-position: 0 -25px; border-top: 1px solid #5ba9f0; border-left: 1px solid #5ba9f0; border-bottom: 1px solid #258ceb; border-right: 1px solid #258ceb; color: #134879; } .form_entry.textarea.small .input TEXTAREA { width: 200px; min-height: 50px; height: 50px; } .form_entry.large .input INPUT { font-weight: bold; } .form_entry .charcount { color: #666677; margin: 3px 0 2px 1px; } /* @end */ /* @group ...... FORM-Line:specific Form-Elements */ /* Story-Editor:Headline */ .form_entry.form_source_TagDef_Headline LABEL { font-size: 16px; margin-top: 6px; } .form_entry.form_source_TagDef_Headline INPUT[type='text'] { font-size: 16px; font-weight: bold; } /* @end */ /* @end */ /* Hacks! -kai */ .formmask INPUT[name='formmask[FormMask][save]'] { margin-left: 140px !important; } .form_source_TagDef_GeoPoint { float: left; } .form_source_TagDef_GeoPoint DIV.input { width: 166px; } .form_source_TagDef_GeoPoint DIV.input INPUT { width: 160px; } .form_source_TagDef_GeoPoint + .form_entry { float: left; margin-left: 10px;} /* @end */ .form_entry .assistant .yui-ac-content LI { color: #313b67; } .form_entry .assistant .yui-ac-content LI.yui-ac-highlight { color: #FFFFFF; } .formmask .button { font-size: 12px; } .form_entry.checkbox .input INPUT { float: left; } .form_entry.checkbox .input.autocomplete INPUT { float: none; } .form_entry .input .documentlist { width: 155px; height: 170px; float:left; } .form_entry .input .documentlist IMG.thumbnail{ max-width: 150px; max-height: 150px; width: auto; height: auto; } .form_entry.document_id_list .input { border: 1px solid #d1d7e2; max-height: 80px; overflow:auto; } .form_entry.document_id_list .input UL { max-height: 50px; overflow: auto; } .form_entry.document_id_list .input UL LI { margin: 1px 0 !important; } .form_entry.document_id_list .input UL LI SPAN{ text-decoration: underline; } .form_entry.document_id_list .input UL LI:hover { font-weight: bold; } #pane-details .form_entry.datetime INPUT.display, .form_entry.datetime INPUT.display { width: 90px; } #pane-details .formcomponent-small .datetime INPUT.display { width: 90px; } .formcomponent-small .timestamp .icon { vertical-align: -4px; } .form_entry DIV.assistant.yui-ac-container { width: 200px; } #pane-list .form_entry DIV.assistant.yui-ac-container { width: 400px; } .label_required { font-weight: bold; } .form_entry .clearer { clear: both; } .form_entry.text INPUT.yui-ac-input, .yui-skin-sam #action-dialog .yui-ac-input { position: static; } BODY.popup .form_entry.radio INPUT, BODY.popup .form_entry.datetime INPUT, BODY.popup .form_entry.text INPUT { font-size: 11px; } .form_entry.datetime INPUT { border: 1px dotted #999999; padding: 1px 3px; margin: 0 0 4px 0; color: #666666; } .form_entry.radio INPUT { width: auto; float: left; } .form_entry.radio .input LABEL { margin-left: 2px; margin-right: 2px; } .button INPUT { border: 1px solid #d1d7e2; padding: 4px 16px; color: #313b67; background-image: url('../images/button-bg.png'); background-color: #e4e7ec; border-radius: 12px; margin: 12px 0 12px 128px; } .form_entry.keyword_list .clearer { clear: none; } .form_entry.keyword_list.textarea .input TEXTAREA { width: 200px; min-height: 50px; height: 50px; } .form_entry.keyword_selection { clear: none; margin-top: 20px; padding-left: 350px; } UL.form_errors, UL.form_messages { margin-left: 10px; margin-right: 10px; } UL.form_errors LI { border: 1px dashed red; font-size: 14px; } #pane-dnd { visibility: hidden; /* visibility: visible !important; */ font-size: 11px; } .is-dragging #pane-dnd { visibility: visible; } #pane-dnd { position: absolute; top: 10px; bottom: 10px; right: 0px; z-index: 5; background: url('../images/bg-black-90.png') repeat scroll 0 0 transparent; border-color: rgba(255,255,255,0.1); border-radius: 6px 0px 0px 6px; border-style: solid; border-width: 6px 0 6px 6px; } #pane-dnd .dnd-panel { float: left; } #pane-dnd .dnd-left-pane { /* max-width: 240px; */ background: url('../images/bg-white-5.png') repeat scroll 0 0 transparent; border-right: 1px solid #000; } #pane-dnd .dnd-right-pane { max-width: 408px; } #pane-dnd #dnd_tab_action_taskstatus { min-width: 200px; } #pane-dnd h3.dnd_target_headline { clear: both; padding: 2px 0; color: #acacac; text-shadow: 1px 1px 2px #111111; font-size: 11px; font-weight: bold; background: #424242; background: -moz-linear-gradient(top, #424242 0%, #333333 48%, #2b2b2b 51%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(48%,#333333), color-stop(51%,#2b2b2b), color-stop(100%,#141414)); background: -webkit-linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%); background: -o-linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%); background: -ms-linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#141414',GradientType=0 ); background: linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%); border-top: 1px solid #555555; border-bottom: 1px solid #111111; border-right: 1px solid #222222; } #pane-dnd .dnd_target_cloud { padding: 6px; } #pane-dnd #dnd_target_cloud_tags { /* max-height: 200px; */ overflow: hidden; } #pane-dnd #dnd_target_cloud_tags LI { padding: 3px 10px; font-size: 11px !important; font-weight: normal; border-radius: 8px; } #pane-dnd .dnd-contextmenu LI, #pane-dnd .dnd_target_cloud LI, #pane-dnd .entry .actions LI { float: left; background-color: #34353a; color: #ffffff; text-shadow: #2f4861 1px 1px 1px; font-weight: bold; margin-bottom: 3px; margin-right: 5px; padding: 2px; border-radius: 3px; } #pane-dnd .dnd-contextmenu LI:hover, #pane-dnd .dnd_target_cloud LI:hover, .is-dragging #pane-dnd .dnd_target_cloud .drop-target.drag-over, #pane-dnd #dnd_tab_targets .drop-target UL.actions LI.drag-over, #pane-dnd #dnd_tab_targets .drop-target UL.actions LI:hover, #pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry.doc_activated:hover, #pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry.doc_activated.drag-over { background-color: #1b6795; } #pane-dnd .entry .actions LI { margin-right: 0; } #pane-dnd .entry .actions LI + LI { margin-left: 6px; } #pane-dnd .dnd-left-pane UL.dnd_container.dnd_scrollbars.dnd_target_assign { width: 260px; max-height: 400px; height: auto; } #pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry { background-image: url('../images/sprite-icons-dnd.png'); background-position: 0 -98px; background-repeat: no-repeat; padding-left: 20px; } #pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry.doc_activated { background-position: 0 -138px; background-color: #2a485b; } #pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry:hover{ background-position: 0 -138px; } #pane-dnd .dnd-left-pane UL.dnd_container.dnd_scrollbars { overflow: auto; height: 100px; } #pane-dnd UL.dnd_container.dnd_target_cloud_document { height: auto; max-height: 248px; overflow: hidden; } #pane-dnd UL.dnd_container.dnd_target_cloud_document#dnd_target_cloud_tasks { max-height: 142px; } #pane-dnd .dnd-contextmenu { position: absolute; background-color: white; border-radius: 4px; border: 1px solid #CCCCCC; width: 120px; } #pane-dnd .dnd_target_cloud.dnd_target_cloud_list LI.dnd-contextmenu { position: absolute; left: -156px; height: auto; visibility: hidden; overflow: visible; padding: 4px 4px 1px 4px; margin-top: -40px; border-radius: 4px; background: url('../images/bg-black-85.png') repeat scroll 0 0 transparent; border-color: transparent; border-radius: 4px 0px 4px 4px; border-style: solid; border-width: 1px; min-height: 48px; } #pane-dnd .dnd-contextmenu UL { } #pane-dnd .dnd-contextmenu LI { height: 14px; padding-top: 4px; margin-right: 0px; overflow: visible; text-align: left; float: none; } #pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.add { background-image: url('../images/sprite-icons-dnd.png'); background-repeat: no-repeat; background-position: 2px -179px; padding-left: 24px; } #pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.add:hover { background-position: 2px -199px; } #pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.delete { background-image: url('../images/sprite-icons-dnd.png'); background-repeat: no-repeat; background-position: 1px -298px; padding-left: 24px; color: #ff7766; } #pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.delete:hover { background-position: 2px -319px; } #pane-dnd .dnd_target_cloud.dnd_target_cloud_list LI.dnd-contextmenuspacer { background: url("../images/bg-dnd-contextmenu-pointer.png") no-repeat scroll -25px -20px transparent; position: absolute; right: -29px; width: 28px; height: 59px; margin: 0px; margin-top: -9px; padding: 0px; } /* #pane-dnd #dnd_tab_action_taskstatus LI, #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-done, #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-in_progress, #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-assigned { background-image: url('../images/sprite-icons-dnd.png'); background-repeat: no-repeat; padding-left: 24px; position: relative; } #pane-dnd #dnd_tab_action_taskstatus LI { background-position: 2px -179px; } #pane-dnd #dnd_tab_action_taskstatus LI:hover { background-position: 2px -199px; } #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-done { background-position: 2px -219px; } #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-done:hover { background-position: 2px -239px; } #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-in_progress { background-position: 2px -258px; } #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-in_progress:hover { background-position: 2px -278px; } #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-assigned { background-position: 2px -99px; } #pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-assigned:hover { background-position: 2px -139px; } */ #pane-dnd .scroll_spacer { visibility: hidden; float: left; height: 22px; width: 45px; } #pane-dnd .scroll_up { } #pane-dnd .scroll_down { margin-top: 5px; height: 20px; width: 408px; } #pane-dnd .dnd-left-pane .scroll_down { width: auto; } #pane-dnd .scroll_up:hover, #pane-dnd .scroll_down:hover { background-color: #CCCCCC; } #pane-dnd .dnd_target_cloud.dnd_target_cloud_list LI, #pane-dnd .dnd_target_cloud.dnd_target_cloud_document LI { float: none; min-height: 16px; padding-top: 6px; padding-left: 5px; overflow: hidden; text-align: left; margin-right: 0px; position: relative; } #pane-dnd #dnd_target_cloud_tasks.dnd_target_cloud_document LI { background-image: url('../images/sprite-icons-dnd.png'); background-position: 1px 2px; background-repeat: no-repeat; padding-left: 24px; height: 16px; line-height: 16px; } #pane-dnd #dnd_target_cloud_tasks.dnd_target_cloud_document LI:hover { background-position: 1px -18px; } #pane-dnd #dnd_target_cloud_story.dnd_target_cloud_document LI { background-image: url('../images/sprite-icons-dnd.png'); background-position: 2px -39px; background-repeat: no-repeat; padding-left: 24px; height: 16px; line-height: 16px; } #pane-dnd #dnd_target_cloud_story.dnd_target_cloud_document LI:hover { background-position: 2px -59px; } #pane-dnd #dnd_tab_targets { max-height: 300px; overflow: auto; } #pane-dnd #dnd_tab_targets LI.entry { min-height: 80px; margin: 6px 6px 0; padding: 0 0 4px 0; float: none; clear: both; line-height: 12px; } #pane-dnd #dnd_tab_targets LI.entry + LI.entry { border-top: 1px solid #333539; margin-top: 10px; padding-top: 6px; } #pane-dnd #dnd_tab_targets LI .drop-target { background-color: white; text-align: left; width: 384px; } .is-dragging #pane-dnd #dnd_tab_targets .drop-target.drag-over { background-color: #cae3fa; border: 1px solid #258ceb; } #pane-dnd #dnd_tab_targets .drop-target .thumbnail { float:left; margin-right: 10px; } #pane-dnd #dnd_tab_targets .drop-target .thumbnail IMG{ height: 45px; width: auto; } #pane-dnd #dnd_tab_targets .content_preview { float:none; height: 56px; width: auto; margin-bottom: 4px; overflow: hidden; text-align: left; color:white; font-size: 12px; line-height: 14px; } #pane-dnd #dnd_tab_targets .content_preview H3 { font-weight: bold; max-height: 24px; overflow: hidden; } #pane-dnd #dnd_tab_targets .drop-target UL.actions { display: block; } #pane-dnd #dnd_tab_targets .drop-target UL.actions LI { font-size: 11px; float: left; height: 20px; line-height: 20px; padding: 3px 10px; border-radius: 3px; width: 166px; } /* @group =========== FORMs:Tab (Formgenerator v2) */ .form-lines LI { margin: 10px 0; } .formcomponent-small .form-lines LI { margin: 2px 0 5px;} .formcomponent-small DIV.input { float: none; } #pane-list DIV.infotext { background-color: #f2f4f5; padding: 2px 0; color: #3d5f86; min-height: 1em; float:left; margin-top: 2px; } #pane-details .formcomponent-small DIV.infotext { background-color: #ffffff; border: 1px solid #e4e4ff; width: 100%; max-width: 320px; padding: 2px 0px; color: #3d5f86; } #pane-details .form-pubinfo.formcomponent-small DIV.infotext, #pane-details .form-task.formcomponent-small DIV.infotext { background-color: #f3f5f6; } #pane-details .formcomponent-small .form_entry INPUT[readonly="readonly"]{ background-color: #f3f5f6;border: 1px solid #e4e4ff; width: 100%; max-width: 320px; padding: 2px 0px; color: #3d5f86; } #pane-details .formcomponent-small DIV.autocomplete { float: left; width: 172px; clear: both; } #pane-details .formcomponent-small .secondary-ac { display: none; } .button-ac-add { float: left; margin: 1px 0 0 4px; } .formcomponent-small.readonly-module { background-color: #edeff4; margin: 5px 0; padding: 3px 10px 5px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 4px; } .formcomponent-small.readonly-module .form_entry { min-height: 0; } .formcomponent-small.readonly-module LI { margin: 0; } .formcomponent-small.readonly-module LI LABEL { display: inline; } #pane-details .formcomponent-small.readonly-module LI .infotext { display: inline; background-color: transparent; border: 0; } #pane-details .formcomponent-small.readonly-module LI.task-subject, #pane-details .formcomponent-small.readonly-module LI.pubinfo-channel { font-weight: bold; } #pane-details .formcomponent-small.readonly-module LI.task-subject LABEL, #pane-details .formcomponent-small.readonly-module LI.pubinfo-channel LABEL { display: none; } /* @end */ /* @group =========== FORMs:Story-Editor (Formgenerator v2) */ #pane-list .story-status LI { background-color: #f2f3f5; padding: 3px 10px 0; min-height: 18px; width: 100px; text-align: center; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 4px; } #pane-list .story-status * { font-size: 11px; } .story-status LI.left { margin-right: 20px; } .story-status LI.right { margin-left: 20px; } .story-status .label { display: none; font-size: 9px !important; } .story-status .status { border-radius: 4px; } .story-status .story-size { text-align: center; } .story-status .story-size .status { width: 70px; margin: 0 auto; background-color: #282828; color: #ffffff; font-weight: bold; padding: 1px 2px; } .story-status .story-size.status-green .status { background-color: #285828; } /* @end */ /* ========== dcx-2011-forms.css ========== */ /* ====== Colors ================================= $text: #333333; $textBlue: #478ceb; $textChanged: darken(#478ceb, 15); $bg: #d0d2d7; $bgDark: darken($bg, 5); $formBorder: darken($bg, 20); $formBorderFocus: darken($bg, 60); $tabBgGradFrom: #fafafb; $tabBgGradTo: $bg; ============================================== */ /* @group ====== FORMS */ .form-spacer TD, .form-separator TD { font-weight: bold; } .form-text INPUT, .form-textarea TEXTAREA { width: 100%; padding: 2px 0; } .form-text.form-dbobjectinfo INPUT { width: 66%; } .form-text.form-dbobjectinfo INPUT.key { width: 30%; } .form-text.form-handleworkflowtags INPUT { width: 60%; } .form-text.form-handleworkflowtags SELECT { width: 19%; } .form-text.form-titleandstorytemplate INPUT { width: 75%; } .form-text.form-titleandstorytemplate SELECT { width: 22%; } .form-textarea.documentbody TEXTAREA { min-height: 100px; } .form-hidden { display: none !important; } .form-table INPUT.disabled, .form-table INPUT[disabled], .form-table TEXTAREA.disabled, .form-table TEXTAREA[disabled], .form-table SELECT.disabled, .form-table SELECT[disabled] { background-color: #c0c0c0; } .form-table .form-checkbox LABEL { min-width: 100px; } .form-radio SPAN INPUT { display: block; float: left; margin: 1px 4px 0 0; } .form-radio.form_select_template LABEL { text-align: left; float: none; } TABLE.form-table .form-ldapwithrole.form-text INPUT.display_value { width: 50%; min-width: 200px; float: left; } TABLE.form-table .form-ldapwithrole SELECT.role_value { float: left; } .form-table .hide_form_content .buttons A, .form-table .hide_form_content .content > * { display: none; } .form-table .hide_form_content.form-textarea_wysiwyg .content > * { display: block; } .form-table .hide_form_content.form-textarea_wysiwyg.hide_form_content_after_init .content > * { display: none; } .form-table .show_form_content.form-textarea_wysiwyg.hide_form_content_after_init .content > * { display: block; } .form-table .hide_form_content .buttons > *{ display: none; } .form-table .hide_form_content A.unhide_button { display: inline; } .form-table A.unhide_button { display: none; } /* @group ------ FORMS: Element::Button */ TD INPUT[type='button'], TD INPUT[type='submit'] { padding: 0 10px; min-width: 36px; height: 20px; border: 1px solid #b8b8b8; font-size: 11px; color: #5f605c; outline: none; margin: 3px 0 3px 0; } TD INPUT[type='button']:hover, TD INPUT[type='submit']:hover { color: #1e6db7 !important; border: 1px solid #b8b8b8; background-color:#a6d5fb; } /* @end */ /* @group ------ FORMS: Element:: Autocomplete */ .assistant.yui-ac-container { text-align: left; } .yui-skin-sam .form-text .yui-ac-input { position: relative; width: 99%; } .yui-skin-sam .form-text .yui-ac-container { width: 200px; } TABLE.form-table TR.suggestions DIV.suggestion { float: left; margin-right: 5px; } TABLE.form-table TR.suggestions DIV.suggestion_actions { float: left; margin-left: 5px; } TABLE.form-table TR.suggestions DIV.suggestion_actions A { margin-right: 10px; } TABLE.form-table TR.suggestions .suggestion_values .suggestion { float: left; background-color: #e7e7e7; margin: 0 6px 0 0; padding: 0 2px 0 6px; border: 1px solid #d7d7d7; font-size: 10px; font-weight: bold; line-height: 1; color: #666666; border-radius: 7px; /* background-image: url('../images/icon-tag-delete-grey.png'); */ background-repeat: no-repeat; background-position: right -1px; cursor: pointer; } TABLE.form-table TR.suggestions .suggestion_values .suggestion:hover { border-color: #999999; } TABLE.form-table TR.suggestions .suggestion_values .suggestion SPAN:hover { color: #333333; } TABLE.form-table TR.suggestions .suggestion_values .suggestion .suggestion-wrapper { float: left; padding-top: 2px;} TABLE.form-table TR.suggestions .suggestion_values .suggestion IMG.delete { float: right; margin-left: 5px; opacity: .33; } TABLE.form-table TR.suggestions .suggestion_values .suggestion IMG.delete:hover { opacity: 1;} /* @end */ .yui-skin-sam .yui-dialog .form-table .form-date INPUT[type="text"] { display: inline; float: none; } TABLE.form-table { margin: 0 0 4px; font-size: 11px; line-height: 13px; border-collapse: separate !important; border-spacing: 1px 0; } TABLE.form-table TD, TABLE.form-table TH { padding: 2px; /* border-bottom: 1px solid #F3F5F6; */ word-wrap: break-word; text-align: left; vertical-align: top; } TABLE.form-table TD { width: auto; } TABLE.form-table TD.buttons { width: 42px; } TABLE.form-table TD.buttons A { text-decoration: none; } TABLE.form-table TH { background-color: #dce4eb; border-bottom: 1px solid #F3F5F6; } TABLE.form-table .headline TH { background-color: #d0d2d7; font-weight: bold; text-shadow: #ffffff 0px 1px 1px; border-top: 2px solid #fafafb; -webkit-box-shadow: 0px -2px 12px #c2c5cb; -moz-box-shadow: 0px -2px 12px #c2c5cb; box-shadow: 0px -2px 12px #c2c5cb; font-size: 13px; line-height: 13px; } TABLE.form-table .separator TD { border-top: 2px solid #d0d2d7; line-height: 1px; height: 25px; } TABLE.form-table .form-separator TD { border-bottom: 2px solid #d0d2d7; line-height: 1px; } TABLE.form-table .first { /* should be form-labels */ width: 25%; line-height: 10px; } TABLE.form-table .first.full { width: 100%; } BODY.popup TABLE.form-table .first { min-width: 120px; } UL.form_errors LI, TABLE.form-table TD.error { color: red; background-color: lightGoldenRodYellow; border: 1px solid red; font-size: 14px; padding: 3px; } UL.form_errors LI.locked_by_me { color: blue; border: 1px solid blue; } UL.form_errors LI A { color: #333333; } TABLE.form-table TD.error SPAN.warning{ color: orange; } TABLE.form-table SPAN.warning{ color: Tomato; } /* @group ------ FORMS: Element::Status */ /* proof of concept TABLE.form-table td INPUT, TABLE.form-table td SELECT, TABLE.form-table td TEXTAREA{ transition: all 0.3s ease-in-out 0s; font-size: inherit; } TABLE.form-table td INPUT:focus, TABLE.form-table td SELECT:focus, TABLE.form-table td TEXTAREA:focus{ transition: all 0.3s ease-in-out 0s; font-size: larger; padding: 5px; margin-top: 10px; margin-bottom: 10px; } */ TABLE.form-table INPUT.changed, TABLE.form-table SELECT.changed, TABLE.form-table TEXTAREA.changed { background-color: #FDFBD9 !important; } TABLE.form-table TEXTAREA.changed.is_remembered_value, TABLE.form-table SELECT.changed.is_remembered_value, TABLE.form-table INPUT.changed.is_remembered_value { /* change style of remembered values */ } TABLE.form-table INPUT.maxCharExceed, TABLE.form-table SELECT.maxCharExceed, TABLE.form-table TEXTAREA.maxCharExceed { border: 2px solid #8B0000 !important; } TD.form-remove_button { width: 42px; } TD.form-is_empty_value.form-remove_button, TD.form-is_empty_value { width: 50px; } TABLE.form-table .required_chars { color: darkgreen; vertical-align: top; } TABLE.form-table .charcount.max { color: darkred; vertical-align: top; } FORM .addformcomponent, FORM .removeformcomponent { cursor: pointer; } /* @end */ /* @end */ /* @group ...... FORM-Line:DropBox */ .dropbox .image-wrapper .input { overflow: hidden; } .dropbox .image-wrapper LABEL.main { display: none; } /* @group SelectDocumentFileVariant */ #SelectDocumentFileVariant { position: absolute; z-index: 99999; top: 20px; left: 50px; right: 50px; bottom: 20px; color: white; background-color: black; border: 1px solid white; border-radius: 10px 10px 10px 10px; overflow: auto; } #SelectDocumentFileVariant .header { background-color: white; color: black; text-align: center; padding: 8px; font-size: 14px; } #SelectDocumentFileVariant .header .close { border: 1px solid silver; float: right; } #SelectDocumentFileVariant .header .close span { background: url("../images/button-thickbox-close.png") no-repeat scroll center center transparent; display: block; height: 16px; line-height: 1; width: 16px; } #SelectDocumentFileVariant .inner { height: 580px; width: 100%; position: absolute; top: 50%; margin-top: -300px; } #SelectDocumentFileVariant .preview .meta { float: left; width: 300px; text-align: left; padding: 50px 10px 10px; position: absolute; } #SelectDocumentFileVariant .preview .meta th { width: 120px; } #SelectDocumentFileVariant .preview .meta td { width: 180px; } #SelectDocumentFileVariant .preview .image_container { float: right; padding: 40px 50px 0 0; } #SelectDocumentFileVariant .list { clear: both; padding-top: 20px; overflow: auto; } #SelectDocumentFileVariant IMG.image { height: 300px; width: auto; } #SelectDocumentFileVariant .variants IMG.thumbnail { height: 150px; } #SelectDocumentFileVariant .variants { height: 200px; overflow: auto; padding-top: 10px; border-top: 1px solid black; } #SelectDocumentFileVariant .variants td { } #SelectDocumentFileVariant .variants td .container { border: 2px solid silver; margin-right: 10px; padding: 4px; min-width: 160px; border-radius: 10px 10px 10px 10px; } #SelectDocumentFileVariant .variants .variant.selected .container { border: 2px solid blue; } #SelectDocumentFileVariant .variants .variant.checked .container { background-color: white; color: black; } #SelectDocumentFileVariant .variants td .container img { padding-bottom: 10px; } /* Stupid YUI forces body text-align:center; in reset-fonts-grids.css; uglifies jQuery UI autocomplete */ li.ui-menu-item { text-align: left; } /* Fix jQuery UI autocomplete items in advanced search being floated */ #search-criteria .documentquery-row li li.ui-menu-item { float: none; } /* @end */ /* ========== dcx-2011-tabs.css ========== */ /* ====== Colors ================================= $text: #333333; $textBlue: #2e8beb; $textChanged: darken(#478ceb, 15); $bg: #d0d2d7; $bgDark: darken($bg, 5); $formBorder: darken($bg, 20); $formBorderFocus: darken($bg, 60); $tabBgGradFrom: #fafafb; $tabBgGradTo: $bg; ============================================== */ /* @group ====== PANE-DETAILS */ .yui-layout-unit-right .yui-layout-bd { overflow-x: auto !important; } #pane-details { background-color: #d0d2d7; font-size: 12px; } #pane-details .yui-content { font-size: 13px; line-height: 18px; padding: 5px 0 0 0; background-color: #f3f5f6; overflow-y: auto; /* min-width: 346px; */ } /* @end */ /* @group ====== TABS: Layout */ #tabs_nav .document_tab { display: inline; } /* @end */ /* @group ====== TABS: Nav */ #tabs_nav { background: url("../images/tabs-nav-bg.png") repeat 0 0; line-height: 14px; text-align: left; } #tabs_nav LI { margin:0 0 0 0; /* space between tabs */ padding: 0 0 0 0; /* gecko: make room for overflow */ list-style:none; display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */ } #tabs_nav LI A { font-size: 10px; text-decoration: none; display: inline-block; vertical-align: bottom; /* safari: for overlap */ zoom: 1; position: relative; /* IE: to allow overlap */ } #tabs_nav EM { display: block; padding: 5px 6px; color: #444444; font-weight: bold; border-right: 1px solid #b8b8b8; } #tabs_nav A:hover { background: url("skin/dcx/helper-sprite-2.png") repeat-x scroll center center transparent; } #tabs_nav .editable { background: none; } #tabs_nav .editable EM { background: url("../images/icon-edit-fields.png") no-repeat 4px 5px; padding-left: 18px; /* Icon-Breite: 12px + 6px Padding */ } #tabs_nav .selected A { background: url("skin/dcx/helper-sprite-2.png") repeat-x scroll center center transparent; } #tabs_nav .selected EM { color: #2e8beb; } #tabs_nav .editable.selected EM { padding-left: 19px; /* Icon-Breite: 12px + 6px Padding plus 1px für rausgenommene Border */ } .docdetails_active_editmode #tabs_nav .editable.selected EM { font-weight: bold; } /* @end */ /* @group ====== TABS: Content */ #tabs_content { color: #333333; background-color: #fafafb; zoom: 1; } #tabs_content .relatedviewlink { text-align: right; margin-right: 10px; } #tabs_content div.tab_content { padding-left: 3px; padding-right: 3px; padding-bottom: 430px; } .tab_content A { color: #333333; } #tabs_content .image-panel, #tabs_content #image-panel { margin-left: 3px; } #tabs_content .image-panel-body { text-align: center; } #tabs_content #image-wrapper-bg { margin-left: -5px; } #tabs_content .image-wrapper { background-color: #e8e9ea; padding: 5px 5px 5px 0; min-height: 25px; } #tabs_content .linksnippets .image-wrapper { padding: 0; } #tabs_content #image-panel-picture { max-height: 100%; max-width: 100%; } #tabs_content #image-wrapper-bg .image-caption { font-size: 10px; margin-left: 12px; } #tabs_content .tab-text { position: relative; } #tabs_content .tab-text .status { display: block; position: absolute; margin: 5px 0 0 0; background-image: url("../images/overlay-black-transparent.png"); } #tabs_content .tab-text .status LI { float: left; line-height: 1; margin: 4px 4px 2px; } #tabs_content .text-wrapper { padding: 0 6px 6px 7px; } #tabs_content TABLE.form-table { width: 100%; } #tabs_content .tab_seperator { background: url("../images/tabs-nav-bg.png") repeat scroll 0 0 transparent; border-bottom: 1px solid silver; height: 20px; margin-left: -3px; margin-top: 15px; margin-bottom: 3px; padding-left: 10px; text-align: left; } /* @end */ /* @group ====== TABS: Statusbar */ /* @group ------ TABS: Generic UI */ .element-css { min-width: 36px; padding: 4px 6px; margin: 1px 2px 1px 2px; } /* @end */ /* @group ------ Statusbar-Wrapper */ #statusleiste-details { min-width: 400px; } #image-panel-footer { clear: both; height: 28px; border-top: 1px solid #adadad; font-size: 11px; font-weight: bold; color: #666666; } /* @end */ /* @group ------ Statusbar: Actions (Save, Close, Save & Close) */ #image-panel-edit-buttons { /* Wrapper for the three buttons */ float: left; margin: 0 10px 0 0; } #image-panel-edit-buttons LI { /* Outer Wrapper for a button */ display: inline-table; vertical-align: middle; } #image-panel-footer .yui-button { margin: 4px 0; /* Inner Wrapper for a button */ } #image-panel-edit-buttons BUTTON { /* Inside the Button */ min-width: 50px; padding: 0 2px; font-size: 10px; } /* @end */ /* @group ------ Statusbar: Pager */ #image-panel-pager { float:left; margin: 0 10px 0 10px; text-align: center; } #image-panel-pager LI { display: inline-table; vertical-align: middle; } #image-panel-count { margin: 0px 10px; font-weight: bold; display: block; } #image-panel-pager BUTTON { padding: 0 8px; } /* @end */ /* @group ------'xx documents selected' */ #image-panel-info { xxxwidth: 160px; margin-top: 4px; margin-left: -3px; text-align: left; float: left; } #image-panel-selection-count-icon { display: block; float: left; width: 24px; height: 16px; background-color: #fafafb; text-align: center; margin-top: -2px; border-radius: 1px; } #image-panel-selection-count-number { display: block; padding-top: 2px; color: #478ceb; font-weight: bold; } #image-panel-selection-count-text { margin-left: 4px; } /* @end */ /* @end */ /* ========== dcx-2011-stories.css ========== */ /* $bgColorHover: #e8e9ea; $borderColor: #e7e7e7; $borderColorLight: #e8e9ea; $borderBlue: #3192ec; $fontSize: 11px; $lineHeight: 11px; $textLight: #999999; */ /* @group =========== STORY:Generic */ .content-list .li-story_view{ /* overflow: hidden; */ } .content-list .story-wrapper, .content-list .task-wrapper{ font-size: 11px; line-height: 11px; height: 3em; border-bottom: 1px solid #e7e7e7; /* overflow: hidden;*/ position: relative; } .content-list .task-wrapper{ height: 4em; } .content-list .story-wrapper:hover, .content-list .task-wrapper:hover{ background-color: #e8e9ea; } .content-list .article-active .story-wrapper, .content-list .article-active .task-wrapper{ border: 1px solid #3192ec; margin: -1px 0 0 0; } /* @end */ /* @group =========== STORY:Infos */ .story-infos{ float: left; width: 297px; height: 3em; overflow: hidden; border-right: 1px solid #e8e9ea; } .story-infos .row1, .task-infos .row1{ height: 1em; padding: 0 0 0 2px; } .story-infos .row2 { height: 1em; padding: 0 0 0 0; /* XXX: Is this still required for stories?! Abstand für Read-Status-Dingens */ padding-left: 20px; } .story-infos .row1 LI, .story-infos .row2 LI, .task-infos .row1 LI{ float: left; height: 1em; white-space: nowrap; } .story-infos .row1 .actionicons-selectdocument { height: auto; } .story-infos .row2 LI.action{ margin-top: 4px; } .task-infos{ float: left; width: 24px; overflow: hidden; border-right: 1px solid #e8e9ea; } .li-task_view .task-infos LI { height: 19px; margin: 3px 0 0 3px; width: 19px; } .content-list .story-text .read-status { float:left; } .content-list .story-infos .read-status, .content-list .task-infos .read-status{ width: 19px; height: 19px; margin-left: -2px; } .content-list .story-infos .read-status { margin-top: 7px; } .story-infos .story-date, .pageoverview-pubinfo .pubinfo-date{ width: 76px; } .story-infos .story-section, .pageoverview-pubinfo .pubinfo-section { width: 75px; } .story-infos .story-pagenr, .pageoverview-pubinfo .pubinfo-starting_page_num { width: 45px; } .story-infos .story-status { width: 50px;} .story-infos .story-time { width: 149px;} .story-infos .story-time-separator { width: 5px;} .story-infos .story-pubstatus { width: 40px;} .story-infos .more-pubinfos { height: 1em; text-align: left; color: #999999; text-shadow: 1px 1px 1px #ffffff; //background-color: #e8e9ea; cursor: pointer; margin: 0 0 0 3px; } .story-infos .more-pubinfos .all-pubinfos { background-color: #e8e9ea; } .story-infos .more-pubinfos .show-pubinfos { background-color: #e8e9ea; } .story-infos .more-pubinfos .create-pubinfos { background-color: #fff; } .story-infos .more-pubinfos .show-usage { float: left; margin-left: 2px; } .story-infos .more-pubinfos .actionicon { width: 15px; height: 19px; float: left; display: none; color: black; text-align: center; margin-top: -3px; } .story-infos .more-pubinfos .actionicon:first-of-type { display: block; } /* @end */ /* @group =========== STORY:Contributors */ .story-contributor, .pageoverview-contributor, .task-contributor{ position: absolute; right: 0; float: right; width: 185px; /* 150px - 2*2px Padding + 39 because it was just too small, see Mantis #17818 */ line-height: 0.95em; overflow: hidden; padding: 0 2px; border-left: 1px solid #e8e9ea; white-space: nowrap; top: 0px; bottom: 0px; } .story-contributor:hover, .pageoverview-contributor:hover, .task-contributor:hover { right: 0; overflow: auto; background-color: #e8e9ea; -webkit-box-shadow: 2px 2px 4px #999999; box-shadow: 2px 2px 4px #999999; z-index: 1; } .story-contributor SMALL, .pageoverview-contributor SMALL, .task-contributor SMALL{ color: #999999; padding-left: 0.5em; } .story-contributor STRONG, .pageoverview-contributor STRONG, .task-contributor STRONG, .contributor SPAN{ color: darkgray; } #pane-dnd .contributorstatus-accepted, .story-contributor STRONG.contributorstatus-accepted, .pageoverview-contributor STRONG.contributorstatus-accepted, .task-contributor STRONG.contributorstatus-accepted, .contributor SPAN.contributorstatus-accepted{ color: darkorange; } #pane-dnd .contributorstatus-done, .story-contributor STRONG.contributorstatus-done, .pageoverview-contributor STRONG.contributorstatus-done, .task-contributor STRONG.contributorstatus-done, .contributor SPAN.contributorstatus-done{ color: darkgreen; } #pane-dnd .contributorstatus-rejected, .story-contributor STRONG.contributorstatus-rejected, .pageoverview-contributor STRONG.contributorstatus-rejected, .task-contributor STRONG.contributorstatus-rejected, .contributor SPAN.contributorstatus-rejected{ color: darkred; } #dnd_tab_action_contributorstatus .contributorstatus-accepted SPAN { background-color: darkorange; } #dnd_tab_action_contributorstatus .contributorstatus-done SPAN { background-color: darkgreen; } #dnd_tab_action_contributorstatus .contributorstatus-rejected SPAN { background-color: darkred; } .story-contributor .tools, .task-contributor .tools{ display: none; position: absolute; right: 0; top: 0; margin: 0; padding: 0; background-color: transparent; } .story-contributor:hover .tools, .task-contributor:hover .tools{ display: block; } .story-contributor .tools LI, .task-contributor .tools LI{ margin: 0; } /* @end */ /* @group =========== STORY:Content */ .story-label { float: left; font-size: 10px; padding: 1px 4px; font-weight: bold; text-transform: uppercase; } .story-label.story-weight { text-transform: none; } .story-label .icon { height: 18px; width: 18px; background-size: 18px auto; border-radius: 1px; vertical-align: text-bottom; } .story-label .icon.glyphicons { background-size: auto; } #navigation-root .tasktype, .content-list .story-label.taskstatus { padding-left: 4px; padding-right: 4px; text-transform: none; font-weight: bold; font-size: 10px; } .story-label A, .task-label A { color: white;} .task-label.tasktype { background-color: black; color: white; text-transform: none; } .content-list .story-text ul.story-icons, .content-list .task-text ul.task-icons{ float: right; } .content-list .story-text li.icons, .content-list .task-text li.icons{ float:left; } /* @end */ /************** ADDITIONS FOR PAGE OVERVIEW ************/ /* @group =========== STORY:Pageoverview */ .content-list .pageoverview-wrapper { position: relative; margin-top: 1px !important; -webkit-box-shadow: 0px 1px 3px #eee; box-shadow: 0px 1px 3px #eee; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; padding: 0 1px 0; } .content-list .pageoverview-wrapper:hover { background-color: #e8e9ea; } .content-list .article-active .pageoverview-wrapper { border: 2px solid #3192ec; margin: -1px 0 0 1px; } /* @group ----------- STORY:Pageoverview::Pubinfos */ .pageoverview-pubinfo { position: relative; background-color: #f1f2f4; } .pageoverview-wrapper:hover .pageoverview-pubinfo { background-color: #dedfe0; } .pageoverview-pubinfo { position: relative; width: 100%; min-height: 19px; color: #666666; } .pageoverview-pubinfo LI { float: left; white-space: nowrap; } .pageoverview-pubinfo .story-label-container{ margin-right: 0; } .pageoverview-pubinfo .story-label-margin { margin-right: 20px; } .content-list .pageoverview-pubinfo .read-status { width: 19px; height: 19px; margin: 0; background-position: center; } .pageoverview-pubinfo .pubinfo-publication, .pageoverview-pubinfo .pubinfo-section, .pageoverview-pubinfo .pubinfo-date, .pageoverview-pubinfo .pubinfo-starting_page_num, .pageoverview-pubinfo .story-title { margin-top: 3px; } .pageoverview-pubinfo .pubinfo-publication { width: 152px; padding-left: 4px; /* Abstand für Read-Status-Dingens */ overflow-x: hidden; } .pageoverview-pubinfo .icons { float: right; } /* @end */ /* @group ----------- STORY:Pageoverview::Tools */ .pageoverview-wrapper .tools-view { float: left; } .pageoverview-wrapper .tools-view .tools { float: none; width: 19px; margin: 0; padding: 0; } .pageoverview-wrapper .tools-view .tools LI { margin: 0; padding: 0; } /* @end */ /* @group ----------- STORY:Pageoverview::Thumbnail */ .pageoverview-thumbnail { float: left; text-align: center; height: 152px; width: 152px; padding-left: 2px; margin-right: 2px; background-color: #f1f2f4; } .pageoverview-wrapper:hover .pageoverview-thumbnail { background-color: #dedfe0; } .pageoverview-thumbnail IMG{ max-height: 150px; max-width: 150px; width: auto; height: auto; margin: 0 auto; } /* @end */ /* @group ----------- STORY:Pageoverview::Storydetails */ .pageoverview-storydetails { margin-left: 172px; padding-top: 5px; position: relative; } .pageoverview-storydetails.no-preview { margin-left: 24px; } .pageoverview-storydetails .pageoverview-contributor { height: auto; } .pageoverview-storydetails .pageoverview-contributor:hover { position: absolute; right: 0; overflow: auto; background-color: #e8e9ea; -webkit-box-shadow: none; box-shadow: none; } .pageoverview-storydetails .pageoverview-contributor SMALL { color: #999999; padding-left: 0.5em; } .pageoverview-storydetails .pageoverview-contributor .tools { display: none; position: absolute; right: 0; top: 0; margin: 0; padding: 0; background-color: transparent; } .pageoverview-storydetails .pageoverview-contributor:hover .tools { display: block; } .pageoverview-storydetails .pageoverview-contributor .tools LI { margin: 0; } .pageoverview-storydetails .pageoverview-story { margin-right: 191px; text-align: justify; } .pageoverview-storydetails .story-teaser { margin-top: 4px; margin-bottom: 4px; font-size: 12px; line-height: 15px; text-align: justify; overflow: hidden; } .pageoverview-storydetails H1 { font-size: 12px; display: inline; height: auto; line-height: 14px; } /* * moved to views.pageoverview.css .pageoverview-storydetails .linked { margin: 0 0 0 5px; } .pageoverview-storydetails .linked-picture { background-color: #e7e7e7; border: 1px solid #cccccc; width: 75px; height: 75px; float: left; margin: 3px; text-align: center; } .pageoverview-storydetails .linked-picture.primary { background-color: #FDFBD9; border: 1px solid yellow; } .pageoverview-storydetails .linked-picture IMG { max-width: 75px; max-height: 75px; width: auto; height: auto; } .pageoverview-storydetails .linked-picture SPAN.linked-picture-meta, .pageoverview-storydetails .linked-picture SPAN.linked-picture-byline, .pageoverview-storydetails .linked-picture SPAN.linked-picture-title, .pageoverview-storydetails .linked-picture SPAN.linked-picture-initiator { display: none; } */ /* @end */ /* @end */ /* ========== dcx-calendar.css ========== */ .fc .fc-event.active { border-width: 2px; } .fc .fc-event.active .fc-event-title { /* font-weight: bold; */ } /* ========== dcx-mediaslot.css ========== */ div.media-container { background: #CCC; border: 2px solid gray; cursor: pointer; } /* body > p{ background: lightgoldenrodyellow; border: 2px solid gray; } */ div.mg-twitter { } #tiny_media_overlay { width: 100%; height: 100%; top: 0px; text-align: center; position: absolute; z-index: 100000; background: rgba(10,10,10,0.8); } .tiny_media_overlay_box { width: 60%; height: 70%; display: inline-block; margin-top: 10px; padding: 10px; border: 3px solid darkgray; background-color: #FFF; z-index: 100001; overflow-y:auto; border-radius: 15px; overflow-x: hidden; } .tiny_media_overlay_attributes { width: 40%; } .tiny_media_overlay_attributes form div{ margin: 10px; } .tiny_media_overlay_box img{ border: 2px solid lightgray; margin-bottom: 10px; } .dcx-mg-headline{ padding: 5px; background: #666666; color: white; } .dcx-mg-slot-value-textarea{ width: 52%; height:100px; } .dcx-mg-slot-value-input{ width: 52%; } .hover_drop{ border: 1px dotted black; } /* ========== jquery-ui-timepicker-addon.min.css ========== */ /*! jQuery Timepicker Addon - v1.5.5 - 2015-05-24 * http://trentrichardson.com/examples/timepicker * Copyright (c) 2015 Trent Richardson; Licensed MIT */ .ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none} /* ========== action.checkoutinworkingcopy.css ========== */ .workingcopy-object .document_label { max-width: 200px; } .workingcopy-object h1.document_label { font-size: 14px; font-weight: bold; } .workingcopy-object div.document_label { } .workingcopy-object p.document_label { color: #999; font-size: 10px; } .workingcopy-object td { height: 50px; } .workingcopy-object .preview_image { max-height: 70px; } .bs3 .workingcopy-object .thumbnail { margin-bottom: 0px; } .bs3 .workingcopy-object .btn { padding: 4px; padding-top: 2px; border-radius: 20px; font-size: 18px; } .bs3 .workingcopy-object .btn.btn-default { color: #999; } .bs3 .workingcopy-objects .workingcopy-name { border-right: 1px solid #dddddd; } .bs3 .workingcopy-objects .workingcopy-object TD { vertical-align: middle; } .workingcopy-object .workingcopy-status I { border-radius: 15px; padding: 5px; color: #999; font-size: 18px; } .bs3 .workingcopy-object .workingcopy-status, .bs3 .workingcopy-object .workingcopy-btn { padding: 2px; } .workingcopy-objects tfoot button { float: right; } /* ========== action.compareselectedimages.css ========== */ .cmpselimgs-container { position: fixed; top: 36px; bottom: 0px; left: 0px; width: 100%; background-color: black; overflow: hidden; } .cmpselimgs-container .view-container { position: absolute; width: 49%; top: 0px; bottom: 150px; border: 2px solid black; } .cmpselimgs-container .view-container.active { } .cmpselimgs-container .view-container.checked { border: 2px solid yellow; } .cmpselimgs-container .view-container.left { left: 0px; } .cmpselimgs-container .view-container.right { right: 0px; } .cmpselimgs-container .view-container .key { position: absolute; bottom: 0px; opacity: 0.3; } .cmpselimgs-container .view-container.active .key { opacity: 1; } .cmpselimgs-container .view-container.left .key { left: 0px; } .cmpselimgs-container .view-container.right .key { right: 0px; } .cmpselimgs-container .view-container .slotnumber { position: absolute; top: 3px; left: 10px; z-index: 1; color: silver; padding-left: 3px; padding-right: 6px; border: 1px solid silver; border-radius: 8px; min-width: 200px; width: 50%; background-color: gray; } .cmpselimgs-container .view-container .slotnumber i { display: none; } .cmpselimgs-container .view-container .slotnumber i.white { display: inline-block; } .cmpselimgs-container .view-container.active .slotnumber { background-color: white; color: black; border: 1px solid silver; } .cmpselimgs-container .view-container.active .slotnumber i { display: inline-block; } .cmpselimgs-container .view-container.active .slotnumber i.white { display: none; } .cmpselimgs-container .view-container .info { position: absolute; top: 3px; right: 10px; opacity: 0.8; display: none; color: whitesmoke; background-color: black; border-radius: 8px; } .cmpselimgs-container .view-container.active .info { display: block; } .cmpselimgs-container .view-container .image-container { position: absolute; top: 17px; bottom: 0px; left: 0px; right: 0px; margin: 5px; } .cmpselimgs-container.zoom .view-container.active { } .cmpselimgs-container.zoom .view-container.active .image-container { overflow: auto; } .cmpselimgs-container .image-container .image { height: auto; width: auto; max-height: 100%; max-width: 100%; } .cmpselimgs-container.zoom2 .active .image-container .image { max-height: 200%; max-width: 200%; } .cmpselimgs-container.zoom3 .active .image-container .image { max-height: 300%; max-width: 300%; } .cmpselimgs-container .left .image-container { right: 0px; } .cmpselimgs-container .right .image-container { left: 0px; } .cmpselimgs-container .left .image-container .image { float: right; } .cmpselimgs-container .right .image-container .image { float: left; } .cmpselimgs-container .image-container .details { position: absolute; bottom: 10px; border: 1px silver dotted; min-height: 50px; max-height: 50%; padding: 10px; overflow: auto; color: black; background-color: white; left: 50px; right: 50px; opacity: 0.9; display: none; } .cmpselimgs-container.showdetails .image-container .details { display: block; } .cmpselimgs-container .image-container .details h1 { font-weight: bold; font-size: larger; } .cmpselimgs-container .image-container .details .document-body { text-align: left; font-size: larger; padding: 10px; } .cmpselimgs-container .image-container .details .document-meta { padding: 10px; } .cmpselimgs-container .document-selection { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 140px; max-height: 140px; overflow: auto; display: block; background-color: black; color: whitesmoke; /* border: 2px solid black; */ } .cmpselimgs-container .document-selection .status { position: fixed; } .cmpselimgs-container .document-selection .slotnumber { float: left; } .cmpselimgs-container .document-selection .info { position: fixed; bottom: 0px; right: 10px; } .cmpselimgs-container .document-selection .info .key { float: left; background-size: 30px auto; opacity: 0.3; } .cmpselimgs-container .document-selection li.selected-document { text-align: center; opacity: 0.3; } .cmpselimgs-container .document-selection li.selected-document.checked, .cmpselimgs-container .document-selection li.selected-document.checked.active { opacity: 1; } .cmpselimgs-container .document-selection li.selected-document.selected-left, .cmpselimgs-container .document-selection li.selected-document.selected-right { background-color: gray; } .cmpselimgs-container .document-selection li.selected-document.active { background-color: #333333; background-color: whitesmoke; border: 1px dashed #C0C0C0; opacity: 0.6; } .cmpselimgs-container .document-selection li.selected-document:hover { background-color: #333333; border: 1px dashed #C0C0C0; } .cmpselimgs-container .document-selection li.selected-document.active:hover { background-color: silver; border: 1px dashed #C0C0C0; } .cmpselimgs-container li.selected-document.active { color: black; } .cmpselimgs-container li.selected-document.active .wrapper { border-color: #333333; border-color: whitesmoke; } .cmpselimgs-container .document-selection.active-left { /* border-color: red; */ } .cmpselimgs-container .document-selection.active-right { /* border-color: blue; */ } .cmpselimgs-container .document-selection li.selected-document { background-color: black; } .cmpselimgs-container .document-selection .preview_wrapper { margin-left: 0px; } .cmpselimgs-container .document-selection li.selected-document .preview_image { max-height: 90px; } .cmpselimgs-container.zoom .document-selection { display: none; } .cmpselimgs-container.zoom .view-container { display: none; } .cmpselimgs-container.zoom-left .view-container.left, .cmpselimgs-container.zoom-right .view-container.right { display: block; bottom: 0px; left: 1px; right: 1px; width: 99%; margin: auto; } .cmpselimgs-container.zoom .left .image-container .image, .cmpselimgs-container.zoom .right .image-container .image { float: none; } .fullscreen-button { position: fixed; top: 2px; right: 10px; } .fullscreen-button.bs3 .btn { padding: 3px 12px; } .fullscreen-button I { vertical-align: sub; } /* ========== action.uploadrequest.css ========== */ .uploadrequest-container { position: fixed; top: 36px; left: 0px; right: 0px; bottom: 0px; background-color: white; text-align: left; font-size: medium; padding: 20px; overflow: auto; } .uploadrequest-container .upload_container { margin-top: 5px; } .uploadrequest-container .upload-target { margin-top: 20px; border: 1px dashed silver; min-height: 200px; } .uploadrequest-container .preview-container { margin-top: 20px; border: 1px dotted silver; } .uploadrequest-container.bs3 .thumbnail { width: 200px; height: 260px; float: left; overflow: hidden; } .uploadrequest-container.bs3 .thumbnail .image { width: 200px; height: 200px; display: table-cell; text-align: center; vertical-align: middle; } .uploadrequest-container.bs3 .thumbnail img { width: auto; height: auto; max-width: 200px; max-height: 200px; } /* ========== aiconix.css ========== */ a.aiconix { //color: rgb(0, 106, 219); } a.aiconix_highlight{ color: rgb(0, 106, 219); font-weight: bold; } /* ========== animation.css ========== */ @keyframes glow { 0% { box-shadow: 0 0 16px rgba(0,91,130, 0.0); background-color: rgba(255, 255, 255, 0.0); } 50% { box-shadow: 0 0 16px rgba(0,91,130, 1.0), 0 0 20px rgba(255, 255, 255, 1.0); background-color: rgba(0,91,130, 1.0); color: rgba(255, 255, 255, 1.0); } 100% { box-shadow: 0 0 16px rgba(0,91,130, 0.0); background-color: rgba(255, 255, 255, 1.0); } } @keyframes glownavigation { 0% { background-color: rgba(204, 204, 204, 1.0); } 50% { background-color: rgba(228,236,199, 1.0); } 100% { background-color: rgba(204, 204, 204, 1.0); } } @keyframes glowformalert { 0% { background-color: rgba(242, 222, 222, 1.0); } 50% { background-color: rgba(255,255,255, 1.0); } 100% { background-color: rgba(242, 222, 222, 1.0); } } @keyframes glowagentalert { 0% { background-color: rgba(228, 236, 199, 1.0); } 50% { background-color: rgba(255,255,255, 1.0); } 100% { background-color: rgba(228, 236, 199, 1.0); } } .glow-on-update { transition: all 1s ease-in-out 0s; border-radius: 16px; } .label-status.updated-node, .glow-on-update.updated-animation, .editor-container .editor-basic-topbar .error-message, form .alert-danger, #action-dialog-body .alert-danger, #search-wrapper .alert-message { animation-name: glow; animation-duration: 2s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in-out; } .label-status.updated-node { animation-name: glownavigation; } #search-wrapper .alert-message { animation-name: glowagentalert; } .editor-container .editor-basic-topbar .error-message, form .alert-danger, #action-dialog-body .alert-danger { animation-name: glowformalert; animation-duration: 1s; animation-iteration-count: 3; } /* ========== bootstrap.simpel.css ========== */ /* * still required? .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } .select { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .select { line-height: 30px; } .select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; } .select[multiple], .select[size] { height: auto; } .select:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } */ /* ========== dcx-jquery-ui.css ========== */ .thesaurus-content .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; } .thesaurus-content .ui-autocomplete li:hover { font-weight: normal; } /* ========== debug.css ========== */ .show-in-debug-mode { display: none; } .show-debug .show-in-debug-mode { display: block; } .form-template { display: none; color: white; background-color: red; opacity: 0.5; } /* ========== desktopnotification.css ========== */ .dsknotify-enabled .desktop-notification-request { display: none; } .desktop-notification-enabled { display: none; } .dsknotify-enabled .desktop-notification-enabled { display: inline-block; } .dsknotify-denied .desktop-notification-request { display: none; } #content-header-listview .desktop-notification-request { position: absolute; right: 0; width: auto; } /* ========== dialog.form.css ========== */ #action-dialog FORM.larger-label TABLE.form-table .first { width: 40%; } #action-dialog-body .form-table LABEL { width: auto; } /* ========== dnd.css ========== */ .dnd-label-color { position: absolute; right: 4px; top: 4px; height: 16px; width: 32px; border-radius: 2px; } .dnd_target_cloud_list .glyphicons { margin-right: 5px; vertical-align: sub; } /* ========== dnd.upload.css ========== */ .upload_container_dropzone { border: 2px dashed silver; } .upload_container { margin-top: 50px; padding: 10px; text-align: left; } .fileupload { padding-top: 5px; padding-bottom: 5px; } .filedrop { /* margin-top: 10px; width: 45%; min-height: 100px; float:left; border: 1px solid white; background-color: Silver; padding: 5px; */ } .filedrop .fileupload-result-list LI { margin-top: 2px; } .editor-instance .editor TABLE.form-table TR.form-fileuploadhandler:hover TD.first, .editor-instance .editor TABLE.form-table TR.form-fileuploadhandler:hover TD.last { background-color: transparent; } /* ========== document.actionicons.css ========== */ .actionicons li.actionicon I { margin-left: 3px; } .actionicons .actionicon { display: inline-block; height: 13px; width: 12px; line-height: 14px; margin-left: 3px; border-radius: inherit; background-size: auto; } .content-list .icons .glyphicons { opacity: 0.8; font-size: 14px; } .content-list .icons .glyphicons.danger { color: red; } .content-list .icons .glyphicons.succes { color: darkgreen; } .content-list .icons .glyphicons.active { color: orange; } .actionicons .action_ccidnd a { background-repeat: no-repeat; } .actionicons .actionicon .glyphicons { font-size: 12px; vertical-align: middle; } /* ========== document.selection.css ========== */ .document-selection { position: absolute; display: none; bottom: 0px; clear: both; min-height: 110px; max-height: 110px; border-top: 1px solid #adadad; background-color: white; } .document-selection .list { overflow: auto; } .document-selection li.selected-document { float: left; width: 110px; height: 110px; border: 1px dashed silver; background-color: whitesmoke; overflow: hidden; } .document-selection li.selected-document.active { border: 1px dashed black; } .document-selection li.selected-document:hover { background-color: white; } .document-selection li.selected-document .preview_image { width: auto; height: auto; max-width: 100px; max-height: 100px; } .document-selection li.selected-document .preview_text { width: 100px; height: 100px; } .document-selection .preview_wrapper { width: 100px; height: 100px; margin-left: 5px; word-wrap: break-word; overflow: hidden; color: black; text-decoration: none; } .document-selection .actions-container { position: absolute; right: 10px; bottom: -1px; } .document-selection .actions { padding-left: 5px; border: 1px solid silver; border-radius: 8px 8px 0px 0px; text-align: left; float: left; margin-left: 15px; } .document-selection .actions.last-action { display: none; } .document-selection .actions.last-action A.last-action, .document-selection .actions A.action-info { color: white; font-size: 12px; text-decoration: underline; padding: 4px 10px 4px 4px; display: block; } .document-selection .actions.active.last-action .action-info, .document-selection .actions.active .action-info { display: none; } .document-selection .actions .action-list { display: none; max-height: 500px; overflow: auto; overflow-x: hidden; overflow-y: auto; } .document-selection .actions .filter { display: none; margin-right: 10px; margin-top: 5px; } .document-selection .actions .filter input { width: 100%; } .document-selection .actions.active .filter, .document-selection .actions.active .action-list { display: block; } .document-selection .actions .action { padding: 3px; background-color: #005B82; transition: all ease-in 0.5s; height: 18px; white-space: nowrap; display: block; padding-right: 20px; } .document-selection .actions .action.filtered { } .document-selection .actions .seperator { padding: 1px; border-top: 1px solid silver; background-color: #005B82; } .document-selection .actions a { color: black; text-decoration: none; } .document-selection .action-label { font-size: 12px; padding: 2px; color: white; transition: opacity,font-size ease-in 0.5s; } .document-selection .filtered .action-label { font-size: 10px; opacity: 0.4; } .document-selection .action-label:hover{ background-color: white; color: #005B82; } .document-selection .status { border: 1px solid silver; border-radius: 8px 8px 0 0; position: absolute; bottom: -1px; height: 18px; left: 10px; padding-left: 5px; padding-right: 5px; padding-top: 4px; font-size: 12px; color: white; } .document-selection .status label { text-decoration: underline; cursor: pointer; } .document-selection .status input { margin-right: 2px; } .document-selection .status li { float: left; } .document-selection input.selectdocument { font-size: small; } .article .selectdocument { margin: 2px; } .task-infos .select-task-checkbox { margin-bottom: 10px; } #selection-header .documentselection_expand, #selection-header .documentselection_reduce { display: none; } .document-selection .selected-documents-expand{ cursor: pointer; right: 20px; float: right; width: 18px; } .document-selection .selected-documents-reduce{ cursor: pointer; right: 20px; float: right; width: 18px; } .document-selection .selected-documents-expand:hover, .document-selection .selected-documents-reduce:hover{ background-color: #E1E1E1; } .document-selection .selected-documents-expand i.expander-icon{ margin-top : 5px; } .document-selection .selected-documents-reduce i.reducer-icon{ margin-top : 5px; } .article-selected .actionicons-selectdocument { background-color: rgb(#002F41); background-image: -webkit-linear-gradient(#005B82 0%, #002F41 100%); background-image: -moz-linear-gradient(#005B82 0%, #002F41 100%); background-image: -o-linear-gradient(#005B82 0%, #002F41 100%); background-image: linear-gradient(#005B82 0%, #002F41 100%); } #tabs_content .actionicons-selectdocument, #TB_window .actionicons-selectdocument { display: none !important; } .linksnippets .actionicons-selectdocument { display: none !important; } .table-fileinfo .actionicons-selectdocument { display: none !important; } /* ========== editor.basic.css ========== */ .editor-container { transition: all 1s ease 0s; opacity: 1; } .editor-container.closed { opacity: 0; height: 0px; overflow: hidden; } .editor-container .editor { margin: 10px; } .editor-container .editor-buttons .select { font-size: 12px; } .editor-container .editor-buttons .btn .glyphicons { vertical-align: text-top; } .editor-container .editor-buttons { position: relative; margin-bottom: 10px; height: 30px; } .editor-container .editor-buttons .editor-basic-topbar, .editor-container .editor-buttons .editor-advanced-topbar { padding-bottom: 5px; padding-right: 5px; } .editor-container .editor-basic-topbar { position: fixed; z-index: 1; display: inline; background-color: white; border-radius: 4px; margin-top: -5px; padding: 5px; } .dcx-simple-ui .editor-container .hide-if-simple-ui { display: none; } .dcx-simple-ui .editor-container .editor-basic-topbar, .dcx-ui-mobile .editor-container .editor-basic-topbar { position: relative; } .editor-container .editor-basic-topbar .error-message { display: inline; padding: 7px; } .dcx-simple-ui .editor-container .editor-basic-topbar .error-message { padding: 5px 7px 7px; } .editor-container .editor-advanced-topbar { float: right; } .editor-container .editor-basic-topbar .btn { border-color: #B3B3B3; overflow: hidden; } .editor-container .editor-advanced-topbar .editor-actions { float: right; margin-left: 3px; } .editor-container .editor-advanced-topbar .dropdown-menu .btn { text-align: left; border: none; } .editor-instances { margin: 0px; padding: 0px; } .editor-instance { list-style: none; } .editor-instance .tab-content { } .editor-instance .editor .nav { } .editor-instance, .editor-instance .editor, .editor-instance .sidebar { transition-property: opacity, height; transition-duration: 0.5s, 1s; transition-delay: 0s, 0s; transition-timing-function: ease-in-out; } .editor-container .editor-instance .editor, .editor-container .editor-instance .sidebar { } .editor-container .editor-instance.editor-hide .editor, .editor-container .editor-instance.editor-hide .sidebar { overflow: hidden; height: 0px; opacity: 0; } .editor-container .sidebar H2 .btn-xs, .editor-container .sidebar .comments .btn-xs { padding: 5px 5px; } .dcx-simple-ui .editor-container .sidebar H2 .btn-xs, .dcx-simple-ui .editor-container .sidebar .comments .btn-xs { padding: 1px 5px; } .editor-container .editor-basic-topbar .btn-savedocument .glyphicon { /* color: #f89406; */ } /* bs3 tabs border fix */ .bs3 .editor-container .nav-tabs > li { margin-bottom: -2px; } .editor-container .editor-instance .editor { padding-right: 350px; } .editor-container .editor-instance .sidebar { position: fixed; top: 36px; right: 15px; bottom: 2px; height: auto; overflow: visible; transition: all 0.4s ease 0s; } /* .dcx-ui-desktop .editor-container .editor-instance .sidebar, */ .dcx-simple-ui.dcx-ui-mobile .editor-container .editor-instance .sidebar { position: absolute; top: 0px; } .dcx-simple-ui.dcx-ui-desktop .editor-container .editor-instance .sidebar { top: 50px; } /* .dcx-simple-ui.perspectiveeditor_user_is_editing #topnav { display: none; } .dcx-simple-ui.perspectiveeditor_user_is_editing .storyeditor-container .editor-navigation, .dcx-simple-ui.perspectiveeditor_user_is_editing .editor-container .editor-instance .sidebar { top: 0px; } */ .editor-container .editor-instance .editor { padding-right: 50px; } .editor-container .editor-instance .sidebar { width: 600px; right: -550px; padding-left: 5px; padding-right: 3px; } .editor-container .taskstatus-selection.component { display: inline-block; } @media (max-width: 1199px){ .fullsidebar .editor-container .editor-instance .sidebar { right: 0px; bottom: 0px; width: 600px; padding-right: 0px; z-index: 3; } .fullsidebar .editor-container .editor-instance .sidebar .tab-content { display: block; } .fullsidebar .editor-container .editor-instance .sidebar-fullscreen-layer { position: fixed; left: 0px; right: 0px; bottom: 0px; top: 36px; background-color: black; opacity: 0.4; z-index: 2; } .editor-container .editor-instance .sidebar { right: 20px; width: 50px; } .editor-container .editor-instance .sidebar .tab-content { display: none; } .fullsidebar .editor-container .editor-instance .sidebar { } .dcx-simple-ui .fullsidebar .editor-container .editor-instance .sidebar-fullscreen-layer { /* top: 0px; */ } .storyeditor_candidate_preview_container.show_on_tab { visibility: hidden; } } @media (max-width: 1199px){ } @media (min-width: 1024px) { } @media (min-width: 1200px) { /* size of sidebar right */ .fullsidebar .editor-container .editor-instance .editor, .editor-container .editor-instance .editor { display: block; padding-right: 425px; } .fullsidebar .editor-container .editor-instance .sidebar, .editor-container .editor-instance .sidebar { width: 405px; right: 20px; } .storyeditor_candidate_preview_container { right: 425px; } .storyeditor_candidate_preview_container.show_on_tab { width: 385px; } } @media (min-width: 1400px) { /* size of sidebar right */ .fullsidebar .editor-container .editor-instance .editor, .editor-container .editor-instance .editor { padding-right: 500px; } .fullsidebar .editor-container .editor-instance .sidebar, .editor-container .editor-instance .sidebar { width: 480px; } .storyeditor_candidate_preview_container { right: 500px; } .storyeditor_candidate_preview_container.show_on_tab { width: 460px; } } @media (min-width: 1500px) { /* size of sidebar right */ .fullsidebar .editor-container .editor-instance .editor, .editor-container .editor-instance .editor { padding-right: 600px; } .fullsidebar .editor-container .editor-instance .sidebar, .editor-container .editor-instance .sidebar { width: 580px; } .storyeditor_candidate_preview_container { right: 600px; } .storyeditor_candidate_preview_container.show_on_tab { width: 560px; } } @media (min-width: 1600px) { /* size of sidebar right */ .fullsidebar .editor-container .editor-instance .editor, .editor-container .editor-instance .editor { padding-right: 700px; } .fullsidebar .editor-container .editor-instance .sidebar, .editor-container .editor-instance .sidebar { width: 680px; } .storyeditor_candidate_preview_container { right: 700px; } .storyeditor_candidate_preview_container.show_on_tab { width: 660px; } } /* ========== formcomponent.attacheddocuments.css ========== */ .form-imageslotcandidates.attacheddocuments .imagegroup-infobox { display: none; } .form-imageslotcandidates.attacheddocuments .attacheddocuments_headline { font-size: 16px; } .form-imageslotcandidates.attacheddocuments .taggroup_buttons { float: right; } /* ========== formcomponent.autocomplete.css ========== */ .form-table .entry-as-tag { display: inline-block; background-color: #e7e7e7; border: 1px solid #d7d7d7; border-radius: 7px; color: #666666; } .form-table .entry-as-tag I { padding-left: 3px; vertical-align: text-top; } .form-table .entry-as-tag .btn-remove { background-color: inherit; border: medium none; color: #d9534f; padding: 0; vertical-align: top; width: 20px; } .form-table .entry-as-tag .btn-remove I { vertical-align: text-top; } .ui-menu-item.ui-state-focus { font-weight: normal; } /* ========== formcomponent.checkbox.css ========== */ TABLE.form-table .form-checkbox LABEL { width: auto; text-align: left; font-weight: normal; white-space: nowrap; margin-right: 5px; font-size: 12px; } TABLE.form-table .form-checkbox .full LABEL { float: none; display: inline; } .bs3 .form-checkbox .first.full > span:first-of-type { margin-left: 15px; } /* reset bootstrap layout */ .bs3 .form-checkbox.checkbox { display: table-row; } .bs3 .form-checkbox.checkbox input[type="checkbox"] { float: none; margin-left: 0px; } /* ========== formcomponent.container_taggroup.css ========== */ .bs3 .container_taggroup .alert { margin-bottom: 3px; } /* ========== formcomponent.css ========== */ .form-table .hide-in_form { display: none; } .form-table .btn-xs .glyphicons { vertical-align: text-top; } .form-table, .form-table table { table-layout: fixed; width: 100%; } .form-table .layout-helper td { border: none !important; padding: 0px !important; margin: 0px !important; height: 1px !important; } FORM .form-meta { color: silver; font-size: 10px; clear: both; text-align: left; } FORM .form-meta .btn, FORM .form-meta .btn:hover { color: silver; font-size: 10px; clear: both; background-color: transparent; cursor: default; padding: 0px; vertical-align: inherit; } FORM .form-meta li { padding: 0px !important; margin: 0px !important; } FORM .form-meta .meta-container { display: none; } FORM .form-meta.show-meta .meta-container { display: block; } FORM .form-debug { padding: 10px; background-color: #FFA465; } FORM .form-debug INPUT { width: 100%; } FORM .show-in-debug-mode { display: none; } .show-debug FORM .show-in-debug-mode { display: block; } .show-debug FORM .show-in-debug-mode a { color: #cccccc; } #action-dialog-body TABLE.form-table .first { width: 30%; } TABLE.form-table .add_button_container td, TABLE.form-table .remove_button_container td { text-align: right; } form .formcomponentdata > TD { background-color: transparent; transition: background-color 0.2s ease-in-out 0s;; } form .formcomponentdata.confirm_success > TD { background-color: #dff0d8; transition: background-color 1s ease-in-out 0s; } form .formcomponentdata.confirm_error > TD { background-color: red; transition: background-color 1s ease-in-out 0s; } .bs3 form .table > tbody > tr > td { border-top: none; } .bs3 .table.form-table tr > td { padding: 4px; } .form-table.bs3 .form-control { height: auto; padding: 3px; font-size: 12px; } /* ========== formcomponent.datetime.css ========== */ #ui-datepicker-div { z-index: 999999 !important; font-size: 12px; } .ui-datepicker .ui-datepicker-title select { color: black; } /* ========== formcomponent.document-droppable.css ========== */ .document-droppable.dnd_file_dragover, .formcomponentdata.document-droppable.document-droppable-active { background-color: #eeeeee; border: 1px dashed black; } .formcomponentdata.document-droppable.document-droppable-active.drop-hover { background-color: #a1a1a1; } .sortable-helper { border: 1px dashed #dddddd; background-color: red; opacity: 0.3; cursor: move; position: absolute; z-index: 999999; } /* ========== formcomponent.documentvariant.css ========== */ .form-documentvariant .first { } .form-documentvariant .last { /* background-color: white; */ padding: 5px } .form-documentvariant IMG.current_variant { width: auto; height: auto; max-height: 250px; max-width: 220px; border: 1px solid silver; } .form-documentvariant .image_container { width: 220px; float: left; } .form-documentvariant .variant_option .image_container { width: 33%; } .form-documentvariant .image_container .input { margin-left: 5px; } .form-documentvariant IMG.variant { width: auto; height: auto; max-width: 90%; max-height: 200px; margin: 5px; border: 1px solid silver; } .form-documentvariant .variant_option.selected { /* border: 1px solid darkcyan; */ } .form-documentvariant .variant_option { padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; /* border: 1px solid silver; */ clear: both; width: 100%; float: right; border: 1px solid transparent; } .form-documentvariant .variant_option:hover { /* background-color: white; */ border: 1px solid silver; } .form-documentvariant.closed .variant_option:hover { border: 1px solid transparent; } .form-documentvariant .variant_option input { margin-right: 5px; } .form-documentvariant.closed .variant_option { display: none; } .form-documentvariant.closed .variant_option.selected { /* display: block; */ } .form-documentvariant.closed .variant_option.selected .image_container { display: none; } .form-documentvariant .action { display: none; } .form-documentvariant.closed .action { display: inline; } .form-documentvariant.closed .action A { color: black; } .form-documentvariant .filedata { } .form-documentvariant .filedata th { background: none; border: none; text-align: right; } .form-documentvariant .filedata tr:hover th { background: none; } /* ========== formcomponent.formtemplate.css ========== */ .form-table .form-template_handler { border: 1px solid silver; } .form-table .form-template_handler .template_button_container { margin-top: 5px; } .form-table .form-template_handler .create_new_template { float: right; } .dialog_layer .prepare-form-template .select-mode { text-align: center; } .dialog_layer .prepare-form-template .template-value { color: #737373; } .dialog_layer.bs3 .prepare-form-template td { padding: 4px; } .dialog_layer.bs3 input[type="radio"][disabled] { opacity: 0.5; } /* ========== formcomponent.galleryimage.css ========== */ .form-taggroups.GalleryImage, .form-taggroups.container_gallerydocumentdata { display: none; } .form-taggroups .galleryimage-value td.first, .form-taggroups .galleryimage-value td.content, .form-taggroups .galleryimage-value td.last { padding: 0px; margin: 0px; border: none; } .form-taggroups.GalleryImage { font-size: 10px !important; } .form-taggroups.GalleryImage .image-container { height: 100px !important; width: 100px !important; } /* for debugging */ .form-galleryimage-preview > td > div { height: 50px; overflow: auto; } .form-taggroups .container_galleryimage { border: 1px solid red; } .form-taggroups .container_galleryimage .taggroup_elements { } .form-taggroups .container_galleryimage .gallerimage-debuginfo li { float: left; margin-right: 5px; } /* ========== formcomponent.galleryimage_preview.css ========== */ .form-galleryimage-preview .image-container, .form-galleryimage-preview .text-container { max-height: 400px; } .form-galleryimage-preview .text-container { overflow: auto; } .form-galleryimage-preview .galleryimage-preview-container { } .galleryimages-full .button-container { position: absolute; top: 0px; right: 0px; } .full-galleryimage-preview .form-galleryimage-preview .galleryimage-preview-container, .form-galleryimage-preview .galleryimages-full img, .form-galleryimage-preview .galleryimages-full .button-container { display: none; } .form-galleryimage-preview .galleryimage-preview-container, .full-galleryimage-preview .form-galleryimage-preview .galleryimages-full img, .full-galleryimage-preview .form-galleryimage-preview .galleryimages-full .button-container { display: inline-block; } .thumbnail-galleryimage-preview .form-galleryimage-preview .show-if-full { display: none; } .full-galleryimage-preview .form-galleryimage-preview .show-if-thumbnail { display: none; } .thumbnail-galleryimage-preview .form-galleryimage-preview .show-if-thumbnail { display: inline-block; } .full-galleryimage-preview .form-galleryimage-preview .show-if-full { display: inline-block; } .thumbnail-galleryimage-preview .form-galleryimage-preview .show-if-full { display: none; } /* show the full preview buttuns if the thumbnail view is activated */ .thumbnail-galleryimage-preview .container_gallery .form-galleryimage-preview .galleryimages-full .galleryimage-full > *, .thumbnail-galleryimage-preview .container_gallery .galleryimage-full .text-container > *{ display: none; } .thumbnail-galleryimage-preview .container_gallery .form-galleryimage-preview .galleryimages-full .galleryimage-full .text-container, .thumbnail-galleryimage-preview .container_gallery .galleryimage-full .text-container .candidate-buttons { display: block; } .thumbnail-galleryimage-preview .container_gallery .form-gallerypreview .galleryimage-full { height: auto; } /* end */ .form-galleryimage-preview .button-action-container { margin-top: 5px; text-align: left; } .form-galleryimage-preview .galleryimages-thumbnails { } .form-galleryimage-preview, .container_gallery .galleryimage-data > td { } .form-galleryimage-preview .galleryimages-full { position: relative; } .form-galleryimage-preview .galleryimages-full .img-thumbnail { max-height: 100%; max-width: 60%; width: auto; float: left; border-radius: 10px; border: none; } .form-galleryimage-preview .galleryimages-full .text-container { overflow: hidden; height: 100%; text-align: left; padding-left: 10px; padding-top: 20px; } .form-galleryimage-preview .galleryimages-full .show-details-button { position: absolute; bottom: 30px; right: 5px; } .form-galleryimage-preview .galleryimages-full .text-container .background { position: absolute; top: 0px; bottom: 0px; width: 100%; height: 200%; background-color: white; opacity: 0.8; } .form-galleryimage-preview .galleryimages-full .text-container h1 { font-size: 16px; } .form-galleryimage-preview .galleryimages-full .text-container h2 { font-size: 16px; } .form-galleryimage-preview .galleryimages-full .text-container h3 { font-size: 12px; } .form-galleryimage-preview .galleryimages-full .text-container h1, .form-galleryimage-preview .galleryimages-full .text-container h2, .form-galleryimage-preview .galleryimages-full .text-container h3 { margin-top: 3px; margin-bottom: 5px; } .form-galleryimage-preview .galleryimages-full .text-container .image-caption { text-align: left; margin: 5px; } .form-galleryimage-preview .galleryimages-full .text-container .image-caption p { padding: 0px; margin: 0px; } .form-galleryimage-preview .galleryimages-full .image-container { height: 400px; } .form-galleryimage-preview .galleryimages-full .image-container IMG { max-height: 100%; max-width: 100%; height: auto; width: auto; } .form-galleryimage-preview .galleryimage-thumbnail { position: relative; height: 135px; width: 135px; float: left; border: 1px solid #dddddd; border-radius: 4px; transition: border 0.1s ease-in; margin-right: 1px; margin-bottom: 1px; } .form-galleryimage-preview .galleryimage-thumbnail.galleryimage-error { } .form-galleryimage-preview .galleryimage-thumbnail.galleryimage-error button.show-if-not-deleted { position: absolute; top: 0px; right: 0px; } .form-galleryimage-preview .galleryimage-thumbnail.galleryimage-error .alert { padding: 5px; margin-top: 15px; } .form-galleryimage-preview .galleryimage-thumbnail .image-container IMG { height: auto; max-height: 100%; max-width: 100%; width: auto; padding: 0px; border: none; position: absolute; margin: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; } /* .form-galleryimage-preview .galleryimage-thumbnail .image-container IMG.landscape { height: 100%; } .form-galleryimage-preview .galleryimage-thumbnail .image-container IMG.portrait { width: 100%; } */ .form-galleryimage-preview .galleryimage-thumbnail.active, .form-galleryimage-preview .galleryimage-thumbnail.story_document.active { border: 1px solid #3a87ad; background-color: #3a87ad; } .form-galleryimage-preview .galleryimage-thumbnail IMG { } .form-galleryimage-preview .galleryimage-thumbnail.active IMG { transition: none; } .form-galleryimage-preview .deleted IMG, .form-galleryimage-preview .deleted .text-container { opacity: 0.5; } .form-galleryimage-preview .galleryimage-thumbnail .image-container { display: table-cell; height: 150px; max-width: 148px; width: 148px; vertical-align: middle; text-align: center; } .form-gallerypreview .galleryimage-full { height: 400px; margin-bottom: 5px; } .form-galleryimage-preview .galleryimage-full .button-container .btn-favorite I { color: yellow; text-shadow: 1px 1px 1px black; } .form-galleryimage-preview .deleted .show-if-not-deleted, .form-galleryimage-preview .show-if-deleted, .form-galleryimage-preview .deleted .btn.show-if-not-deleted, .form-galleryimage-preview .btn.show-if-deleted{ display: none; } .form-galleryimage-preview .deleted .show-if-deleted, .form-galleryimage-preview .deleted .btn.show-if-deleted { display: inline-block; } .form-gallerypreview .toolbar { text-align: center; height: 30px; } .form-gallerypreview .toolbar.main { text-align: left; } .form-gallerypreview .toolbar.bottom { } .form-gallerypreview .toolbar .right { float: right; } .form-gallerypreview .toolbar .left { float: left; } .form-gallerypreview .toolbar .selection-info { display: inline; font-size: 14px; font-weight: bold; line-height: 30px; } /* hide/show gallery preview if available or info message */ .container_gallery.container-is-empty .images-found, .container_gallery.container-is-empty .galleryimage-data, .container_gallery .no-images-found { display: none; } .container_gallery .images-found, .container_gallery.container-is-empty .no-images-found { display: block; clear: left; } .container_gallery .galleryimage-data { display: table-row; } form-galleryimage-preview .no-images-found > div { float: left; margin-right: 10px; } .form-galleryimage-preview .galleryimage-full.story_document .img-thumbnail { max-height: 100%; width: auto; height: 250px; } .form-galleryimage-preview .galleryimage-full.story_document .story-preview { height: 150px; overflow: auto; text-align: left; } .form-galleryimage-preview .galleryimage-full .story-preview { display: none; } .full-galleryimage-preview .form-galleryimage-preview .galleryimage-full .story-preview { display: block; } .form-galleryimage-preview .galleryimage-full .story-preview h1 { font-size: 14px; font-weight: bold; } .form-galleryimage-preview .galleryimage-full .story-preview h2 { font-size: 12px; color: darkred; } .form-galleryimage-preview .galleryimage-full .story-preview .lead { font-size: 12px; font-style: italic; } .form-galleryimage-preview .galleryimage-full .story-preview .body { font-size: 12px; } .form-galleryimage-preview .galleryimage-thumbnail.story_document { border: 3px solid #3a87ad; } .form-galleryimage-preview .galleryimage-thumbnail.story_document .story-preview { padding: 2px; position: absolute; text-align: justify; width: 100%; background-color: white; } .form-galleryimage-preview .galleryimage-thumbnail .story-preview h1, .form-galleryimage-preview .galleryimage-thumbnail .story-preview h2 { font-size: 12px; font-weight: normal; margin-top: 1px; margin-bottom: 1px; } .form-galleryimage-preview .galleryimage-thumbnail .story-preview h2 { color: darkred; } .form-galleryimage-preview .galleryimage-thumbnail.story_document .image-container { display: inline-block; height: 75px; overflow: hidden; } .form-galleryimage-preview .container-action-buttons { position: absolute; top: 0px; right: 0px; } .form-galleryimage-preview .container-action-buttons.container-action-buttons-delete { position: absolute; top: auto; bottom: 1px; right: 1px; } .form-galleryimage-preview .galleryimages-full .container-action-buttons.container-action-buttons-delete { position: absolute; top: 0px; bottom: auto; left: 0px; } /* ========== formcomponent.gallerypreview.css ========== */ .bs3 .form-gallerypreview .form-galleryimage-preview { border-top: 5px solid #dddddd; } .bs3 .form-gallerypreview .form-galleryimage-preview.form-galleryimage-preview-toolbar { border: none; } /* ========== formcomponent.helper.alternativevalues.css ========== */ .bs3 FORM .alternative-values-container .this-document, FORM .alternative-values-container .this-document { opacity: 0.5; } FORM .alternative-values-container .duplicate { opacity: 0.5; } .bs3 FORM .alternative-values-container .is-parent-story, FORM .alternative-values-container .is-parent-story { font-weight: bold; } .bs3 .open > .dropdown-menu.value-container { left: auto; right: 0px; } FORM .alternative-values-container I { border-radius: 0; vertical-align: top; } FORM .alternative-values-container .label { color: #005b82; padding: 3px 20px; display: block; text-align: left; } .bs3 FORM .alternative-values-container > button { font-size: 10px } .bs3 FORM .alternative-values-container img { max-height: 50px; max-width: 50px; } /* ========== formcomponent.helper.autorecovery.css ========== */ .form-table .formcomponentdata.recovered .first, .form-table .formcomponentdata.recovered input, .form-table .formcomponentdata.recovered select, .form-table .formcomponentdata.recovered textarea { color: red; } /* ========== formcomponent.helper.choosedocumentvariant.css ========== */ /* variant selection */ FORM .variant-selection { position: fixed; z-index: 10; top: 30px; bottom: 0px; left: 0px; right: 0px; min-height: 400px; min-width: 800px; display: none; } FORM .variant-selection .background { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-radius: 20px; border: 3px solid white; background-color: black; opacity: 0.8; } FORM .variant-selection .toolbar { position: absolute; top: 5px; right: 30px; z-index: 5; } FORM .variant-selection .preview { position: absolute; top: 45px; bottom: 150px; text-align: center; background-color: black; border: 3px solid white; } FORM .variant-selection .preview-content { height: 100%; display: block; } FORM .variant-selection .preview-content img { cursor: zoom-in; max-height: 100%; } FORM .variant-selection .thumbnails { height: 140px; position: absolute; bottom: 7px; left: 20px; right: 20px; overflow: auto; padding: 5px 10px; } FORM .variant-selection .thumbnails .template { display: none; } FORM .variant-selection .thumbnails .btn { width: 120px; height: 120px; position: relative; overflow: hidden; } FORM .variant-selection .thumbnails .btn img { max-height: 100%; } FORM .variant-selection .thumbnails .btn .variant-label { position: absolute; text-shadow: white 1px 1px 1px; left: 3px; bottom: 0px; } FORM .variant-selection .thumbnails .btn.btn-success .variant-label { text-shadow: black 1px 1px 1px; } /* ========== formcomponent.helper.contentx.css ========== */ .perspective-storyeditor .show-if-placed_in_indesign { display: none; } .perspective-storyeditor .placed_in_indesign .show-if-placed_in_indesign, .perspective-storyeditor .not_placed_in_indesign .placed_in_indesign .show-if-placed_in_indesign{ display: inline-block; } .perspective-storyeditor .not_placed_in_indesign .show-if-placed_in_indesign, .perspective-storyeditor .placed_in_indesign .not_placed_in_indesign .show-if-placed_in_indesign{ display: none; } /* ========== formcomponent.helper.validationvalues.css ========== */ FORM .does-not-match-validation-value .first { font-style: italic; } FORM .does-not-match-validation-value .first I.danger { color: red; } /* ========== formcomponent.imagegroup.css ========== */ .container_imagegroup .check_value { color: red; } /* ========== formcomponent.imagegrouppreview.css ========== */ .container_imagegroup .form-galleryimage-preview .galleryimages-full img, .container_imagegroup .form-galleryimage-preview .galleryimages-full .button-container { display: inline-block; } /* hide/show gallery preview if available or info message */ .container_imagegroup.container-is-empty .images-found, .container_imagegroup.container-is-empty .galleryimage-data, .container_imagegroup .no-images-found { display: none; } .container_imagegroup .images-found, .container_imagegroup.container-is-empty .no-images-found { display: block; } /* one image is placed in id but not favorite is selected */ .container_imagegroup.container-is-empty .has_images_placed_in_indesign .images-found { display: block; } .container_imagegroup.container-is-empty .form-imagegrouppreview.has_images_placed_in_indesign .galleryimages-full { height: 250px; } .container_imagegroup.container-is-empty .has_images_placed_in_indesign .no-images-found .img-thumbnail { font-size: 50px; } .form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .img-thumbnail { max-height: 250px; height: auto; max-width: 60%; width: auto; transition: none; float: left; } .form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .img-thumbnail.img-missing-variant { opacity: 0.4; } /* .form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .img-thumbnail.img-missing-variant-layer { position: absolute; top: 10px; left: 10px; max-width: 40%; } */ .form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .placed_in_indesign-icon { border-bottom: 1px solid #ddd; color: black; font-size: 16px; margin-bottom: 10px; padding-bottom: 5px; width: 100%; } .form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .placed_in_indesign-icon i { background-size: 24px auto; height: 24px; line-height: 24px; width: 24px; vertical-align: bottom; } .container_imagegroup .no-images-found .img-thumbnail { width: auto; height: auto; font-size: 200px; color: #dddddd; float: left; overflow: hidden; } .container_imagegroup .no-images-found .alert { float: left; margin-left: 50px; margin-top: 50px; text-align: center; width: 300px; } /* multiple favorites */ .form-imagegrouppreview.multiple-favorites .galleryimages-full { height: 280px; } /* action buttons */ .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full .button-action-container { visibility: hidden; height: 22px; overflow: hidden; } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full:hover .button-action-container { visibility: visible; position: absolute; z-index: 2; } .form-imagegrouppreview.multiple-favorites .form-galleryimage-preview .button-action-container { margin-top: 0px; } /* preview layout */ .form-imagegrouppreview.multiple-favorites .galleryimage-full { position: absolute; width: 100%; transition: left ease-in-out 0.5s, opacity ease-in-out 0.5s; } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full { text-align: left; left: 80%; } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full .btn { visibility: hidden; } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full:hover .button-action-container .btn { visibility: visible; } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full:hover, .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot0:hover, .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot1:hover, .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot2:hover, .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot3:hover { /* z-index: 2; background-color: white; left: 0px; width: 100%; */ } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot0 { background-color: white; left: 0px; width: 100% } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot1 { background-color: white; left: 20%; width: 80% } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot2 { background-color: white; left: 40%; width: 60% } .form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot3 { background-color: white; left: 60%; width: 40% } .form-imagegrouppreview .galleryimage-full { height: 275px; } .form-imagegrouppreview .candidate-buttons { position: absolute; bottom: 0px; right: 0px; padding: 3px; } .form-imagegrouppreview .indesign_selection { } .form-imagegrouppreview.has_images_placed_in_indesign .galleryimages-full { height: 380px; } .form-imagegrouppreview.has_images_placed_in_indesign .galleryimage-full { height: 130px; bottom: 0px; } .form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimage-full .img-thumbnail { height: 100px; } .form-imagegrouppreview.has_images_placed_in_indesign .galleryimage-full.indesign_selection { height: 250px; top: 0px; position: relative; } .form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimage-full.placed_in_indesign.indesign_selection .img-thumbnail { height: 220px; } .form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimages-full .text-container { height: 100px; } .form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimage-full.indesign_selection .text-container { height: 200px; } .container_imagegroup .form-galleryimage-preview .galleryimages-full .indesign_selection .button-container { display: none; } /* ========== formcomponent.imageslotcandidates.css ========== */ .form-imageslotcandidates { } .form-imageslotcandidates .candidate-headline { } .form-imageslotcandidates .candidate-tools BUTTON { padding: 1px 5px 2px; height: 22px; } .form-imageslotcandidates .candidate-tools { text-align: right; } .form-imageslotcandidates .candidate-tools .btn-group { text-align: left; } .form-imageslotcandidates .candidates { display: inline-block; border: 1px transparent solid; padding: 0px; margin: 0px; min-height: 130px; } .form-imageslotcandidates.more .candidates { max-height: 350px; overflow: auto; } .form-imageslotcandidates.attacheddocuments .candidates { max-height: none; } .document_mode_multiple .form-imageslotcandidates .candidates { max-height: none; width: 100%; } .form-imageslotcandidates.more .candidates { width: 100%; } .form-imageslotcandidates .candidate h1, .form-imageslotcandidates .candidate h2 { margin-top: 0px; margin-bottom: 10px; } .form-imageslotcandidates .candidate h1 { font-size: 14px; } .form-imageslotcandidates .candidate h2 { font-size: 12px; } .form-imageslotcandidates .candidate { display: inline-block; position: relative; float: left; } .form-imageslotcandidates .candidate.ui-placeholder { } .form-imageslotcandidates.less .candidate.ui-placeholder { width: 100px; height: 125px; } .form-imageslotcandidates.more .candidate.ui-placeholder { width: auto; height: 130px; } .form-imageslotcandidates .candidate.dnd-candidate .img-tools { visibility: hidden; } .form-imageslotcandidates.less.candidates-available .candidates .candidate { height: 130px; width: 130px; margin: 5px; border-radius: 5px; border: 1px solid #dddddd; } .form-imageslotcandidates.less.candidates-available .container-action-buttons .btn-group > button .btn-label { display: none; } .form-imageslotcandidates.more .candidate { height: 155px; width: 100%; padding-top: 10px; padding-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; border: 1px solid #dddddd; border-radius: 5px; display: block; text-align: left; } .form-imageslotcandidates.more .candidate.has_preview_thumbnail { height: 255px; } .form-imageslotcandidates .candidates .fakerow { display: none; } .form-imageslotcandidates .btn.more-and-less, .bs3 .form-imageslotcandidates .btn.more-and-less { display: none; float: right; padding-bottom: 3px; } .form-imageslotcandidates.candidates-available .btn.more-and-less, .bs3 .form-imageslotcandidates.candidates-available .btn.more-and-less { display: block; } .form-imageslotcandidates.more .less, .form-imageslotcandidates.less .more, .bs3 .form-imageslotcandidates.more .less, .bs3 .form-imageslotcandidates.less .more { display: none; } .form-imageslotcandidates.attacheddocuments .imageslot-action { display: none; } .form-imageslotcandidates .trashinfo { position: absolute; top: 5px; bottom: 5px; text-align: center; opacity: 0.9; } .form-imageslotcandidates.less .img-preview img { height: auto; max-height: 100%; max-width: 100%; width: auto; padding: 0px; border: none; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; margin: auto; } .form-imageslotcandidates.less .flag-container { position: absolute; bottom: 0px; } .form-imageslotcandidates.less .flag-container img { height: auto; max-height: 14px; max-width: 14px; width: auto; position: relative; } .form-imageslotcandidates .img-preview .placeholder_html { color: #666666; font-size: 50px; } .form-imageslotcandidates .img-preview .placeholder_html i { left: 10px; position: absolute; top: 10px; } .form-imageslotcandidates .img-preview.placeholder { height: 95px; overflow: hidden; } .form-imageslotcandidates .img-preview { vertical-align: middle; height: 100%; text-align: left; position: relative; } .form-imageslotcandidates.less .img-preview { width: 100%; } .form-imageslotcandidates.less .favorite .img-preview { } .form-imageslotcandidates .img-preview.is-in-trash { min-width: 150px; } .form-imageslotcandidates .candidate.placed_in_indesign { border: 3px solid #005b82; } .form-imageslotcandidates .candidate.placed_in_indesign.img-preview.more { left: 41px; } .form-imageslotcandidates .img-preview.has-variants .show-variants { position: absolute; display: none; } .form-imageslotcandidates.more .img-preview.has-variants .show-variants { left: 10px; top: 220px; } .form-imageslotcandidates .img-preview .placed_in_indesign-icon { position: absolute; top: 110px; left: 10px; } .document_mode_multiple .form-imageslotcandidates .img-preview .placed_in_indesign-icon { position: absolute; top: 110px; right: 10px; left: auto; } .form-imageslotcandidates .placed_in_indesign-icon i { background-size: 24px auto; height: 24px; line-height: 24px; width: 24px; vertical-align: middle; } .form-imageslotcandidates .img-preview.has-variants .glyphicons { text-shadow: 1px 1px 2px white; } .bs3 .form-imageslotcandidates .img-tools { position: absolute; z-index: 1; width: 28px; float: left; padding-right: 2px; z-index: 1; } .form-imageslotcandidates .img-tools.less { position: absolute; z-index: 1; width: auto; top: 0px; left: 0px; } .form-imageslotcandidates .galleryimage-full { display: none; } .form-imageslotcandidates .img-preview.more { position: relative; text-align: center; } .form-imageslotcandidates.more .img-preview img { max-height: 100%; width: auto; } .form-imageslotcandidates .img-preview .tools { position: absolute; top: 0px; left: 0px; } .form-imageslotcandidates .img-tools-container { height: 100%; } .form-imageslotcandidates .img-tools .btn-default { } .form-imageslotcandidates .img-tools .btn-default I { vertical-align: top; } .form-imageslotcandidates .more .img-tools BUTTON { padding: 7px 9px 7px 7px; } .form-imageslotcandidates .text-preview { overflow: hidden; height: 100%; padding-top: 20px; } .form-imageslotcandidates .text-preview .btn { margin-bottom: 4px; padding-left: 5px; } .form-imageslotcandidates .text-preview .btn .glyphicons { color: #002f41; } .form-imageslotcandidates .candidate-buttons { background-color: white; bottom: 0; padding: 3px; position: absolute; right: 0; } .form-imageslotcandidates .candidate-meta { padding-bottom: 12px; } .form-imageslotcandidates .candidate-meta { padding-bottom: 12px; } /* headline */ .form-imageslotcandidates .text-preview h1 { font-size: 12px; margin-bottom: 5px; margin-top: 3px; } /* title */ .form-imageslotcandidates .text-preview h2 { font-size: 10px; margin-bottom: 3px; margin-top: 0px; } /* filename */ .form-imageslotcandidates .img-preview h3, .form-imageslotcandidates .text-preview h3 { font-size: 12px; color: dimgrey; margin-bottom: 5px; margin-top: 3px; } .form-imageslotcandidates .candidates .candidate-move { cursor: move; font-size: larger; } .form-imageslotcandidates .candidate.dnd-candidate .candidate-move { cursor: grabbing; } .form-imageslotcandidates .candidate.dnd-add-candidate .candidate-move { cursor: copy; } .form-imageslotcandidates .candidate .is-not-favorite, .form-imageslotcandidates .candidate.favorite .is-favorite { display: inline; } .form-imageslotcandidates .candidate .is-favorite, .form-imageslotcandidates .candidate.favorite .is-not-favorite { display: none; } .form-imageslotcandidates .candidate BUTTON:hover I.is-favorite { display: inline; } .form-imageslotcandidates .candidate BUTTON:hover I.is-not-favorite { display: none; } .form-imageslotcandidates .candidate.favorite .is-favorite, .form-imageslotcandidates .candidate BUTTON:hover I.is-favorite { color: yellow; text-shadow: 1px 1px 1px black; } .form-imageslotcandidates .progress.progress-save { margin-bottom: 0px; display: none; height: 20px; width: 300px; position: absolute; right: 100px; top: -15px; z-index: 2; } .form-imageslotcandidates .slot-label { font-size: 12px; } .topbar-container .slot-dropzones .dnd_sub_target.create_new_imagegroup { color: green; opacity: 0.8; padding-left: 20px; } .topbar-container .slot-dropzones .dnd_sub_target.create_new_imagegroup.drag-over { opacity: 1; } .form-imageslotcandidates .container-action-buttons { position: absolute; top: 0px; right: 0px; } .bs3 .form-imageslotcandidates.more .container-action-buttons .dropdown-menu { left: auto; right: 0px; } .bs3 .document_mode_single .btn.more-and-less.hide-if-document_mode_single, .bs3 .document_mode_single .hide-if-document_mode_single, .bs3 .document_mode_candidatelist .hide-if-document_mode_candidatelist, .bs3 .document_mode_multiple .hide-if-document_mode_multiple, .form-imageslotcandidates.is-empty .btn.more-and-less.hide-if-empty, .form-imageslotcandidates.is-empty .hide-if-empty { display: none; visibility: hidden; } .form-imageslotcandidates .imagegroup-infobox { display: none; } .document_mode_multiple .form-imageslotcandidates .imagegroup-infobox.hide-if-document_mode_multiple, .form-imageslotcandidates .imagegroup-infobox { display: none; } .document_mode_multiple .form-imageslotcandidates .content { text-align: center; } .form-imageslotcandidates.not-empty .imagegroup-infobox { display: block; } .form-imageslotcandidates.not-empty .imagegroup-infobox > div { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-radius: 10px 10px 0px 0px; margin-top: 5px; padding: 5px; } .document_mode_candidatelist .form-imageslotcandidates .candidates-box { border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 2px; overflow: auto; } .document_mode_candidatelist .form-imageslotcandidates.less .candidates-box { overflow: visible; } .form-imageslotcandidates .imagegroup-infobox .alert { margin-bottom: 5px; padding: 5px 15px; } .form-imageslotcandidates .meta { float: right; color: #e0e0e0; } .document_mode_multiple .form-imageslotcandidates.less.candidates-available .candidates .candidate { height: 215px; width: 30%; } .document_mode_multiple .form-imageslotcandidates.candidates-available .candidate.is_mandatory_documentref { border: 2px solid #005b82; } /* Hide default delete button for imagegroup tags*/ .taggroup-Image .taggroup_header > button { display: none; } /* hide candidate tools, this has been duplicated and moved with js code to the top of the taggroup */ .form-imageslotcandidates .candidate-tools { display: none; } /* ========== formcomponent.linkedstorygroup.css ========== */ .taggroup-LinkedStoryGroup .form-gallerypreview .galleryimage-full { height: 155px; } /* ========== formcomponent.multidbobject.css ========== */ FORM .form-objectfilter TD { border-bottom: 2px dashed #d0d2d7; height: 30px; } /* ========== formcomponent.radio.css ========== */ .bs3 .form-radio LABEL { display: inline-block; margin-right: 5px; font-weight: normal; white-space: nowrap; font-size: 12px; } .bs3 .form-radio .first.full label:first-of-type { margin-left: 15px; } .form-table .radio-line LABEL { float: none; text-align: left; white-space: nowrap; } .form-table .form-radio LABEL .warning { color: red; } /* reset bootstrap layout */ .bs3 .form-radio.radio { display: table-row; } .bs3 .form-radio.radio input[type="radio"] { float: none; margin-left: 0px; } /* ========== formcomponent.select.css ========== */ .bs3 select optgroup { font-weight: bold; } .bs3 select optgroup option { font-weight: normal; } /* ========== formcomponent.showcomments.css ========== */ .form-showcomments .comments { max-height: 400px; overflow: auto; } /* ========== formcomponent.storyobject.css ========== */ .storypreviewtext dl { margin-left:20px; } .storypreviewtext dt { margin-top:0.5em; } .storypreviewtext h1 { margin-top:10px !important; margin-left:20px !important; } .storyobject-table .storyobject-toolbar .first, .storyobject-table .storyobject-toolbar .last { border-top: 1px solid black; } .storyobject IMG.current_variant { width: auto; height: auto; max-height: 50px; max-width: 200px; border: 1px solid silver; } .storyobject.full IMG.current_variant, .storyobject IMG.current_variant:hover { max-height: 250px; } .storyobject IMG.current_variant:hover { z-index: 99999; position: absolute; } .storyobject.full IMG.current_variant:hover { position: inherit; } .storyobject .image_container { width: 220px; float: left; min-height: 55px; margin-top: 10px; } .storyobject .storypreviewtext { overflow: hidden; line-height: normal; } .storyobject.full .storypreviewtext { height: auto; } .storyobject .storypreviewtext h1 { font-weight: bold; margin-bottom: 3px; } .storyobjects-sortme .storyobject .storypreviewtext h1 { font-size: 12px; } .storyobject .storypreviewtext h2 { font-weight: bold; margin-bottom: 2px; } .storyobject .storypreviewtext .originaltitle.hasfiles { /* font-weight: normal; */ opacity: 0.5; font-size: 12px; } .storyobject .storypreviewtext em { font-style: italic; } .storyobject .storypreviewtext strong { font-weight: bold; } .storyobject A.action { color: black; float: right; margin-left: 0px; } .storyobject A.undelete { display: none; } .storyobject-error { color: red; } .storyobject .glyphicons.zoom-in { cursor: pointer; } .mark_for_delete.storyobject .storypreviewtext { overflow: hidden; color: lightgray; } .mark_for_delete.storyobject A.edit { display: none; } .mark_for_delete.storyobject A.addbody { display: none; } .mark_for_delete.storyobject A.delete { display: none; } .mark_for_delete.storyobject A.undelete { display: block; } .mark_for_delete.storyobject.full IMG.current_variant { max-height: 50px; opacity: 0.1; } .storyobjectform .formcomponentdata.mark_for_delete { display: none; } .storyobjects Table.storyobject-table { width: 100%; border-collapse: inherit; table-layout: fixed; } .storyobjects Table.storyobject-table .sort_action { color: white; } .storyobjects .storyobjectseparator .separator { height: 30px; } .storyobjects .head { border-bottom: 1px solid black; padding: 15px; font-style: italic; } .storyobjects .slot { background-color: black; color: whitesmoke; } .storyobjects .storyobjects-sortme .storyobject { cursor: move; border: 1px dashed silver; margin: 3px; padding: 5px; overflow: hidden; height: 225px; width: 225px; float: left; } .storyobjects .storyobjects-sortme .storyobject .glyphicons { float: left; padding: 2px; } .storyobjects .storyobjects-sortme .storyobject .storypreviewtext { } .storyobjects .storyobjects-sortme .storyobject.with_image .storypreviewtext { display: inline; } .storyobjects .storyobjects-sortme .slot { float:left; width: 100%; padding: 5px; margin-top: 10px; } .storyobjects .sort_action { float: right; } .form-table tr.hide_during_sort { display: none; } .storyobjects .storyobjects-sortme IMG.variant { width: auto; height: auto; max-height: 200px; max-width: 200px; border: 1px solid silver; float: left; margin-right: 5px; } .storyobjects .sort_action { color: black; } .storyobjects .sort_description { min-height: 50px; } .storyobjects .addslot { text-align: right; width: 100%; background-color: black; padding-top: 3px; padding-bottom: 3px; margin-top: 20px; } .storyobjects .addslot .addslotlink { color: white; margin-right: 5px; } .storyobjects .storyobjects-sortme { overflow: hidden; } /* ========== formcomponent.taggroup.css ========== */ .form-taggroups .taggroups_header { border-bottom: 1px solid #dddddd; font-size: 20px; margin-bottom: 0; margin-top: 5px; height: 25px; } .form-taggroups .taggroups_header h1 { float: left; font-size: 20px; margin-bottom: 5px; margin-top: 3px; } .form-taggroups .taggroups_header .taggroup_buttons { float: right; } .taggroup { } .taggroup > .content { padding: 10px; } .taggroup .taggroup_header { height: 25px; } .taggroup .taggroup_header h1 { float: left; font-size: larger; margin-bottom: 5px; margin-top: 3px; } .taggroup .taggroup_header h1 sub { opacity: 0.5; } .taggroup .taggroup_header button { float: right; margin-left: 5px; padding: 2px 5px; } .taggroup .taggroup_header .taggroup_buttons { float: right; } .taggroup .btn-group { text-align: left; } .taggroup .btn-group .meta { text-align: right; padding: 3px 10px; } .taggroup .taggroup_header h1 button { float: none; margin-left: 2px; padding: 2px 3px; } .taggroup .taggroup_elements { border: 1px solid #dddddd; border-radius: 10px; padding: 3px; } .taggroup .taggroup_footer { float: right; } .taggroup .taggroup_footer_buttons { text-align: right; } .form-taggroups .taggroup_add_button_spacer .btn { float: right; } .bs3 .taggroup .table { margin-bottom: 0px; } .taggroup .taggrouplabel { display: none; } .taggroup BUTTON.taggroup_restore { display: none; } .taggroup.trashed .taggroup_footer, .taggroup.trashed .taggroup_elements, .taggroup.trashed BUTTON { display: none; } .taggroup.trashed BUTTON.taggroup_restore { display: inherit; } .taggroup.trashed .taggroup_header h1 { text-decoration: line-through; color: silver; } .bs3 .taggroup_elements .table > tbody > tr:first-child > th, .bs3 .taggroup_elements .table > tbody > tr:first-child > td { border-top: none; } .taggroup_header.ui-sortable-handle { cursor: grab; } .taggroup.ui-sortable-helper { background-color: white; border: 1px solid black; } .taggroup.ui-sortable-helper .taggroup_elements { opacity: 0.5; } .taggroup.ui-sortable-helper a { display: none; } .taggroup.ui-sortable-helper button { display: none; } .js_sortable_taggroup_container .sortable_tag > .first span { visibility: hidden; } .js_sortable_taggroup_container .sortable_tag.first_entry > .first span { visibility: visible; } .js_sortable_taggroup_container .sortable_tag { position: relative; } .js_sortable_taggroup_container .sortable_tag .sortable_tag_handle { cursor: grab; height: 0; left: -20px; position: relative; top: 4px; visibility: hidden; } .js_sortable_taggroup_container .sortable_tag:hover .sortable_tag_handle { visibility: visible; } /* ========== formcomponent.taggroup.image.css ========== */ /* ========== formcomponent.taggroups.image.css ========== */ .form-taggroups.Image .taggroup_elements td { padding-top: 2px; padding-bottom: 2px; border: none; } .form-taggroups.Image .form-image_caption .candidates .candidate { min-height: 100px; } .form-taggroups.Image .form-image_caption .candidate.ui-placeholder { min-width: 100px; min-height: 10px; } .form-taggroups.Image .preview-container img { max-width: 120px; max-height: 150px; } /* ========== formcomponent.text.css ========== */ .form-table .form-text .first, .form-table .form-text .last, .form-table .form-select .first, .form-table .form-select .last { vertical-align: middle; } img.external_preview{ width: 100px; max-height: 300px; margin: 5px; border: 3px solid lightgray; } img.external_preview2{ width: 200px; max-height: 300px; margin: 5px; border: 3px solid lightgray; } #external_preview_box { max-height: 350px; overflow-y: scroll; } .form-table .charcount_container { float: right; } .form-table .charcount_container, .form-table .custom_content { margin-top: 3px; } .form-table .custom_content > div { margin-bottom: 3px; } .form-table .custom_content:empty { display: none; } .form-table .custom_content .uri_list i { vertical-align: bottom; background-size: 18px auto; border-radius: 0; height: 18px; width: 18px; } .form-table .custom_content .uri_list i.glyphicons { vertical-align: text-top; } .form-table .custom_content .uri_list .btn { max-width: 95%; overflow: hidden; text-align: left; text-overflow: ellipsis; } /* ========== formcomponent.textarea.comment.css ========== */ .form-table .form-textarea.add_comment .comment_container { border: 1px dotted #cccccc; background-color: white; border-radius: 10px; padding: 5px 10px; margin-left: 50px; } .form-table .form-textarea.add_comment textarea { border-color: transparent; } .form-table .form-textarea.add_comment textarea:focus { background-color: white; } .form-table .form-textarea.add_comment textarea.changed { background-color: white !important; } /* ========== formcomponent.textarea.css ========== */ .form-table .form-textarea textarea { resize: vertical; } /* ========== formcomponent.thesaurus.css ========== */ TABLE.form-table TABLE.thesaurus .thesaurus-content { padding: 0px; } TABLE.form-table TABLE.thesaurus TD.thesaurus_assistant{ width: 75px; padding-left: 10px; } /* ========== formcomponent.wysiwyg.css ========== */ .formcomponentdata.readonly .mce-toolbar-grp { display: none; } .show_overset { float: right; display:none; } .maxCharExceed .show_overset { float: right; display:inline; } .maxCharExceed .mce-edit-area { border: 1px solid #8B0000 !important; } .formcomponentdata .mce-path, .formcomponentdata .dcx_mce-textlen { padding: 4px; } .formcomponentdata .dcx_mce-textlen { border-right: 1px solid #9e9e9e; } .mce-statusbar.max .dcx_mce-textlen { color: darkred; } .mce-btn button { height: 28px; } .mce-tinymce .mce-toolbar-grp { opacity: 1; } .mce-tinymce .mce-toolbar-grp.activeNavigation > div { background-color: #f0f0ee; border: 1px solid #cccccc; padding: 1px; padding-bottom: 3px; position: fixed; top: 81px; } .mce-tinymce .mce-toolbar-grp.scrolling > div { opacity: 0.3; } .mce-tinymce .mce-statusbar.activeNavigation > div { background-color: white; bottom: 10px; font-weight: bold; opacity: 0.9; padding: 1px; position: fixed; } .mce-tinymce .mce-statusbar .mce-wordcount { font-weight: normal; margin-bottom: 0px; padding: 5px; } .mce-tinymce .mce-statusbar.activeNavigation .mce-wordcount { position: relative; float: right; margin-left: 40px; } .mce-tinymce .mce-statusbar.activeNavigation .mceResize { display: none; } .form-textarea .mce-tinymce { box-sizing: inherit; } .tiny_media_overlay_box .img-responsive .portrait { max-height: 241px; } .mce-branding.mce-label { display: none; } /* ========== icons.css ========== */ .article .icon.publication, .article .icon.storytype { border-radius: 1px 1px 1px 1px; } /* ========== javascriptadmin.css ========== */ .javascriptadmin { position:fixed; top:0px; left:0px; z-index: 9000; text-align:left; height: 100%; width: 100%; border: 1px solid red; } .javascriptadmin H1 { font-weight:bold; color:white; font-size: 10px; line-height: 12px; margin: 0; padding: 0; } .javascriptadmin H1 A { color:white; } .javascriptadmin UL { position:fixed; top:20px; left:20px; bottom: 20px; width:500px; background-color: white; overflow:auto; margin: 0px; padding: 0px; } .javascriptadmin label { margin: 0px; } /* ========== job.status.css ========== */ #job_status_next_update { height: 25px; } /* ========== main.navigation.css ========== */ #pane-navigation UL.children { padding: 0px; margin: 0px; padding-top: 4px; padding-bottom: 0px; padding-left: 10px; } #pane-navigation .main-navigation > UL.children { padding-left: 2px; } #pane-navigation UL.children LI { line-height: 20px; } /* navigation toggle icons */ #pane-navigation .toggle { float: left; width: 25px; background: none; margin-right: 2px; text-align: right; color: #555555; cursor: pointer; position: relative; } #pane-navigation .toggle spanx, #pane-navigation .toggle span:hover { text-shadow: 1px 1px 3px black; } #pane-navigation .toggle.open { background: none; } #pane-navigation .toggle.leaf .closed, #pane-navigation .toggle.leaf .default, #pane-navigation .toggle.open .closed { display: none; } #pane-navigation .toggle .closed { display: inline-block; margin-right: 2px; } #pane-navigation .toggle .open { display: none; margin-right: 2px; } #pane-navigation .toggle.open .open { display: inline-block; } #pane-navigation .toggle .leaf { display: none; } /* #pane-navigation .toggle I.shared { display: none; } */ #pane-navigation .has-no-children > .li-wrapper > .toggle > .closed { display: none; } #pane-navigation .children .children .toggle.leaf .leaf { display: inline-block; } #pane-navigation .children .children .toggle.leaf { display: block; } /* #pane-navigation .children .shared I.shared { color: white; display: inline-block; font-size: 7px; left: 19px; position: absolute; text-shadow: 1px 2px 1px black; top: 4px; } */ #pane-navigation .nav_profile .toggle I.default { display: inline-block; } #pane-navigation #nav_mytasksnew .nav_profile .toggle.leaf I.default { display: none; } #pane-navigation .toggle .glyphicon { vertical-align: sub; width: 16px; } #pane-navigation .glyphicons-dcx-placeholder { visibility: hidden; } #pane-navigation LI .header-wrapper { position: relative; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; display: inline-block; width: 100%; min-height: 20px; } #pane-navigation LI H3 { padding: 4px 0 4px 5px; font-weight: bold; line-height: 1; } #pane-navigation LI .header-wrapper H3 { height: 13px; line-height: 15px; overflow: hidden; position: absolute; left: 15px; right: 20px; } #pane-navigation LI .header-wrapper .toggle { position: absolute; left: 2px; top: 5px; width: 15px; } #pane-navigation LI .header-wrapper > .actions { background-color: #eeeeee; height: 16px; padding-top: 2px; position: absolute; right: 5px; top: 1px; } #pane-navigation LI .header-wrapper > .actions > div { color: #999999; cursor: pointer; margin-left: 3px; border: 1px solid transparent; width: 12px; float:left; } #pane-navigation LI .header-wrapper > .actions > div:hover { background-color: white; border: 1px solid #dddddd; } #pane-navigation LI .header-wrapper > .actions > div.reload img { margin-top: -3px; margin-left: -2px; } #pane-navigation LI.live-search .header-wrapper > .actions > div { display: none; } #pane-navigation LI.live-search .header-wrapper > .actions > div.search { display: inline-block; width: 120px; } #pane-navigation .ui-draggable-dragging .label-status, #pane-navigation .ui-draggable-dragging .icons, #pane-navigation .ui-draggable-dragging .toggle { visibility: hidden; } #pane-navigation LI.user_tags LI.ui-draggable-dragging .li-wrapper:hover { background-color: transparent; cursor: move; } #pane-navigation .li-wrapper > .icons { float: right; font-size: 10px; } #pane-navigation .li-wrapper > .icons I { margin-right: 5px; } #pane-navigation .li-wrapper > .icons a { color: #444444; } #pane-navigation LI.agents LI .label-status:empty { background-color: transparent; margin-right: 3px; min-width: 0; padding-right: 0; width: 0; } #usertagdroplabel { display: none; position: absolute; z-index: 9999; left: 500px; top: 500px; opacity: 1; min-width: 300px; } #pane-navigation .root_drop_proxy { display: none; } .bs3 #usertagdroplabel .tooltip-inner { max-width: none; background-color: #005b82; } .bs3 #usertagdroplabel.tooltip.right .tooltip-arrow { border-right-color: #005b82; } .bs3 #usertagdroplabel.forbidden .tooltip-inner { background-color: red; } .bs3 #usertagdroplabel.tooltip.right.forbidden .tooltip-arrow { border-right-color: red; } #usertagdroplabel .movingutag { font-size: 12px; font-weight: bold; } #usertagdroplabel .targetutag { font-size: 16px; font-weight: bold; } .navigation-is-dragging #pane-list, .navigation-is-dragging #pane-topbar, .navigation-is-dragging #pane-details { xopacity: 0.1; } #navigation-footer { height: 28px; border-top: 1px solid #adadad; background-color: #eeeeee; } #navigation-footer.bs3 .progress { margin-bottom: 0px; border-radius: 0px; height: 28px; } #navigation-footer.bs3 .progress-bar-default { color: #444444; background-color: rgb(220,220,220); } #navigation-footer.bs3 .progress-bar { line-height: 12px; } #navigation-footer .job_list { position: absolute; bottom: 29px; left: 0px; right: 0px; overflow: auto; max-height: 200px; text-align: left; padding-left: 5px; padding-right: 5px; padding-top: 3px; display: none; background-color: #eeeeee; } #navigation-footer:hover .job_list { display: block; } #navigation-footer .job_list small { margin-left: 5px; } #navigation-footer .job_list .alert { padding: 5px; margin-bottom: 0px; margin-top: 3px; } #navigation-footer > .progress { cursor: pointer; } #navigation-footer .progress-bar .glyphicons { vertical-align: baseline; } /* ========== multieditspecialagreements.css ========== */ #documents_data{ padding-top: 86px; padding-bottom: 600px; } .multieditrights_document{ margin-top: 4px; border-bottom-style: solid; border-bottom-color: darkGray; border-bottom-width: 1px; } .rightsprofile.even { background-color: white; } .rightsprofiles_container{ min-height:153px; /* margin-left: 168px; XXX : MANTIS 21415, Note: 0090431 */ } .checkbox_container{ float: left; padding-top: 2px; padding-right: 8px; } #footer_controls{ background-color: #F2F5F4; width: 100%; min-height: 295px; position: fixed; bottom: 28px; border-top-style: double; border-top-width: 3px; border-top-color: darkGray; } #dynamic_rightstype_selector { text-align: left; font-size: 13px; padding-left: 20px; width: 100%; padding-bottom: 14px; } #form_container { text-align: left; font-size: 13px; padding-left: 20px; width: 100%; min-height: 160px; } #documents_data, #documents_data_header{ padding-left: 20px; } .workflowstep { text-align: left; font-size: 16px; font-weight: bolder; margin-top: 19px; padding-left: 10px; width: 100%; padding-bottom: 10px; } #form_buttons { width: 100%; bottom: 0px; position: fixed; clear: both; height: 28px; border-top: 1px solid #adadad; font-size: 11px; font-weight: bold; color: #666666; } #form_buttons td { float: right; padding-left: 2px; padding-right: 2px; } /* ========== notify.css ========== */ .notifyjs-wrapper { cursor: pointer; } .notifyjs-corner { top: 35px !important; max-width: 500px; } .notifyjs-dcx-base h1 { text-align: left; } .notifyjs-dcx-base h1 { font-size: 14px; font-weight: bold; } .notifyjs-dcx-base p { white-space: normal; } /* ========== perspective.actions.css ========== */ #pane-topbar .perspective-topnav.perspective-actions { border: 1px solid silver; border-bottom: none; background-color: transparent; background-image: none; height: 21px; margin-left: 15px; margin-right: 15px; padding-right: 0px; } #pane-topbar .perspective-topnav.perspective-actions A.show-actions, #pane-topbar .perspective-topnav.perspective-actions A.show-actions .glyphicons { color: silver; } #pane-topbar .perspective-topnav A.remove .glyphicons { color: red; } #generalactions { z-index: 9998; position: absolute; top: 36px; overflow: auto; text-align: left; padding: 10px; background-color: #005B82; border: 1px solid #808080; border-top: none; color: #333333; border-radius: 0 0 8px 8px; } #generalactions .headline { font-weight: bold; border-bottom: 1px solid #808080; margin-bottom: 10px; } #generalactions LI { margin-bottom: 3px; } #generalactions LI A { text-decoration: none; font-weight: normal; } #generalactions .action-label { font-size: 12px; padding: 2px; color: white; } #generalactions .action-label:hover{ background-color: white; color: #005B82; } /* ========== perspective.createnewstories.css ========== */ .createnewlayer { z-index: 9998; position: absolute; top: 36px; overflow: auto; text-align: left; padding: 10px; background-color: whitesmoke; border: 1px solid #808080; border-top: none; color: #333333; border-radius: 0 0 8px 8px; } .createnewlayer .createnewlist { width: 250px; } .createnewlayer .createnewlist LI { margin-bottom: 2px; } .createnewlayer .createnewlist LI A { text-decoration: none; font-weight: normal; } .createnewlayer .createnewlist .createnew-label { font-size: 12px; padding: 4px; color: black; } .createnewlayer .createnewlist .createnew-label .icon { opacity: 0.7; } .createnewlayer .createnewlist .createnew-label:hover .icon { opacity: 1; } .createnewlayer .createnewlist .createnew-label:hover { padding-top: 6px; padding-bottom: 2px; padding-left: 6px; } .createnewlayer .createnewlist .createnew-container .icon.storytype { background-size: 24px auto; height: 24px; line-height: 24px; width: 24px; float: left; margin-right: 2px; } .createnewlayer .createnewlist .createnew-container .storytitle { overflow: hidden; padding-top: 2px; text-overflow: ellipsis; white-space: nowrap; } /* ========== perspective.editor.comments.css ========== */ .perspective-with-editor .documentcomments .comment.me { opacity: 0.7; } .perspective-with-editor .documentcomments .comment .text { font-size: larger; min-height: 22px; } .perspective-with-editor .documentcomments .comment .meta .user { font-weight: bold; } .perspective-with-editor .documentcomments .comment .delete { float: right; } .perspective-with-editor .documentcomments .comment .btn .glyphicons { vertical-align: text-bottom; } .perspective-with-editor .documentcomments .comment .btn-add-comment { float: right; } .perspective-with-editor .documentcomments li.show_all_comments { margin-left: 15px; } .perspective-with-editor .documentcomments li.show_all_comments label { margin-right: 20px; } .perspective-with-editor .documentcomments .comment .story_label { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .perspective-with-editor .documentcomments .comment .storytype { background-size: 14px auto !important; height: 14px !important; width: 18px !important; margin-bottom: -4px; } /* ========== perspective.editor.confirmbox.css ========== */ .dialog_layer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999; display: none; } .dialog_layer .background { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.6; } .dialog_layer .dialogbox { position: fixed; top: 50px; left: 0; right: 0; width: 50%; height: auto; max-height: 80%; margin: auto; background-color: #F3F5F6; border: 1px solid #808080; z-index: 1; overflow: auto; } .dialog_layer .dialogbox .header { background-color: #666666; color: #FFFFFF; font-size: 13px; font-weight: bold; padding: 10px; height: 36px; } .dialog_layer .dialogbox .body { padding: 10px; } .dialog_layer .dialogbox .body .page { text-align: left; } .dialog_layer .dialogbox .option { margin-bottom: 5px; } .dialog_layer .button-container { height: 30px; } .dialog_layer .button-container button { float: right; margin-left: 5px; } #perspective_editor_confirm_dialog .dialogbox .btn { min-width: 300px; } #perspective_editor_confirm_dialog .dialogbox .body .page { display: none; text-align: center; } #perspective_editor_confirm_dialog .dialogbox { width: 400px; height: 200px; } /* ========== perspective.editor.container.navigation.css ========== */ /* ========== perspective.editor.instance.css ========== */ .editor-instance .editor .primarypicture-container { width: 60px; height: 60px; padding: 5px; float: right; } .editor-instance .editor .primarypicture-container .primarypicture{ width: auto; height: auto; max-width: 60px; max-height: 60px; } .editor-instance .editor .form_errors { } .editor-instance .editor .tab-contents { min-height: 400px; } .editor-instance .editor .meta, .editor-instance .editor .meta .btn { color: silver; font-size: 10px; clear: both; } .editor-instance .editor .meta .btn { background-color: transparent; cursor: default; padding: 0px; vertical-align: inherit; } .perspective.perspective-with-editor.small .editor-instance .editor { } .editor-instance .editor UL.form_errors LI.locked_by_me { background-color: whitesmoke; border: 1px solid blue; color: blue; } .editor-instance .editor TABLE.form-table TD.error { border: none; color: red; background-color: transparent; font-size: 12px; } .editor-instance .editor UL.form_errors LI A { color: yellow; } .editor-instance .editor UL.form_errors LI.locked_by_me A { color: red; } .perspective-with-editor .storyobject-table .action { padding-left: 5px; padding-right: 5px; } .perspective-with-editor .storyobject-table .image_container .action { display: block; margin-top: 5px; } .perspective-with-editor .storyobject-table .image_container .action I { vertical-align: text-top; } /* ========== perspective.editor.navigation.css ========== */ /* ========== perspective.editor.navigation.dropzone.css ========== */ .topbar-container .editor-info { background-color: whitesmoke; border: 1px solid silver; border-radius: 8px 8px 8px 8px; box-shadow: 5px 5px 5px #888888; margin-bottom: 12px; padding: 3px; width: 180px; min-height: 34px; font-size: 12px; font-weight: normal; overflow: hidden; } .topbar-container .editor-info I { margin-right: 10px; float: left; } .topbar-container .editor-info H2 { font-weight: bold; } .topbar-container .editor-info IMG { width: auto; height: auto; max-width: 120px; max-height: 80px; } .topbar-container .slot-dropzones .dnd_sub_target { margin-top: 5px; border: 1px dashed silver; color: #3399ff; padding: 5px; } .topbar-container .slot-dropzones .dnd_sub_target.drag-over { background-color: #cae3fa; } /* ========== perspective.editor.sidebar.css ========== */ .editor-instance .sidebar .tab-content { padding: 3px; } .editor-instance .sidebar .details { height: 100%; } .editor-instance .sidebar .details > .nav { width: 45px; height: 100%; float: left; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; background-color: white; } .editor-instance .sidebar .details .nav-pills > li > a { background-color: inherit; color: #000000; font-size: 16px; padding: 10px; } .editor-instance .sidebar .details .nav-pills > li + li { margin-left: 0px; } .editor-instance .sidebar .details .nav-pills > li.active > a, .editor-instance .sidebar .details .nav-pills > li > a:hover, .editor-instance .sidebar .details .nav-pills > li.active > a:focus { background-color: inherit; color: #428bca; } .editor-instance .sidebar .details > .tab-content { width: auto; height: 100%; padding: 2px; background-color: white; overflow: auto; position: relative; } .editor-instance .sidebar .details .tab-content h2 { text-align: center; margin-top: 5px; font-size: 14px; } .editor-instance .sidebar .details .tab-label { position: absolute; top: 10px; right: 35px; border-color: transparent; border-radius: 10px 0 0 10px; border-style: solid; border-width: 1px; color: transparent; font-size: 12px; text-align: right; width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 3px 3px 10px; z-index: 9; transition: width 0.1s ease-in 0s; } .editor-instance .sidebar .details > .nav:hover .tab-label { background-color: white; border-color: #dddddd white #dddddd #dddddd; color: black; width: 140px; } @media (max-width: 1199px){ .fullsidebar .editor-instance .sidebar .details > .nav .tab-label { background-color: white; border-color: #dddddd white #dddddd #dddddd; color: black; width: 100px; } } .editor-instance .sidebar .details .tab-info { font-size: 12px; margin-top: 1px; text-align: center; } .editor-instance .sidebar .details .tab-info:empty { display: none; } .perspective.perspective-with-editor.small .sidebar { display: none; } .editor-instance .sidebar .dcx_toggle_detail_views { float: right; } /* ========== perspective.editor.sidebar.tools.css ========== */ /* .editor-instance .sidebar .tools { background-color: rgb(235,235,235); border-radius: 8px; text-align: center; } .editor-instance .tools-save-close { } .editor-instance .tools-save, .editor-instance .tools-close { float: right; } .editor-instance .tools .btn { min-width: 80px; line-height: 18px; vertical-align: middle; padding: 2px 5px; } */ /* ========== perspective.editor.tabs.css ========== */ .perspective-with-editor .tab-selectors { clear: both; } .perspective-with-editor .tab-selector { float: left; border: 1px solid silver; margin-left: -1px; margin-bottom: -2px; line-height: 16px; height: 30px; min-width: 100px; padding: 5px 5px; text-align: center; background-color: rgb(220,220,220); background-image: -webkit-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: -moz-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: -o-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); } .perspective-with-editor .tab-selector.selected { background-color: rgb(240,240,240); background-image: -webkit-linear-gradient(rgb(251,251,251) 0%, rgb(240,240,240) 100%); background-image: -moz-linear-gradient(rgb(251,251,251) 0%, rgb(240,240,240) 100%); background-image: -o-linear-gradient(rgb(251,251,251) 0%, rgb(240,240,240) 100%); background-image: linear-gradient(rgb(251,251,251) 0%, rgb(240,240,240) 100%); } .perspective-with-editor .tab-selector A { color: black; } .perspective-with-editor .tab-selector.more-selector { float: left; padding: 5px 5px 4px 4px; width: 13px; min-width: 13px; } .perspective-with-editor .tab-contents { background-color: white; border: 1px solid silver; margin-left: -1px; padding-top: -1px; float: left; clear: both; width: 100%; } .nav .has_errors .tab-anchor { color: red; } /* ========== perspective.editor.topbar.css ========== */ .perspective-topnav .sub .topbar-container { float: left; background-color: rgb(220,220,220); background-image: -webkit-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: -moz-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: -o-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); border-radius: 8px 8px 0px 0px; border: 1px solid silver; border-bottom: none; margin-left: 5px; padding: 5px; height: 14px; } .perspective-topnav .sub .topbar-container.active { } .perspective-topnav .topbar-container .dropzone { clear: both; display: none; } .is-dragging .perspective-topnav .topbar-container .remove, .is-dragging .perspective-topnav .topbar-container.addbefore { display: none; } .is-dragging .perspective-topnav .topbar-container .dropzone { display: block; } .perspective-topnav .topbar-container .switch_to_story { color: #888888; } .perspective-topnav .topbar-container .switch_to_story:hover, .perspective-topnav .topbar-container.active .switch_to_story { color: blue; } .perspective-topnav .topbar-container .switch_to_story .label { max-width: 60px; width: 60px; overflow: hidden; float:left; white-space: pre; height: 14px; } .is-dragging .perspective-topnav .topbar-container .switch_to_story .label { max-width: 180px; width: auto; } .editor-instance.taskeditor-instance .topbar.container { left: 50px; /* must match with .perspective-taskeditor .navigation { width: XXX }*/ } .editor-instance .topbar.container .tools { width: auto; min-width: 245px; color: white; border-radius: 8px; border: 1px solid #005B82; /* box-shadow: 5px 5px 5px #005B82; */ padding: 4px; display: inline-block; margin-bottom: 10px; background-color: #F5F5F5; border: 1px solid #C0C0C0; bottom: 10px; box-shadow: 5px 5px 5px #888888; } .editor-instance .tools .btn.small { min-width: 0px; } @media (max-width: 1200px) { .editor-instance .tools .btn.defaultaction { overflow: hidden; min-width: 20px; max-width: 80px; font-size: 8px; height: 24px; } } .editor-instance .topbar.container .select { margin-bottom: 0px; height: 24px; font-size: 12px; padding: 2px; width: auto; margin-left: 3px; margin-right: 3px; } .editor-instance .topbar.container .btn .glyphicons { vertical-align: text-bottom; } /* ========== perspective.form.css ========== */ .perspective TABLE.form-table .first { width: 15%; } .perspective-upload TABLE.form-table .first { width: 30%; } /* ========== perspective.lightbox.css ========== */ .perspective.perspective-lightbox .view-container.active { } .perspective.perspective-lightbox .view-container .key { position: absolute; bottom: 0px; opacity: 0.3; } .perspective.perspective-lightbox .view-container.active .key { opacity: 1; } .perspective.perspective-lightbox .view-container.left .key { left: 0px; } .perspective.perspective-lightbox .view-container.right .key { right: 0px; } .perspective.perspective-lightbox .view-container .info { position: absolute; top: 3px; right: 10px; opacity: 0.8; display: none; color: whitesmoke; background-color: black; border-radius: 8px; } .perspective.perspective-lightbox .view-container.active .info { display: block; } .xxxperspective.perspective-lightbox .view-container .image-container { position: absolute; top: 17px; bottom: 0px; left: 0px; right: 0px; margin: 5px; } .perspective.perspective-lightbox.zoom .view-container.active { } .perspective.perspective-lightbox.zoom .view-container.active .image-container { overflow: auto; } .perspective.perspective-lightbox .image-container .image { height: auto; width: auto; max-height: 100%; max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .perspective.perspective-lightbox .view-container .details { position: absolute; bottom: 10px; border: 1px silver dotted; min-height: 50px; max-height: 50%; padding: 10px; overflow: auto; color: black; background-color: white; left: 50px; right: 50px; opacity: 0.9; display: none; } .perspective.perspective-lightbox.showdetails .view-container .details { display: block; } .perspective.perspective-lightbox .view-container .details h1 { font-weight: bold; font-size: larger; } .perspective.perspective-lightbox .view-container .details .document-body { text-align: left; font-size: larger; padding: 10px; } .perspective.perspective-lightbox .view-container .details .document-meta { padding: 10px; } .perspective.perspective-lightbox .document-selection { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 140px; max-height: 140px; overflow: auto; display: block; background-color: black; color: whitesmoke; /* border: 2px solid black; */ } .perspective.perspective-lightbox .document-selection .status { position: fixed; } .perspective.perspective-lightbox .document-selection .slotnumber { float: left; } .perspective.perspective-lightbox .document-selection .container_checkbox i { float: right; } .perspective.perspective-lightbox .document-selection .info { position: fixed; bottom: 0px; right: 10px; } .perspective.perspective-lightbox .document-selection .info .key { float: left; background-size: 30px auto; opacity: 0.3; } .perspective.perspective-lightbox .document-selection li.selected-document.selected-left, .perspective.perspective-lightbox .document-selection li.selected-document.selected-right { background-color: gray; } .perspective.perspective-lightbox .document-selection li.selected-document.active { background-color: white; border: 1px dashed #C0C0C0; } .perspective.perspective-lightbox .document-selection li.selected-document:hover { background-color: #333333; } .perspective.perspective-lightbox .document-selection li.selected-document.active:hover { background-color: silver; } .perspective.perspective-lightbox li.selected-document.active { color: black; } .perspective.perspective-lightbox li.selected-document.active .wrapper { border-color: #333333; border-color: whitesmoke; } .perspective.perspective-lightbox .document-selection.active-left { /* border-color: red; */ } .perspective.perspective-lightbox .document-selection.active-right { /* border-color: blue; */ } .perspective.perspective-lightbox .document-selection li.selected-document { background-color: black; box-sizing: border-box; } .perspective.perspective-lightbox .document-selection .preview_wrapper { margin-left: 0px; } .perspective.perspective-lightbox .document-selection li.selected-document .preview_image { max-height: 90px; } /* new */ .perspective.perspective-lightbox, .perspective.perspective-lightbox .perspective.perspective-lightbox { top: 0px; background-color: black; } .perspective.perspective-lightbox .view-containers { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .perspective.perspective-lightbox .view-container { position: relative; float: left; border: 1px solid black; background-color: black; box-sizing: border-box; padding: 5px; overflow: auto; } .perspective.perspective-lightbox .view-container.active { border-color: silver; } .perspective.perspective-lightbox .view-container.container1 .container-label { color: white; background-color: blue; } .perspective.perspective-lightbox .view-container.container2 .container-label { color: white; background-color: red; } .perspective.perspective-lightbox .view-container.container3 .container-label { color: white; background-color: green; } .perspective.perspective-lightbox .view-container.container4 .container-label { color: black; background-color: yellow; } .perspective.perspective-lightbox .view-container.container5 .container-label { color: white; background-color: lightskyblue; } .perspective.perspective-lightbox .view-container.container6 .container-label { color: white; background-color: lightsalmon; } .perspective.perspective-lightbox .view-container.container7 .container-label { color: black; background-color: lightgreen; } .perspective.perspective-lightbox .view-container.container8 .container-label { color: black; background-color: lightpink; } .perspective.perspective-lightbox .view-container .container-label { color: black; background-color: white; } /* full */ .perspective.perspective-lightbox .view-containers.full .view-container, .perspective.perspective-lightbox .view-containers.full-zoom1 .view-container, .perspective.perspective-lightbox .view-containers.full-zoom2 .view-container { display: none; } .perspective.perspective-lightbox .view-containers.full .view-container.active, .perspective.perspective-lightbox .view-containers.full-zoom1 .view-container.active, .perspective.perspective-lightbox .view-containers.full-zoom2 .view-container.active { display: block; height: 100%; width: 100%; z-index: 5; } .perspective.perspective-lightbox .view-containers.full-zoom1 .view-container.active .image-container .image { max-width: none; position: relative; } .perspective.perspective-lightbox .view-containers.full-zoom2 .view-container.active .image-container .image { max-width: none; max-height: none; position: relative; } .perspective.perspective-lightbox.showdetails .view-containers.full-zoom2 .details { display: none; } .perspective.perspective-lightbox .view-containers.compare2 .view-container { display: none; } .perspective.perspective-lightbox .view-containers.compare2 .view-container.active, .perspective.perspective-lightbox .view-containers.compare2 .view-container.last-active1 { display: block; height: 100%; width: 50%; z-index: 5; } .perspective.perspective-lightbox .view-containers.compare4 .view-container { display: none; height: 50%; width: 50%; z-index: 5; } .perspective.perspective-lightbox .view-containers.compare4 .view-container.active, .perspective.perspective-lightbox .view-containers.compare4 .view-container.last-active1, .perspective.perspective-lightbox .view-containers.compare4 .view-container.last-active2, .perspective.perspective-lightbox .view-containers.compare4 .view-container.last-active3 { display: block; } /* .perspective.perspective-lightbox .view-containers.compare2 .view-container.active { float: left; } .perspective.perspective-lightbox .view-containers.compare2 .view-container.last-active { float: right; } */ .perspective.perspective-lightbox .view-containers.compare8 .view-container { display: block; height: 50%; width: 25%; z-index: 5; } /* View Container */ .perspective.perspective-lightbox .view-container .container-label { position: fixed; border: 1px solid black; border-radius: 15px; font-size: 24px; text-align: center; height: 30px; width: 30px; margin: 10px; z-index: 1; } .perspective.perspective-lightbox .view-container .selected { position: absolute; margin: 10px; margin-left: 50px; color: white; font-size: 24px; display: none; } .perspective.perspective-lightbox .view-container.checked .selected { display: block; } .perspective.perspective-lightbox .view-container .slotnumber { display: none; } .perspective.perspective-lightbox .view-container .clear-button { position: absolute; top: 10px; right: 10px; z-index: 2; display: none; } .perspective.perspective-lightbox .view-container:hover .clear-button { display: inline-block; } .perspective.perspective-lightbox .view-container .image-container { width: 100%; height: 100%; text-align: center; position: relative; } .perspective.perspective-lightbox .document-selection { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 180px; max-height: 180px; overflow: auto; display: none; background-color: black; color: whitesmoke; /* border: 2px solid black; */ } .perspective.perspective-lightbox .document-selection li.selected-document { text-align: center; /* opacity: 0.5; */ } .perspective.perspective-lightbox .document-selection li.selected-document.selected-container1, .perspective.perspective-lightbox .document-selection li.selected-document.selected-container2, .perspective.perspective-lightbox .document-selection li.selected-document.selected-container3, .perspective.perspective-lightbox .document-selection li.selected-document.selected-container4, .perspective.perspective-lightbox .document-selection li.selected-document:hover, .perspective.perspective-lightbox .document-selection li.selected-document.checked, .perspective.perspective-lightbox .document-selection li.selected-document.checked.active { opacity: 1; } .perspective.perspective-lightbox .document-selection li.selected-document.checked { border-width: 3px; border-style: solid; } .perspective.perspective-lightbox .tools { position: absolute; top: 50px; right: 3px; z-index: 10; } .perspective.perspective-lightbox .key-zoom-feedback { opacity: 0; font-size: 80px; color: silver; z-index: 20; height: 50px; width: 50px; } .perspective.perspective-lightbox.showthumbnails .document-selection{ display: block; } .perspective.perspective-lightbox.showthumbnails .view-containers { bottom: 180px; } /* ========== perspective.storyeditor.basic.css ========== */ .perspective-storyeditor .dropzone .entry { display: none; } .perspective-storyeditor .dropzone .entry.drop-target { display: block; } .container.storyeditor-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 98%; xoverflow: hidden; display: none; } .storyeditor-container .glow { border: 1px solid red; /* make it glow! */ -webkit-box-shadow: 0px 0px 4px red; -moz-box-shadow: 0px 0px 4px red; box-shadow: 0px 0px 4px red; } .storyeditor-container .xxxedit { border: 1px solid green; /* make it glow! */ -webkit-box-shadow: 0px 0px 4px green; -moz-box-shadow: 0px 0px 4px green; box-shadow: 0px 0px 4px green; } .storyeditor-instance H1 { margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-size: 16px; } /* ========== perspective.storyeditor.css ========== */ /* main navigation */ #pane-topbar .perspective-topnav.perspective-storyeditor A { } /* perspective */ .perspective-storyeditor .action-list { background-color: #EBEBEB; border: 1px solid silver; border-radius: 0 8px 8px 0; box-shadow: 5px 5px 5px #888888; margin-bottom: 10px; margin-right: 10px; } .perspective-storyeditor .open-documents { position: absolute; top: 10px; right: -1px; width: 180px; } .perspective-storyeditor .open-documents .story { border: 1px solid silver; border-radius: 8px 0px 0px 8px; background-color: lightgrey; margin-bottom: 10px; } .perspective-storyeditor .open-documents .story.active { background-color: whitesmoke; border-right: none; } .perspective-storyeditor .story-actions { position: absolute; right: 5px; bottom: 40px; width: 180px; } .perspective-storyeditor .story-actions .story-action { border-radius: 15px 15px 15px 15px; height: 20px; padding: 5px; margin-top: 5px; } .perspective-storyeditor .story-actions .story-action A { color: #FFFFFF; } .perspective-storyeditor .story-variant { } .perspective-storyeditor .story-variant .parent-story, .perspective-storyeditor .story-variant .this-story, .perspective-storyeditor .story-variant .child-story { margin-top: 2px; margin-bottom: 10px; } .perspective-storyeditor .story-variant .parent-story, .perspective-storyeditor .story-variant .child-story { display: none; } .perspective-storyeditor .active .story-variant .parent-story, .perspective-storyeditor .active .story-variant .child-story { display: block; } .perspective-storyeditor .story-variant .parent-story { color: silver; } .perspective-storyeditor .story-variant .this-story { color: blue; } .perspective-storyeditor .story-variant .child-story { color: silver; } .perspective.perspective-storyeditor .storyeditor_preview_container, .perspective.perspective-storyeditor .main .storypreview { display: none; position: fixed; top: 45px; left: 15px; right: 26%; bottom: 15px; z-index: 3; overflow: hidden; } .perspective.perspective-storyeditor .storyeditor_preview_container .background { background-color: black; border: 3px solid #002F41; border-radius: 8px 8px 8px 8px; bottom: 10px; left: 10px; opacity: 0.6; position: fixed; right: 25%; top: 40px; } .perspective.perspective-storyeditor .storyeditor_preview_container .storyfullpreviewimage, .perspective.perspective-storyeditor .main .storypreview .storypreviewimage { position: absolute; width: 99%; height: auto; } .perspective-storyeditor .main .story-variants { position: absolute; top: 5px; left: 0px; right: 20px; z-index: 1; } .perspective-storyeditor .main .story-variants li { float: left; width: 18%; height: 22px; text-decoration: underline; } .perspective-storyeditor .main .story-variants li.active { background-color: whitesmoke; border: 1px solid silver; border-bottom-color: whitesmoke; } .perspective-storyeditor .main .story-variants li.more { width: 25px; } .perspective-storyeditor .main .story-variants li.add { width: 15px; } .perspective-storyeditor .main .story-form { position: absolute; top: 25px; left: 0px; right: 20px; bottom: 15px; background-color: whitesmoke; border: 1px solid silver; box-shadow: 10px 10px 5px #888; text-align: left; overflow: hidden; padding-top: 5px; } .story-form .part { /* border: 1px solid yellow; position: absolute; */ /* width: 100%; */ height: 9%; margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px; overflow: hidden; color: silver; } .story-form .part INPUT, .story-form .part TEXTAREA { color: silver; } .story-form .part.active { height: 79%; overflow: auto; color: black; } .story-form .part.active INPUT, .story-form .part.active TEXTAREA { color: black; } .story-form .part .form { height: 100%; } .story-form .part.body { background-color: white; border: 2px solid silver; box-shadow: 5px 5px 5px #888888; margin-right: 15px; padding-top: 5px; } .story-form .part.body TEXTAREA { height: 99%; width: 100%; } .story-form .part.objects { margin-top: 5px; } .story-form TEXTAREA { width: 90%; height: 200px; } .story-form INPUT { width: 90%; } /* ========== perspective.storyeditor.dashboard.css ========== */ .storyeditor-container.storyeditor_dashboard { /* background-color: #F0F0F0; */ } .storyeditor-container.storyeditor_dashboard .navigation { width: 220px; } .storyeditor-container.storyeditor_dashboard .navigation .navigation-entry { width: 200px; opacity: 1; } .storyeditor-container.storyeditor_dashboard .navigation-entry .btn { float: right; } .storyeditor-container.storyeditor_dashboard .storyeditor-instances { left: 10px; } .storyeditor_dashboard .dashboard-entry { float: left; margin-left: 20px; max-width: 600px; } .storyeditor_dashboard .dashboard-entry.createnew { margin-right: 20px; width: 265px; position: fixed; right: 0px; top: 38px; bottom: 0px; overflow: auto; } .storyeditor_dashboard .dashboard-entry .navigation-container { margin-top: 40px; } .storyeditor_dashboard .dashboard-entry .navigation-container .row { padding: 3px; } .storyeditor_dashboard .dashboard-entry .navigation-container .dashboard-label { padding: 10px; text-align: center; } .perspective-with-editor .storyeditor_dashboard .navigation-entry.opened_in_editor .storylabel H1 { color: #428BCA; } .perspective-with-editor .storyeditor_dashboard .navigation-entry.opened_in_editor .pubinfo-icons, .perspective-with-editor .storyeditor_dashboard .navigation-entry.opened_in_editor .storytype-icon, .perspective-with-editor .storyeditor_dashboard .navigation-entry .storydetails { opacity: 1; } .storyeditor_dashboard .createstory-container { float: left; clear: both; } .storyeditor-container.storyeditor_dashboard .navigation-entry.open.active { background-color: transparent; border: none; } /* laststories-container */ .storyeditor-container.storyeditor_dashboard .navigation-entry { } .storyeditor-container.storyeditor_dashboard .navigation-entry a:hover { text-decoration: none; } .storyeditor_dashboard .story-action { text-decoration: none; color: #888888; } .storyeditor_dashboard .default-createnewstory-action { margin-left: 20px; float: left; } .storyeditor_dashboard .default-createnewstory-action-info { height: 34px; margin-top: 14px; } .storyeditor_dashboard .default-createnewstory-action-description { text-align: right; margin-right: 8px; } .storyeditor_dashboard .createstory-container.default-createnewstory { float: right; } .storyeditor_dashboard .story-action .story-info { background-color: whitesmoke; border: 1px solid silver; border-radius: 8px 8px 8px 8px; box-shadow: 5px 5px 5px #888888; margin-bottom: 12px; padding: 3px; width: 300px; min-height: 34px; font-size: 12px; float: left; } .storyeditor_dashboard .story-action .story-info:hover { border: 1px solid #005B82; -webkit-box-shadow: 3px 3px 4px #005B82; -moz-box-shadow: 3px 3px 4px #005B82; box-shadow: 3px 3px 4px #005B82; } .storyeditor_dashboard .createstory-container .story-action .story-info { width: 200px; opacity: 0.7; min-height: 24px; max-height: 28px; } .storyeditor_dashboard .story-action .story-status { float: right; } .storyeditor_dashboard .story-action .story-status .storystatus-label { float: left; border: 1px solid silver; min-width: 100px; } .storyeditor_dashboard .story-action .story-info .storystatus-label I { margin-right: 3px; } .storyeditor_dashboard .story-action .story-info .story-status I { display: none; } .storyeditor_dashboard .story-action .story-status .storystatus-label I { display: block; } .storyeditor_dashboard .locked .story-action .story-status I.locked { display: block; } .storyeditor_dashboard .locked.open .story-action .story-status I.locked { display: none; } .storyeditor_dashboard .open .story-action .story-status I.opened { display: block; } .storyeditor_dashboard .story-pubinfo-icons { float: left; } .storyeditor_dashboard .story-action .story-head { line-height: 14px; height: 44px; overflow: hidden; } .storyeditor_dashboard .story-action .story-info .story-pubinfo-icons I { margin-right: 4px; float: left; border-radius: 2px 2px 2px 2px; } .storyeditor_dashboard .navigation-entry.open .story-info, .storyeditor_dashboard .navigation-entry.open .story-info { box-shadow: 5px 5px 5px darkgreen; } .storyeditor_dashboard .story-action .story-info:hover { background-color: white; box-shadow: 5px 5px 5px #444444; opacity: 1; } .storyeditor_dashboard .story-action .story-info I { margin-right: 10px; float: left; } .storyeditor_dashboard .createstory-container .story-action .story-info I.icon { background-size: 24px auto; height: 24px; line-height: 24px; width: 24px; } .storyeditor_dashboard .laststories-container .story-info H2 { font-weight: bold; } /* ========== perspective.storyeditor.details.css ========== */ .perspective-storyeditor .sidebar .details .preview { } .perspective-storyeditor .sidebar .details .preview .storypreviewimage { height: auto; margin-bottom: 15px; padding: 2px; width: 95%; } .perspective-storyeditor .sidebar .details .preview .storypreview-story-marker { position : absolute; border: 2px dashed red; padding: 2px; } .perspective-storyeditor .sidebar .details .preview .storypreview-storysection-marker { position : absolute; border: 2px dashed blue; margin-left: -1px; margin-top: -1px; background-color: yellow; opacity: 0.2; } .perspective-storyeditor .sidebar .details .preview .storypreview-storysection-marker.sectionDocumentRef { background-color: transparent; border: 4px double orange; margin-left: -3px; margin-top: -3px; opacity: 1; } .perspective-storyeditor .sidebar .details .preview .storypreview-storysection-markers { } .perspective-storyeditor .sidebar .details .zoom-tools { float: right; } .perspective-storyeditor .sidebar .details .has_errors .zoom-tools { display: none; } .perspective-storyeditor .preview-zoom-button I { display: none; } .perspective-storyeditor .sidebar .storypreviewstatus, .perspective-storyeditor .sidebar .tab-pane.documenthistory, .perspective-storyeditor .sidebar .tab-pane.documentcomments { /* padding: 10px; */ } .editor-instance .sidebar .tab-content.storypreview { border-left: none; } .perspective-storyeditor .sidebar .document_data.ui-draggable { cursor: move; } .perspective-storyeditor .sidebar .document_data.ui-draggable:hover { background-color: #F3F5F6; } /* ========== perspective.storyeditor.draganddrop.css ========== */ .document-drag-helper { min-width: 25px; min-height: 25px; opacity: 0.3; background-color: blue; border: 1px dashed #dddddd; cursor: copy; position: absolute; z-index: 999999; } /* ========== perspective.storyeditor.editor.css ========== */ .perspective-storyeditor .has_errors.active A.tab-anchor, .perspective-storyeditor .has_errors A.tab-anchor { color: red; } .perspective-storyeditor .tab-selector .has_errors { -webkit-box-shadow: 0px 0px 5px red; -moz-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; margin-left: 10px; } .perspective-storyeditor .formelement_has_errors .first, .perspective-storyeditor .taggroup.formelement_has_errors .taggroup_header, .perspective-storyeditor .taggroup.formelement_has_errors .taggroup_elements .formelement_has_errors .first { color: red; vertical-align: top; } .perspective-storyeditor .formelement_has_errors input.has_error, .perspective-storyeditor .formelement_has_errors select.has_error, .perspective-storyeditor .taggroup.formelement_has_errors .taggroup_elements .formelement_has_errors input.has_error, .perspective-storyeditor .taggroup.formelement_has_errors .taggroup_elements .formelement_has_errors select.has_error { border: 1px solid red !important; -webkit-box-shadow: 0px 0px 5px red; -moz-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .perspective-storyeditor .formelement_has_errors .taggroup_elements, .perspective-storyeditor .formelement_has_errors .first .first { color: inherit; } /* reset sub elements */ .perspective-storyeditor .taggroup .taggroup_header, .perspective-storyeditor .taggroup .taggroup_elements .first, .perspective-storyeditor .taggroup.formelement_has_errors .taggroup_elements .first { color: black; } .perspective-storyeditor .taggroup .taggroup_elements input { border-color: #999da8 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .perspective-storyeditor .placed_in_indesign TD.first { border-left: 3px solid #005B82; padding-left: 10px; } .perspective-storyeditor .placed_in_indesign TD.last { } .perspective-storyeditor .not_placed_in_indesign td.first { } /* disabled: the left border should not be changed if the layout has changed .perspective-storyeditor .updated_in_indesign TD.first { font-style: italic; border-left: 5px solid red; }*/ .perspective-storyeditor .updated_in_indesign TD.last { } .perspective-storyeditor .layout_has_changed, .perspective-storyeditor .size_has_changed { display: none; } .perspective-storyeditor .tab-content.preview .alert { margin-bottom: 10px; font-size: 12px; position: relative; z-index: 100; text-align: center; } /* ========== perspective.storyeditor.form_toolbar.css ========== */ .storyeditor-instance .tools-createvariant .btn { width: 204px; } /* ========== perspective.storyeditor.instance.css ========== */ .storyeditor-instance .editor .tab-content { padding: 10px; } .perspective-storyeditor .drag-over .story-info { background-color: white; box-shadow: 5px 5px 5px #444444; } .perspective-storyeditor .sidebar .tab-selector.preview button { cursor: pointer; float: right; } /* ========== perspective.storyeditor.relatedcontent.css ========== */ .perspective-storyeditor .sidebar .details .relatedcontent { margin-right: 20px; } .perspective-storyeditor .sidebar .details .relatedcontent li:empty { display: none; } .perspective-storyeditor .sidebar .details .relatedcontent li img { width: auto; height: auto; max-width: 100px; max-height: 100px; } .perspective-storyeditor .sidebar .details .relatedcontent li { border: 1px solid silver; border-radius: 10px; padding: 5px; margin-bottom: 10px; } .perspective-storyeditor .sidebar .details .relatedcontent .body { overflow: auto; height: 150px; } .perspective-storyeditor .sidebar .details .relatedcontent .id { text-align: right; color: silver; } .perspective-storyeditor .sidebar .details .relatedcontent .title { color: silver; } /* ========== perspective.storyeditor.sidebar.attacheddocuments.css ========== */ .perspective-storyeditor .sidebar-candidates h3 { margin-bottom: 5px; margin-top: 20px; font-size: 14px; } .perspective-storyeditor .sidebar-candidates .nav-tabs .storytype, .perspective-storyeditor .sidebar-candidates h3 .storytype { background-size: 14px auto; border-radius: 1px; display: inline-block; height: 14px; line-height: 14px; width: 14px; vertical-align: top; } .perspective-storyeditor .sidebar-candidates .nav-tabs > li > a { padding: 10px 5px; } .perspective-storyeditor .sidebar .details .all_attached_documents h3 { border-top: 1px solid black; font-size: 12px; height: 35px; line-height: 24px; margin-bottom: 10px; margin-top: 5px; overflow: hidden; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; clear: both; } .perspective-storyeditor .sidebar .details .tab-content .candidates-available { width: auto; } .perspective-storyeditor .sidebar .details .all_attached_documents .storytype-icon { background-size: 24px auto; height: 24px; line-height: 24px; width: 24px; float: left; margin-right: 5px; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .candidates { max-height: none; min-height: 0px; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .img-tools { display: none; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .img-tools-container.has-preview { display: inline-block; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .btn { display: none; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .slot-label.row, .perspective-storyeditor .sidebar .details .form-imageslotcandidates .candidate.row { margin-left: 2px; margin-right: 3px; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates.less.candidates-available .candidates .candidate { height: 95px; } .sidebar .details .form-imageslotcandidates.less.candidates-available .candidates .candidate { width: 95px; } .perspective-storyeditor .sidebar .details .tab-content .form-imageslotcandidates h1, .perspective-storyeditor .sidebar .details .tab-content .form-imageslotcandidates h2, .perspective-storyeditor .sidebar .details .tab-content .form-imageslotcandidates h3 { font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 2px; text-align: left; } .perspective-storyeditor .sidebar .details .tab-content .form-imageslotcandidates .candidate h2 { font-size: 13px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; } .perspective-storyeditor .sidebar .details .tab-content .form-imageslotcandidates .candidate h3 { font-size: 12px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 35px; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .img-preview .placeholder_html { font-size: 30px; position: absolute; } .perspective-storyeditor .sidebar .details .tab-content .form-imageslotcandidates.active-document .candidates { max-height: none; } .perspective-storyeditor .sidebar .details .tab-content .candidate h2 { font-size: 10px; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .candidate.document-used { opacity: 0.7; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .candidate.document-used:hover { /* transition: opacity 0.3s ease-in-out 0s; */ opacity: 1; } .perspective-storyeditor .sidebar .details .form-imageslotcandidates .default-slot .candidate { /* display: none; */ } .sidebar .details .form-imageslotcandidates .slot-label { overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; display: none; } .storyeditor_candidate_preview_container { background-color: white; bottom: 0; box-shadow: 1px 3px 6px black; height: 500px; left: 20px; margin: auto; position: fixed; top: 0; z-index: 1; } .storyeditor_candidate_preview_container.show_on_tab { right: 20px; left: auto; } .storyeditor_candidate_preview_container .candidates { height: 100%; max-height: none; overflow: hidden; } .storyeditor_candidate_preview_container.form-imageslotcandidates.more .candidate { height: 100%; } .storyeditor_candidate_preview_container.form-imageslotcandidates .text-preview { overflow: hidden; text-overflow: ellipsis; } .storyeditor_candidate_preview_container.form-imageslotcandidates .candidates .candidate-move I, .bs3 .storyeditor_candidate_preview_container.form-imageslotcandidates .btn { display: none; } /* ========== perspective.storyeditor.sidebar.documenthistory.css ========== */ /* default */ .perspective-storyeditor .sidebar .diff-date { margin: 3px; text-align: right; color: #666; font-size: 9px; } .perspective-storyeditor .sidebar .diff-deleted { color: red; text-decoration: line-through; } .perspective-storyeditor .sidebar .diff-deleted:hover { /* text-decoration: none; */ } .perspective-storyeditor .sidebar .diff-added { font-size: 12px; } .perspective-storyeditor .sidebar .diff-deleted, .perspective-storyeditor .sidebar .diff-added { margin: 5px; } .perspective-storyeditor .sidebar .documenthistory DEL { color: red; text-decoration: line-through; } .perspective-storyeditor .sidebar .diff-added, .perspective-storyeditor .sidebar .documenthistory INS { color: #25AD03; } .bs3 .documenthistory select { width: 100%; font-size: 14px; } /* git, htmldiff */ .documenthistory .list-group { color: grey; } .documenthistory .diffdim { color: #dddddd; } .perspective-storyeditor .sidebar .documenthistory ins.diffmod, .perspective-storyeditor .sidebar .documenthistory ins.diffins, .documenthistory .diffadd { color: #25AD03; } .documenthistory del.diffmod, .documenthistory .diffdel { color: red; text-decoration: line-through; } .perspective-storyeditor .sidebar .documenthistory ins.mod { color: inherit; } .perspective-storyeditor .sidebar .documenthistory table { width: 100%; } .perspective-storyeditor .sidebar .documenthistory table td:first-child { white-space: nowrap; } /* ========== perspective.storyeditor.sidebar.preview_cmslink.css ========== */ .perspective-storyeditor .sidebar .details .tab-pane.sidebar-preview, .perspective-storyeditor .tab-pane.sidebar-preview .entry { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } .perspective-storyeditor .tab-pane.sidebar-preview .iframe-container { position: absolute; top: 20px; bottom: 0; left: 0; right: 0; } .perspective-storyeditor .tab-pane.sidebar-preview iframe { width: 100%; height: 100%; } .perspective-storyeditor .tab-pane.sidebar-preview .nav-tabs { } .perspective-storyeditor .tab-pane.sidebar-preview .tab-content { position: absolute; top: 25px; bottom: 0; left: 0; right: 0; } .perspective-storyeditor .tab-pane.sidebar-preview .tab-content.multiple-previews { top: 75px; } .perspective-storyeditor .tab-pane.sidebar-preview .tab-content .tab-pane { height: 100%; } /* ========== perspective.storyeditor.storydocument_preview.css ========== */ .storyeditor-instance .storypreview .headline { font-size: 14px; font-weight: bold; padding-top: 10px; } .storyeditor-instance .storypreview .slugline { font-size: 12px; padding-top: 10px; } .storyeditor-instance .storypreview .highline { font-size: 12px; padding-top: 10px; } .storyeditor-instance .storypreview .subheadline { font-size: 12px; padding-top: 10px; } .storyeditor-instance .storypreview .body { font-size: 14px; padding: 5px; } .storyeditor-instance .storypreview .images img { width: 100px; height: auto; } .storyeditor-instance .sidebar .details .tab-content.storypreview { overflow: hidden; } .bs3 .storyeditor-instance .sidebar .details .tab-content.storypreview *, .bs3 .storyeditor-instance .sidebar .details .tab-content.storypreview *:before, .bs3 .storyeditor-instance .sidebar .details .tab-content.storypreview *:after { box-sizing: content-box; } .bs3 .storyeditor-instance .sidebar .storypreview_overview-container .storypreview-container { width: 50%; float: left; } .bs3 .storyeditor-instance .sidebar .storypreview_overview-container .storypreview-container .storypreviewimage { width: 100%; } .storyeditor-instance .storypreview .storypreviewimage { width: 100%; height: auto; } .storyeditor-instance .storypreview_debug_message { } .storyeditor-instance .storypreview_debug_message li { } .storyeditor-instance .storypreview-container { position: relative; } .storyeditor-instance .storypreview_additional_field_info { display: none; } .storyeditor-instance .storypreview_additional_field_info th { font-weight: bold; } .storyeditor-instance .storypreview_navigation.single_preview { display: none; } .storyeditor-instance .tab-pane.preview .storypreview_time_taken { } .storyeditor-instance .tab-pane.preview .storypreview_layout_update { text-align: right; } /* ========== perspective.storyeditor.tabs.css ========== */ /* ========== perspective.taskeditor.basic.css ========== */ .perspective.perspective-taskeditor { background-color: white; overflow: auto; text-align: left; } .perspective-topnav .sub .topbar-container.taskeditor-topbar-container.addbefore { } .perspective-topnav .topbar-container.taskeditor-topbar-container .switch_to_story .label { max-width: 80px; width: auto; } .taskeditor-container { position: absolute; top: 0px; left: 0px; width: 100%; display: none; } .taskeditor-container.editor-container .editor-instances { left: 40px; } /* ========== perspective.taskeditor.container.navigation.css ========== */ .perspective-taskeditor .navigation { width: 300px; } .perspective-taskeditor .navigation:hover { z-index: 3; } .perspective-taskeditor .navigation .navigation-entry { width: 95%; line-height: 15px; height: auto; margin-bottom: 15px; border: 1px solid #7ab572; border: 1px solid #005B82; opacity: 0.8; } .perspective-taskeditor .navigation-entry I.task-title { border-radius: inherit; height: 13px; line-height: 14px; width: 12px; background-size: auto; } .taskeditor-container.editor-container .task-contributors .entry { height: 16px; line-height: 16px; overflow: hidden; word-break: break-all; word-wrap: break-word; } /* ========== perspective.taskeditor.dashboard.css ========== */ .taskeditor-container.taskeditor_dashboard { /* background-color: #F0F0F0; */ } .taskeditor_dashboard .createtask-container { float: left; clear: both; } .taskeditor_dashboard .dashboard-entry .navigation-entry { line-height: 15px; height: auto; margin-bottom: 5px; border: 1px solid #005B82; opacity: 0.8; overflow: hidden; padding: 2px; border-radius: 8px; } .taskeditor_dashboard .dashboard-entry .navigation-entry:hover { margin-top: 1px; margin-bottom: 4px; margin-left: 1px; } .taskeditor_dashboard .dashboard-entry .navigation-entry.separator:hover { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .taskeditor_dashboard .dashboard-entry.mytasks { max-width: 400px; } .taskeditor_dashboard .dashboard-entry.newtasks { max-width: 330px; } .taskeditor_dashboard .dashboard-entry.waitingfortasks { max-width: 380px; } .taskeditor_dashboard .dashboard-entry .navigation-entry { width: 95%; } .taskeditor-container.taskeditor_dashboard .navigation-entry.open.active { background-color: transparent; border: none; } .taskeditor-container.taskeditor_dashboard .navigation-entry { float: left; margin-right: 10px; } .taskeditor-container.taskeditor_dashboard .navigation-entry:hover { } .taskeditor_dashboard .dashboard-entry { float: left; margin-left: 20px; margin-right: 30px; } .taskeditor_dashboard .dashboard-entry.mytasks, .taskeditor_dashboard .dashboard-entry.waitingfortasks, .taskeditor_dashboard .dashboard-entry.newtasks { margin-top: 15px; border: 1px solid silver; -webkit-box-shadow: 3px 3px 4px #005B82; -moz-box-shadow: 3px 3px 4px #005B82; box-shadow: 3px 3px 4px #005B82; min-width: 300px; min-height: 420px; } .taskeditor_dashboard .dashboard-entry.mytasks .navigation-container, .taskeditor_dashboard .dashboard-entry.waitingfortasks .navigation-container, .taskeditor_dashboard .dashboard-entry.newtasks .navigation-container { min-height: 400px; padding-left: 10px; padding-right: 10px; float: left; } .taskeditor_dashboard .dashboard-entry.createnew { margin-right: 20px; width: 265px; position: fixed; right: 10px; top: 100px; bottom: 0px; overflow: auto; } .taskeditor_dashboard .story-action .info:hover { border: 1px solid #005B82; -webkit-box-shadow: 3px 3px 4px #005B82; -moz-box-shadow: 3px 3px 4px #005B82; box-shadow: 3px 3px 4px #005B82; } .taskeditor_dashboard .createtask-container .task-action .info { width: 200px; opacity: 1; min-height: 24px; max-height: 28px; } .taskeditor_dashboard .task-action .info { background-color: whitesmoke; border: 1px solid silver; border-radius: 8px 8px 8px 8px; box-shadow: 5px 5px 5px #888888; margin-bottom: 12px; padding: 3px; width: 300px; min-height: 34px; font-size: 12px; float: left; } .taskeditor_dashboard .task-action .info:hover { border: 1px solid #005B82; -webkit-box-shadow: 3px 3px 4px #005B82; -moz-box-shadow: 3px 3px 4px #005B82; box-shadow: 3px 3px 4px #005B82; } .taskeditor_dashboard .task-action { text-decoration: none; color: #888888; } .taskeditor_dashboard .dashboard-entry H1 { font-size: 16px; font-weight: bold; margin: 5px; } .taskeditor_dashboard .waitingfortasks .navigation-container { opacity: 0.7; } .taskeditor_dashboard .waitingfortasks:hover .navigation-container { opacity: 1; } .taskeditor_dashboard .waitingfortasks .task-contributors .entry { font-weight: bold; } .taskeditor_dashboard .waitingfortasks .task-contributors .entry.its_me { opacity: 0.4; font-weight: normal; } .taskeditor_dashboard .mytasks .task-contributors .entry.its_me { font-weight: bold; opacity: 1; } .taskeditor_dashboard .mytasks .task-contributors .entry { opacity: 0.7; } .taskeditor_dashboard .navigation-container { padding-top: 30px; } .dashboard-entry H1.dashboard-label { position: fixed; z-index: 1; font-size: 14px; margin-top: 5px; padding: 5px; min-width: 240px; text-align: center; } .taskeditor_dashboard .dashboard-entry H1.dashboard-label { margin-left: 10px; } /* ========== perspective.taskeditor.navigation.entry.css ========== */ .perspective-taskeditor .navigation-entry .switch_to_editor { color: black; text-decoration: none; } .perspective-taskeditor .navigation-entry:hover { border: 1px solid #005B82; opacity: 1; } .perspective-taskeditor .navigation-entry.separator { opacity: 1; margin-top: 0px; margin-bottom: 0px; border: none; width: 100%; } .perspective-taskeditor .navigation-entry.opened_in_editor { opacity: 1; background-color: yellow; } .perspective-taskeditor .navigation-entry.opened_in_editor.active_in_editor { background-color: red; border: 1px solid #005B82; -webkit-box-shadow: 3px 3px 4px #005B82; -moz-box-shadow: 3px 3px 4px #005B82; box-shadow: 3px 3px 4px #005B82; } .perspective-taskeditor .navigation-entry h1 { font-weight: bold; font-size: 110%; } .perspective-taskeditor .navigation-entry h2 { font-weight: bold; } .perspective-taskeditor .navigation-entry .task-status { float: right; margin-top: 3px; } .perspective-taskeditor .navigation-entry .task-status .taskstatus-label { border: 1px solid silver; min-width: 100px; } .perspective-taskeditor .navigation-entry .task-status .taskstatus-created { color: silver; margin-top: 3px; } .perspective-taskeditor .navigation-entry .task-status .taskstatus-deadline { color: red; margin-top: 3px; } .perspective-taskeditor .navigation-entry .task-status .taskstatus-label I { margin-right: 3px; } .perspective-taskeditor .navigation-entry .task-status .taskstatus-label .glyphicons { vertical-align: inherit; } .perspective-taskeditor .navigation-entry .task-contributors { float: left; margin-top: 3px; max-width: 40%; } /* ========== perspective.taskeditor.researchrequests.css ========== */ .storyobject.research_request_approval IMG.current_variant { width: auto; height: auto; max-height: 220px; max-width: 220px; border: 1px solid silver; } /* ========== perspective.upload.css ========== */ .perspective-upload h1 { margin-bottom: 5px !important; } .perspective-upload .upload_container { margin: 0; padding: 0; } .perspective-upload .container-fluid { padding: 10px 20px; } .perspective-upload .row { margin: 5px 0 0 0 !important; } .perspective-upload .menu { min-height: 47px; margin: 0 !important; padding: 0 !important; } .perspective-upload .menu .buttons{ margin-top: 12px; padding: 0 !important; } .perspective-upload .file_select_container { float: left; padding-right: 10px; } .perspective-upload .action_list_container { float: left; } .perspective-upload .webaction_params_container { } .perspective-upload .upload_statistic_container { padding: 0 !important; margin-top: 26px; } .perspective-upload .upload_statistic_container.with_error { margin-top: 0; } .perspective-upload .upload_statistic_container .alert { margin: 0; padding: 2px; text-align: center; } .perspective-upload .upload_statistic_container .alert-danger { margin-top: 3px; } .perspective-upload .dnd_area_container { padding: 0 10px 0 0 !important; } .perspective-upload .upload_form_container { padding: 0 !important; } .perspective-upload .dnd_area, .perspective-upload .dnd_area_hover { border: 3px silver dashed; height: 250px; display: table; width: 100%; } .perspective-upload .dnd_area_hover { border-color: #0c0; } .perspective-upload .initial_container { font-size: 20px; line-height: 30px; color: #ccc; text-align: center; padding: 20px; } .perspective-upload .select_uploadconfigs .btn { margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; width: 220px; } .perspective-upload .button_set button.icon_button { padding: 4px; } .perspective-upload .file_container { font-size: 12px; } .perspective-upload .file_container .placeholder_html { color: #666; font-size: 100px; } .perspective-upload .file_container .upload_in_progress_icon { color: #666; font-size: 32px; top: -7px; right: -1px; position: absolute; z-index: 10; } .perspective-upload .file_container .preview_container_content { display: table-cell; vertical-align: middle; text-align: center; } .perspective-upload .selectall_container { text-align: right; padding: 0 !important; margin-top: 26px; } .perspective-upload .file_container .preview_container img{ height: auto; width: auto; max-width: 150px; max-height: 150px; } /* gallery start */ .perspective-upload .file_container.gallery { border: 1px solid grey; margin: 8px; padding: 5px; float: left; width: 170px; height: 265px; position: relative; } .perspective-upload .file_container.gallery .preview_container { display: table; width: 100%; height: 150px; background-color: #e7e7e7; position: static; } .perspective-upload .file_container.gallery .progress { margin-top: 5px; margin-bottom: 17px !important; width: 90%; } .perspective-upload .file_container.gallery .upload_fileinfo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: 5px; } .perspective-upload .file_container.gallery .job_status_container { margin-top: 5px; } .perspective-upload .file_container.gallery .button_set { position: absolute; top: 232px; width: 170px; left: 0; } .perspective-upload .file_container.gallery .button_set button { margin: 0 2px 0 2px; } .perspective-upload .file_container.gallery .upload_error { position: absolute; top: 207px; left: 0; padding: 0 10px 0 10px; background-color: white !important; } .perspective-upload .file_container.gallery .upload_error .error_message { width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .perspective-upload .file_container.gallery .dcx_document_template { border: 1px solid #cccccc; padding: 1px; height: auto; } .perspective-upload .file_container.gallery .content-list .gallery1.article { height: auto; } .perspective-upload .file_container.gallery .content-list .gallery1.article .article-pool { width: 150px; } .perspective-upload .file_container.gallery .dnd_protection_image_cover { position: absolute; background-color: #fff; opacity: 0; width: 150px; height: 150px; z-index: 2; } .perspective-upload .file_container.gallery .preview_image_cover_transparent { position: absolute; background-color: #fff; opacity: 0.4; width: 170px; height: 160px; z-index: 2; top: 0px; left: 0px; } .perspective-upload .file_container.gallery .tools-view .actionicons-selectdocument input[type=checkbox]:checked { visibility: visible; } /* gallery end */ /* list start */ .perspective-upload .file_container.list { border: 1px solid grey; margin: 8px; padding: 5px; min-height: 160px; position: relative; } .perspective-upload .file_container.list .preview_container { display: table; width: 150px; height: 150px; background-color: #e7e7e7; float: left; margin-left: 25px; } .perspective-upload .file_container.list .data_container { margin: 0 0 0 185px; } .perspective-upload .file_container.list .button_set { position: absolute; bottom: 8px; } .perspective-upload .file_container.list .progress { margin-top: 20px; margin-right: 10px; } .perspective-upload .file_container.list .upload_error { position: absolute; bottom: 34px; background-color: white !important; } .perspective-upload .file_container.list .job_status_container { margin-top: 20px; } /* list uploaded */ .perspective-upload .file_container.list h1 { font-weight: bold; } .perspective-upload .file_container.list ul { margin-bottom: 0; } .perspective-upload .file_container.list .content-list .article { border: none; } .perspective-upload .file_container.list .content-list .thumb1 .image-wrapper-view-thumb { margin: 0; } .perspective-upload .file_container.list .content-list .thumb1 .text-wrapper-view-thumb { margin: 0 0 0 185px; } .perspective-upload .file_container.list .content-list .thumb1 .status-view-default { display: block; position: absolute; top: 10px; right: 10px; } .perspective-upload .file_container.list .content-list .article-text { margin-bottom: 50px; } /* list end */ .perspective-upload .file_container.active { border: 2px solid #3192ec; } .perspective-upload .upload_navigation { display: none; } .perspective-upload .upload_navigation A { display: inline; } .perspective-upload .upload_navigation .upload_close { display: inline; border: none; color: red; } .perspective-upload label { font-weight: normal !important; } .perspective-upload .upload_container { position: absolute; margin: 0; padding: 0; overflow: hidden; right: 20px; left: 20px; bottom: 5px; top: 83px; } .upload_container_content { height: calc(100% - 55px); } .upload_container_content > div { overflow: auto; height: 100%; } .perspective-upload .custom_info { border: 2px solid red; padding: 10px; margin: 5px; font-size: 12px; } /* ========== perspectives.css ========== */ .perspective-topnav { height: 22px; float:left; margin-right: 5px; margin-top: 1px; color: #333333; display: inline-block; font-size: 14px; line-height: 14px; margin-bottom: 0; padding: 10px 6px 3px 3px; text-align: left; vertical-align: middle; border-right: 1px solid white; background-color: rgb(220,220,220); background-image: -webkit-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: -moz-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: -o-linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); background-image: linear-gradient(rgb(251,251,251) 0%, rgb(220,220,220) 100%); border-radius: 8px 8px 0px 0px; } .perspective-topnav A.switch_to { color: darkgray; float: left; } .perspective-topnav A { line-height: 16px; margin-left: 2px; margin-right: 2px; font-size: 11px; } .perspective-topnav A .glyphicons { color: black; vertical-align: inherit; } .perspective { position: absolute; left: 0px; top: 36px; bottom: 0px; width: 100%; z-index: 1; overflow: auto; background-color: white; text-align: left; } .dcx-simple-ui .perspective { position: relative; left: auto; top: auto; bottom: auto; width: 100%; z-index: 1; background-color: white; overflow: auto; text-align: left; } #pane-topbar .perspective-topnav.active { background-color: rgb(240,240,240); background-image: -webkit-linear-gradient(rgb(255,255,255) 0%, rgb(240,240,240) 100%); background-image: -moz-linear-gradient(rgb(255,255,255) 0%, rgb(240,240,240) 100%); background-image: -o-linear-gradient(rgb(255,255,255) 0%, rgb(240,240,240) 100%); background-image: linear-gradient(rgb(255,255,255) 0%, rgb(240,240,240) 100%); } .is-dragging #pane-topbar .perspective-topnav.hide_on_dragstart { display: none; } #pane-topbar A:hover { text-decoration: underline; } #pane-topbar .perspective-topnav.active A.switch_to { color: #808080; } .perspective-topnav .sub { float: left; } #usermenu_actions { z-index: 9998; position: absolute; top: 36px; } #usermenu_actions.actions { display: none; position: absolute; top: 36px; right: 0px; min-width: 200px; padding: 5px; border-radius: 0 0 0 8px; background-color: #005B82; /* MANTIS 23175: before #1d85a5 and before that : #656565 */ background: -webkit-gradient(linear, left top, left bottom, from(#005b82), to(#002F41)); background: -moz-linear-gradient(top, #005b82, #002F41); text-align: left; color: #74C7E8; font-weight: bold; font-size: 12px; } #usermenu_actions .action { margin-left: 12px; margin-top: 6px; } #usermenu_actions A { color: #74C7E8; margin-left: 2px; text-decoration: none; } #usermenu_actions LI A { color: silver; display: inline-block; } #usermenu_actions.actions.active { display: block; } #usermenu_actions #user-name { margin-top: 6px; margin-left: 12px; } #usermenu_actions #logout A { color: #FFA465; } #usermenu_actions.action { margin-top: 6px; margin-left: 12px; } #topnav-logout .no-menu-li { margin-top: 4px; margin-left: 5px; width: 16px; } #topnav-logout A:hover { text-decoration: underline; } #topnav-logout A.usermenu:hover { text-decoration: none; } #topnav-logout A.usermenu:hover I { margin-top: 1px; margin-right: 1px; } #pane-topbar #topnav-logout LI.no-menu-li.user { float: none; } #pane-topbar #topnav-logout { padding-top: 3px; } #topnav-usergroup label.select-usergroup { float: none; margin-left: 15px; } #topnav-usergroup #active-group-filter select.select-usergroup { float: none; margin-left: 15px; min-width: 150px; } #topnav-usergroup #active-group-filter select.select-usergroup option { max-width: 220px; } .is-dragging #topnav, .is-dragging #topnav-logout{ display: none; } #layout-doc { } .component.waiting-for-update { opacity: 0.3; } /* ========== perspectives.search.css ========== */ xxx.is-dragging #pane-topbar .perspective-search { display: none; } /* ========== search.css ========== */ #search-container h1 { ont-weight: bold; margin: 0px; margin-bottom: 5px; margin-left: 5px; font-size: 12px; } #search-container .btn { font-size: 14px; height: 24px; } #search-box { height: 31px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } #search-box .btn, .bs3 #search-box .form-control { height: 30px; line-height: 16px; } #search-box .search-button-container > .btn { background-color: #005b82; border-radius: 0 5px 5px 0; left: -2px; position: absolute; top: 0; } #search-box .search-button-container > .btn.observe-mode-stop { display: none; } .observe-mode #search-box .search-button-container > .btn { display: none; } .observe-mode #search-box .search-button-container > .btn.observe-mode-stop { display: inline-block; background-color: red; border-color: darkred; } #search-container .observe-mode-container { display: none; margin-bottom: 0px; padding: 5px; font-size: 12px; } .observe-mode #search-container .observe-mode-container { display: block; } .bs3 #search-box .search-history .dropdown-menu { } .bs3 #search-box .search-history .dropdown-menu > li > a { padding: 3px 10px; font-size: 11px; width: 380px; overflow: hidden; text-overflow: ellipsis; } .bs3 #search-box .search-history .dropdown-menu em { font-weight: bold; } .bs3 #search-box .dropdown-menu > li.info { padding: 1px 20px; font-size: 11px; font-style: italic; } #search-box button { margin-left: 5px; } #search-box .btn-search-reset { float: right; height: 34px; } #search-box #searchbox-field { width: 100%; } #search-wrapper button .glyphicons, #search-wrapper a .glyphicons { vertical-align: text-top; } #search-box .form-inline { position: relative; } #search-box .search-field-container { left: 3px; position: absolute; right: 160px; top: 0; } #search-box .search-button-container { position: absolute; right: 0px; top: 0px; width: 166px; text-align: right; } #search-box .search-button-container .dropdown-menu { left: auto; right: 0px; text-align: left; } /* @group :::::: LIST:Search :::::: */ #search-header { height: 25px; background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; cursor: pointer; } #search-header #search-header-text { float: left; margin: 7px 0 0 14px; font-size: 11px; font-weight: bold; color: #444; } #search-header .button-collapse { width: 20px; height: 17px; float: right; margin: 4px 7px 0 0; background: #f3f5f6 url('skin/dcx/layout_sprite.png') no-repeat -19px -218px; } #search-header:hover .button-collapse { background: #f3f5f6 url('skin/dcx/layout_sprite-hover.png') no-repeat -19px -218px; } #search-header.closed .button-collapse { background: #f3f5f6 url('skin/dcx/layout_sprite.png') no-repeat -19px -238px; } #search-header.closed:hover .button-collapse { background: #f3f5f6 url('skin/dcx/layout_sprite-hover.png') no-repeat -19px -238px; } #search-inner { /* width: 536px; */ height: auto; /* height: 127px; */ /* needed for collapsing box via click on header */ /* overflow: hidden; */ /* needed for collapsing box via click on header */ /* dich nicht benoetigt oder nur benoetigt wenn Öffnungs-/Schließungsvorgang animiert ist ?*/ /* margin: 10px auto; */ margin: 2px; min-width: 460px; } #search-container { background-color: #ffffff; padding: 0 0 0 0; } #search-container #search-box-adv { display: none; } #search-container.advanced-search-active #search-box-adv { display: block; padding-top: 5px; } /* @group ...... LIST:Search::Channels ...... */ H4#list-search-channels { width: 364px; margin: 20px 0 10px 0; padding: 0 0 0 16px; font-size: 12px; font-weight: bold; } /* @end */ /* @group ...... LIST:Search::Box ...... */ #search-box-adv #documentquery-mode UL { margin-bottom: 0px; margin-top: 0px; } #search-box-adv #documentquery-mode LI { float: left; font-size: 11px; } #search-box-adv #documentquery-mode LI.switch-mode { margin: 0px 0px 0px 20px; } #search-box-adv #documentquery-mode LI.switch-mode label { font-weight: normal; } DIV#search-box.yui-ac DIV#fulltext-ac-container.yui-ac-container DIV.yui-ac-content { max-width: 238px; } #search-box-adv INPUT[readonly=""], #search-box-adv INPUT[readonly="readonly"]{ background-color: #f3f5f6; } #search-box-adv OPTION[disabled="disabled"] { background-image: url(../images/pixel_1x1_black.gif); background-repeat: repeat-x; background-position: center center; background-attachment: scroll; height: 3px; } #search-box-submit { text-transform: uppercase; font-size: 14px; width: auto; background: url(../images/searchbox-button.png) no-repeat center right; padding: 9px 20px 10px 10px; float: left; line-height: 13px; } #search-box-adv-submit { text-transform: uppercase; font-size: 14px; width: auto; background: url(../images/searchbox-button-bg-left.png) no-repeat center left; padding: 0 0 0 13px; float: right !important; /* Wenn das !important weh tut, mehr ID-Selektoren anflanschen */ line-height: 13px; } #search-box-submit A { color: #ffffff; text-decoration: none; } #search-box-adv-submit A { color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 14px; width: auto; background: url(../images/searchbox-button.png) no-repeat center right; padding: 10px 22px 10px 9px; float: left; line-height: 13px; } #search-container .btn-additional-filters { float: right; background-color: transparent; border: none; font-size: 12px; height: 20px; } #search-wrapper .open-advanced-search { height: 16px; } #search-wrapper .advanced-search-active .open-advanced-search { display: none; } #search-simple-elements .search-simple-element { float: left; margin: 0 0 5px 5px; padding: 0px; height: 30px; width: 150px; } #search-simple-elements .search-simple-element.type-radio, #search-simple-elements .search-simple-element.type-checkbox { width: auto; min-width: 150px; } #search-wrapper .search-filters { /* border: 1px solid #F4F4F4; background-color: #eeeeee; */ border-radius: 8px; margin-left: 3px; margin-bottom: 0px; padding: 8px 8px 0; } #search-wrapper .search-filters > div { border-top: 1px dotted #A3C6D8; margin-bottom: 5px; } #search-wrapper .search-filters > div:first-child { border-top: 1px solid #F4F4F4; } #search-wrapper .search-filters > div:last-child { margin-bottom: 0px; } #search-wrapper .search-filters #search-simple-elements { border-top: none; } #search-wrapper .search-filters label { font-weight: normal; } #search-simple-elements { clear: both; } #search-simple-elements select, #search-simple-elements input[type="text"] { width: 100%; font-size: 12px; } .search-simple-datefromto { text-align: center; height: 30px; } #search-simple-elements .search-simple-datefromto input { width: 62px; font-size: 12px; } #search-simple-elements .autoupdate-label { display: none; margin-left:3px; color: #6C8416; } #search-simple-elements .autoupdate-label img { height: 10px; width: auto; } /* @end */ /* @group ...... LIST:Search::DidYouMean? ...... */ #search-did-you-mean { clear: left; width: 332px; padding-left: 5px; margin: 5px; font-size: 12px; color: #666666; } #search-did-you-mean A { font-weight: bold; } /* @end */ /* @group ...... LIST:Search::Adv-Search ...... */ #search-box-adv .search-criteria { margin: 3px; } #search-box-adv .documentquery-row { padding: 5px; position: relative; } #search-box-adv .documentquery-row > LI { float: left; position: relative; } #search-box-adv .documentquery-row .documentquery-basic { width: 250px; } #search-box-adv .documentquery-basic select { width: 49%; font-size: 12px; } #search-box-adv .documentquery-value { position: absolute; top: 3px; left: 250px; right: 35px; } #search-box-adv .documentquery-value input { width: 100%; } #search-box-adv .documentquery-value .value-container { position: absolute; left: 0px; right: 0px; padding-left: 5px; } #search-box-adv .is-list .documentquery-value .value-container, #search-box-adv .is-thesaurus .documentquery-value .value-container{ right: 60px; } #search-box-adv .is-list.is-thesaurus .documentquery-value .value-container{ right: 100px; } #search-box-adv .two-values .documentquery-value .value-container { right: 50%; padding-right: 5px; } #search-box-adv .two-values .documentquery-value2 { position: absolute; left: 50%; right: 0px; } #search-box-adv .documentquery-value .documentquery-assistants, #search-box-adv .documentquery-value .documentquery-value2, #search-box-adv .documentquery-value .documentquery-autocomplete{ display: inline-block; } #search-box-adv .documentquery-buttons { position: absolute; top: 2px; right: 0px; width: 30px; text-align: right; } #search-box-adv .documentquery-buttons.add-term { width: 200px; } #search-criteria INPUT { color: #666666; font-size: 12px; padding: 1px; width: 120px; } #search-criteria INPUT.clearable { padding-right: 18px; } #search-criteria I.clearable { cursor: pointer; position: absolute; right: 3px; top: 4px; font-size: 14px; } #search-criteria .documentquery-assistants { height: 19px; float: right; margin-top: 5px; text-align: right } #search-criteria .is-thesaurus .documentquery-assistants, #search-criteria .is-list .documentquery-assistants { width: 50px; } #search-criteria .is-list.is-thesaurus .documentquery-assistants { width: 90px; } #search-criteria .documentquery-assistants A { color: #666666; margin-left: 3px; } #search-criteria INPUT.yui-ac-input { position:static; } #search-criteria .yui-ac-content { width: 180px; } /* @end */ /* ========== search.filter.css ========== */ #filter-wrapper #filter-inner { display: none; } #filter-wrapper.active #filter-inner { display: block; } #filter-wrapper.active .btn .active, #filter-wrapper .btn .not-active { display: inline-block; } #filter-wrapper .btn .active, #filter-wrapper.active .btn .not-active { display: none; } #filter-wrapper.active .btn .not-active { display: none; } #filter-active { margin-top: 5px; } #filter-active > * { float: right; margin-left: 4px; } #filter-active h1 { } #filter-active UL { } #filter-active a, #filter-active LI { color: #005b82; cursor: pointer; font-size: 12px; margin-right: 10px; float: right; } #filter-active li > I { margin-left: 3px; } #filter-active a:hover, #filter-active LI:hover { color: red; text-decoration: underline; } #filter-list { margin: 0px; } #filter-inner { font-size: 11px; } #filter-list LI { float: left; padding: 0 20px; width: 33%; } #filter-list LI + LI { border-left: 1px solid #cccccc; } #filter-list H4 { font-weight: bold; text-transform: uppercase; margin: 0px; font-size: 12px; margin-bottom: 4px; } #filter-list LI LI { float: left; width: 100%; margin: 0 0 3px; padding: 0; font-weight: normal; border-left: 0px solid #f3f5f6; text-indent: 0; } #filter-list LI LI A { margin-right: 4px; color: #333333; } #filter-action { margin: 10px 10px 0 10px; padding: 10px 0 0 0; border-top: 1px solid #dfe0e1; } #filter-action A { color: #333333; } #filter-action LI { float: right; margin: 0 10px; } /* ========== select2.css ========== */ .select2-container .select2-selection--single { height: 18px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 18px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 15px !important; } .select2-dropdown ul li { font-size: 12px; text-align: left; padding: 1px 10px 1px 10px !important; white-space: nowrap; } /* ========== storyeditor.basic.css ========== */ /* basic editor layout */ .storyeditor-container { padding-left: 250px; } .storyeditor-container .editor-navigation { position: fixed; top: 36px; bottom: 2px; left: 0; height: auto; overflow: auto; transition: all 0.4s ease 0s; margin-top: 10px; } .storyeditor-container .editor-navigation.container { padding-left: 0px; padding-right: 5px; } .dcx-simple-ui.dcx-ui-desktop .storyeditor-container .editor-navigation { top: 50px; } .dcx-simple-ui.dcx-ui-mobile .storyeditor-container .editor-navigation { position: absolute; top: 0px; } .storyeditor-container .editor-navigation, .storyeditor-container .editor-navigation.container { width: 250px; } .storyeditor-container .editor-navigation .editor-variant-actions { padding-top: 5px; padding-bottom: 20px; } .storyeditor-container .storyeditor-instance .sidebar .preview { } /* defaults */ /* left navigation */ .storyeditor-container .editor-navigation .navigation-entry { overflow: hidden; } .perspective-with-editor .navigation-entry.list-group-item { padding: 5px; } .storyeditor-container .navigation-entry I.storytype { background-size: 24px auto !important; height: 26px !important; } /* size */ .storyeditor-container { padding-left: 50px; } .storyeditor-container .editor-navigation, .storyeditor-container .editor-navigation.container { width: 50px; display: inline; } /* open on hover */ .storyeditor-container .editor-navigation:hover, .storyeditor-container .editor-navigation.container:hover { background-color: white; width: 200px; display: inline; z-index: 99; } /* layout */ .perspective-with-editor .storyeditor-container .editor-navigation .storydetails { visibility: hidden; } .perspective-with-editor .storyeditor-container .editor-navigation:hover .storydetails { visibility: visible; } .perspective-with-editor .storyeditor-container .editor-navigation .storylabel h1 { color: transparent; } .perspective-with-editor .storyeditor-container .editor-navigation:hover .storylabel h1 { color: inherit; } /* warnings on the left navigation */ .storyeditor-container .editor-navigation .ui-error-container { position: absolute; width: 180px; z-index: 1; } @media (max-width: 991px){ } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (max-width: 1023px){ .perspective.perspective-storyeditor .storyeditor_preview_container, .perspective.perspective-storyeditor .main .storypreview { display: none; width: 0px; } .perspective.perspective-storyeditor .storyeditor_preview_container .background { display: none; width: 0px; } } @media (min-width: 1024px) { /* area for fullscreen preview */ .perspective.perspective-storyeditor .storyeditor_preview_container, .perspective.perspective-storyeditor .main .storypreview { right: 255px; } .perspective.perspective-storyeditor .storyeditor_preview_container .background { right: 250px; } } @media (max-width: 1199px){ /* .perspective-with-editor .navigation-entry.list-group-item { padding: 1px; } .perspective-with-editor .navigation-entry .storylabel .icon { margin-left: 10px; } .perspective-with-editor .navigation-entry.active_in_editor .storylabel .icon { margin-left: 5px; } */ } @media (min-width: 1200px) { /* area for fullscreen preview */ .perspective.perspective-storyeditor .storyeditor_preview_container, .perspective.perspective-storyeditor .main .storypreview { right: 430px; } .perspective.perspective-storyeditor .storyeditor_preview_container .background { right: 425px; } } @media (min-width: 1400px) { /* area for fullscreen preview */ .perspective.perspective-storyeditor .storyeditor_preview_container, .perspective.perspective-storyeditor .main .storypreview { right: 505px; } .perspective.perspective-storyeditor .storyeditor_preview_container .background { right: 500px; } } @media (min-width: 1441px) { /* size of left navigation */ .storyeditor-container { padding-left: 200px; } .storyeditor-container .editor-navigation, .storyeditor-container .editor-navigation.container { width: 200px; display: inline; } .perspective-with-editor .storyeditor-container .editor-navigation .storydetails { visibility: visible; } .perspective-with-editor .storyeditor-container .editor-navigation .storylabel h1 { color: inherit; } } @media (min-width: 1500px) { /* area for fullscreen preview */ .perspective.perspective-storyeditor .storyeditor_preview_container, .perspective.perspective-storyeditor .main .storypreview { right: 605px; } .perspective.perspective-storyeditor .storyeditor_preview_container .background { right: 600px; } } @media (min-width: 1600px) { /* area for fullscreen preview */ .perspective.perspective-storyeditor .storyeditor_preview_container, .perspective.perspective-storyeditor .main .storypreview { right: 705px; } .perspective.perspective-storyeditor .storyeditor_preview_container .background { right: 700px; } } /* ========== storyeditor.editor-navigation.css ========== */ .perspective-with-editor .navigation-entry { overflow: auto; transition: all 0.5s ease-in-out 0s; } .perspective-with-editor .navigation-entry.list-group-item { background-color: #fafafa; padding-top: 5px; padding-bottom: 5px; } .perspective-with-editor .navigation-entry .navigation-entry { margin-left: -5px; margin-right: -5px; padding: 12px 5px; overflow: hidden; } .perspective-with-editor .navigation-entry .btn { font-size: 12px; line-height: 1.2; max-height: 54px; overflow: hidden; white-space: normal; } .perspective-with-editor .navigation-entry:hover { opacity: 1; background-color: white; } .perspective-with-editor .navigation-entry .details { color: black; float: left; line-height: 10px; margin-left: 3px; width: 147px; } .perspective-with-editor .navigation-entry .info-icons { margin-right: 10px; float: right; } .perspective-with-editor .navigation-entry .status-icons { margin-right: 10px; float: left; } .perspective-with-editor .navigation-entry .status-icons I { display: none; } .perspective-with-editor .navigation-entry.opened_in_editor { } .perspective-with-editor .navigation-entry.opened_in_editor .pubinfo-icons, .perspective-with-editor .navigation-entry.opened_in_editor .storytype-icon { opacity: 1; } .perspective-with-editor .navigation-entry.active_in_editor:focus, .perspective-with-editor .navigation-entry.active_in_editor { background-color: white; border-right-color: white; margin-left: 5px; border-left: 2px solid #005b82; } .perspective-with-editor .dashboard-entry .navigation-entry.active_in_editor { margin-left: 0px; border-left: 2px solid #005b82; } .bs3.perspective-with-editor .navigation-entry.list-group-item { border-radius: 4px; overflow: hidden; } .bs3.perspective-with-editor .navigation-entry.list-group-item a:hover { text-decoration: none; } .perspective-with-editor .navigation-entry.changed_in_editor.active_in_editor, .perspective-with-editor .navigation-entry.changed_in_editor { border-left: 5px solid #ac2925; } .perspective-with-editor .navigation-entry.changed_in_editor .status-icons .changed_icon { display: block; } .perspective-with-editor .no-variants .navigation-entry { border-color: transparent; } .perspective-with-editor .navigation-entry .pubinfo-icons { float: left; } .perspective-with-editor .navigation-entry .pubinfo-icons I.small { } .perspective-with-editor .navigation-entry .pubinfo-icons, .perspective-with-editor .navigation-entry .storytype-icon { background-size: 24px auto; height: 24px; width: 24px; line-height: 24px; } .perspective-with-editor .navigation-entry:hover .storytype-icon, .perspective-with-editor .navigation-entry:hover .storylabel h1 { opacity: 1; } .perspective-with-editor .navigation-entry .storylabel { overflow: hidden; } .perspective-with-editor .navigation-entry .storylabel h1 { font-size: 14px; height: 24px; line-height: 24px; margin-bottom: 2px; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.3; } .perspective-with-editor .dashboard-entry .navigation-entry .storylabel h1, .perspective-with-editor .navigation-entry.opened_in_editor .storylabel h1 { opacity: 1; } .editor-container .popover h2, .editor-container .popover h3, .perspective-with-editor .navigation-entry .storylabel h2, .perspective-with-editor .navigation-entry .storylabel h3 { font-size: 12px; line-height: 12px; margin-bottom: 5px; margin-top: 5px; } .perspective-with-editor .navigation-entry .storylabel h3 { color: silver; } .perspective-with-editor .navigation-entry .storylabel .icon { float: left; margin-right: 5px; } .perspective-with-editor .navigation-entry .storydetails { color: #333333; margin-bottom: 5px; opacity: 0.5; } .perspective-with-editor .navigation-entry .storydetails .list-group-item { padding: 1px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; background-color: inherit; } .perspective-with-editor .navigation-entry .storydetails .list-group-item.headline { font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .perspective-with-editor .navigation-entry .deadline { background-color: white; color: #ac2925; } .perspective-with-editor .navigation-entry.has_active_user .deadline { color: #ac2925; } .perspective-with-editor .navigation-entry.has_active_user .deadline I { color: #ac2925; } .perspective-with-editor .navigation-entry:hover .storydetails, .perspective-with-editor .navigation-entry.active_in_editor .storydetails { opacity: 1; } .perspective-with-editor .navigation-entry.active_in_editor .deadline { } .editor-container .popover.popover-offset { margin-top: 200px; } @media (max-width: 1199px){ .editor-container .popover { min-width: 400px; } } @media (min-width: 1200px) { .editor-container .popover { min-width: 600px; } } /* ========== storyeditor.form.css ========== */ .storyeditor-formcontainer h1 { font-weight: bold; font-size: 120%; } /* ========== tab.comments.css ========== */ .comments li.comment_DELETED H4, .comments li.comment_DELETED { color: #999999; } .comments .delete { text-align: right; } .comments .delete a { color: #707070; } .comments .delete a:hover { color: red; } .comments li.comment { margin-right: 50px; margin-left: 10px; margin-bottom: 5px; padding: 10px; background-color: white; border: 1px solid #707070; border-radius: 0px 10px 10px 10px; } .comments li.comment .comment_label { color: black; font-size: 12px; margin-bottom: 0; margin-top: 5px; } .comments li.comment .comment_label .created { color: #aaa; } .comment p.comment_text { font-size: 13px; line-height: normal; } /* ========== tab.history.css ========== */ .tab-history .error { background-color: #f2dede; color: #b94a48; } .tab-history .warning { background-color: #fcf8e3; color: #c09853; } .tab-history th { white-space: nowrap; } /* ========== tab.relatedcontent.css ========== */ .tab-relatedcontent .delimiter > h1 { height: auto; } /* ========== tab.rights.css ========== */ #tabs_content .special_agreements-is-expired, #tabs_content .rightsprofile-is-expired { color: #999999; } /* ========== tab.snippets.css ========== */ #tabs_content .content-list .thumb1.article { min-width: 300px; } /* ========== tab.story.css ========== */ .tab-story .primary_picture { height: auto; width: 200px; margin: 5px; } .tab-story .image-wrapper { width: 210px; float: left; margin-right: 5px; } #pane-details .tab-text.tab-story .meta { float: none; } #pane-details .tab-text.tab-story H1 { clear: none; } #pane-details .tab-text.tab-story .text-wrapper { max-height: 250px; overflow: hidden; } .tab-story .derived_from { padding-top: 15px; } .tab-story .derived_from .derived_parent { color: darkgray; background-color: white; margin-bottom: 1px; font-size: 0.8em; padding: 2px; float: left; padding-left: 10px; width: 95%; } .tab-story .derived_from .derived_child { color: darkolivegreen; background-color: white; margin-bottom: 1px; font-size: 0.8em; padding: 2px; float: left; padding-left: 10px; width: 95%; } .tab-story .derived_from .this_story { color: black; background-color: white; font-size: 0.8em; margin-top: 1px; margin-bottom: 2px; float: left; } #pane-details .tab-text.tab-story .this_story .last_modified { color: black; } .tab-story .derived_from .derived_parent .last_modified, .tab-story .derived_from .derived_child .last_modified { text-align: right; width: 100%; } #tabs_content .tab-text.tab-story .status.no_primary_picture { position: relative; } #pane-details .tab-text.tab-story .last_modified { color: #46A546; border-radius: 5px 5px 5px 5px; float: right; padding: 1px; margin-left: 10px; } #pane-details .tab-text.tab-story .last_modified.changed_since_last_approval { color: #C43C35; } .tab-story div.media-container { background: #f2f7fa; border: 1px solid #a8cbde; border-radius: 8px; font-family: Verdana; color: #6f6f6e; cursor: pointer; padding: 5px; overflow: auto; display:block; min-height: 100px; padding-left: 62px; background-position: 5px 5px; background-repeat: no-repeat; background-size: 50px 50px; margin-bottom: 10px; } .tab-story div.media-container img{ float: left; border-radius: 10px; } .tab-story div.media-container label{ font-weight: bold; } .tab-story div.media-container h4{ margin:0px; font-size: 13px; border-bottom: 1px dotted #6f6f6e; padding-top: 10px; padding-bottom: 10px; margin-bottom: 7px; } /* ========== tab.table.css ========== */ #tabs_content TABLE.tab-table { width: 100%; } TABLE.tab-table { border-collapse: separate; border-spacing: 1px 0; font-size: 11px; line-height: 13px; margin: 0 0 4px; } TABLE.tab-table TH { background-color: #dce4eb; border-bottom: 1px solid #f3f5f6; } TABLE.tab-table TD { width: auto; } TABLE.tab-table TD, TABLE.tab-table TH { padding: 2px; text-align: left; vertical-align: top; word-wrap: break-word; } TABLE.tab-table .separator TD { background-color: #d0d2d7; border-top: 2px solid #fafafb; line-height: 1px; } TABLE .separator2 TD { background-color: #d0d2d7; line-height: 1px; padding: 1px 0 1px 0; margin: 0; } /* ========== task.status.css ========== */ /* Document : task.status Created on : 11.06.2012, 10:58:28 Author : joerg Description: Purpose of the stylesheet follows. */ /* @group task-tooltip */ .task-tooltip { display: none; position: absolute; z-index: 1; border-radius: 8px; border: 1px solid black; background-color: white; padding: 4px; } .task-tooltip .taskstatus-label { display: block; text-transform: none; white-space: nowrap; text-decoration: underline; cursor: pointer; float: none; } .taskstatus-label .glyphicons { margin-right: 3px; } .task-tooltip .glyphicons { margin-right: 3px; } /* @end */ /* @group task-status */ .taskstatus-label { text-transform: none; font-weight: bold; display: inline; font-size: 10px; padding: 1px 4px; font-weight: bold; } .change_storystatus_to { margin-right: 3px; margin-top: 1px; padding: 1px 4px; font-weight: bold; display: inline; } .change_taskstatus_to { padding-top: 10px; text-align: center; } .task .taskstatus-label { text-decoration: underline; cursor: pointer; } .taskstatus-label .btn-group .btn { border: none; font-size: 10px; padding: 1px; text-decoration: underline; line-height: 12px; } .taskstatus-label .btn-group .dropdown-menu { font-size: 10px; color: black; } .taskstatus-label .btn-group .dropdown-menu li { float: none; } #TB_window .taskstatus-label .btn-group .dropdown-menu { left: auto; right: 0px; } .taskstatus-label .btn-group.open .dropdown-toggle.btn-default { background-color: inherit; border: none; box-shadow: none; } .taskstatus-label .bs3 { display: inline; } .task-pageproof .download_action { background-image: url("../images/icon-tool-download.png"); background-position: left bottom; background-repeat: no-repeat; padding-left: 20px; } .task-pageproof .task-pageproof-actions { text-align: right; padding-top: 15px; } .task-pageproof .task-pageproof-actions .task-pageproof-action { display: inline; } /* ========== task.tab.css ========== */ #pane-details .tab-text.tab-task TH { background-color: #e8e9ea; } .tab-task .image-wrapper { padding: 5px; } #tabs_content .tab-task .text-wrapper { padding: 0 3px 5px 0; } .tab_content .taskstatus-label .glyphicons { vertical-align: text-bottom; } /* ========== task.thickbox.css ========== */ .thickbox_task .xmain_seperator { background-color: black; color: white; font-size: 12px; height: 28px; line-height: 24px; overflow: hidden; text-align: left; text-shadow: 1px 1px 1px #F0F2F5; clear: both; } .thickbox_task .main_seperator A { text-shadow: none; } .thickbox_task .top_info { color: grey; padding: 10px; text-align: center; } .thickbox_task .intro { margin-bottom: 30px; } .thickbox_task .intro .briefing { max-width: 700px; margin: auto; } .thickbox_task .main_seperator .image_editing_original, .thickbox_task .main_seperator .image_editing_new, .thickbox_task .main_seperator .generic_documents{ text-align: center; } .thickbox_task .image_editing_original, .thickbox_task .image_editing_new, .thickbox_task .task_generic { float: left; width: 49%; } .thickbox_task .image_editing_new .btn-task_complete { float: right; } .thickbox_task .generic_documents{ float: left; width: 100%; } .thickbox_task .task_generic{ padding-left: 5px; border-left: 1px solid silver; margin-left: -1px; } .thickbox_task .task_generic{ text-align: left; } .thickbox_task .task_info th { padding-right: 10px; } .thickbox_task .taskstatus_container { float: right; } .thickbox_task .taskstatus { text-shadow: none; } .thickbox_task .download, .thickbox_task .upload { clear: both; margin-bottom: 10px; padding: 5px; text-align: left; } .thickbox_task .download li A { color: black; margin-left: 5px; } .thickbox_task .download li { padding-bottom: 10px; } .thickbox_task .doclink_actions { padding-top: 20px; margin-left: 20px; } .thickbox_task .doclink_actions li.action { color: black; margin-bottom: 10px; } .thickbox_task .doclink_actions A.action { color: black; text-transform: capitalize; } .thickbox_task .doclink_actions UL.change_doclinktype_to, .thickbox_task .doclink_actions UL.delete_link, .thickbox_task .doclink_actions UL.link_actions { margin-bottom: 20px; } .thickbox_task .download_icon { width: 28px; height: 28px; margin-bottom: -3px; } .thickbox_task .images { text-align: center; } .thickbox_task .images .task_generic { padding-bottom: 15px; } .thickbox_task .images .image-panel-body { width: 100%; margin-bottom: 10px; position: relative; } .thickbox_task .images .image-panel-body .crop { position: absolute; border: 2px dashed red; } .thickbox_task .image-panel-body .image-panel-picture { width: auto; height: auto; max-height: 100%; max-width: 100%; max-height: 300px; } .thickbox_task .landscape .image-panel-picture { max-height: 400px; } .thickbox_task .landscape { /* position: absolute; */ width: 380px; } .thickbox_task .portrait { /* position: absolute; */ height: 310px; } .thickbox_task .task-hover-corner { position: absolute; right: 0px; bottom: 0px; } .thickbox_task .hover_me .show_on_hover { display: none; } .thickbox_task .hover_me:hover .show_on_hover { display: block; } .thickbox_task .hover_me:hover .hide_on_hover { display: none; } .thickbox_task .description { clear: both; border-radius: 10px; background-color: #CDCED7; background-image: url("skin/dcx/dcx-sprite-bars.png"); background-position: 0 0; background-repeat: repeat-x; } .thickbox_task .description .label { min-width: 100px; text-align: right; float: left; } .thickbox_task .description .text { float: left; } .thickbox_task .upload_container_dropzone { border: 2px dashed silver; } .thickbox_task .upload_container { margin-top: 50px; padding: 10px; text-align: left; } .thickbox_task .fileupload { padding-top: 5px; padding-bottom: 5px; } .thickbox_task .filedrop { /* margin-top: 10px; width: 45%; min-height: 100px; float:left; border: 1px solid white; background-color: Silver; padding: 5px; */ } .thickbox_task .filedrop .fileupload-result-list LI { margin-top: 2px; } .thickbox_task .task_generic.right { border-left: 1px solid silver; } .thickbox_task .meta th { padding-right: 10px; } .thickbox_task .file_meta { margin: auto; } .thickbox_task .task_generic_documents .task_generic_document .doclinkmeta { padding-top: 5px; margin-left: 15px; float: left; width: 50%; } .thickbox_task .task_generic_documents .task_generic_document .filename { font-weight: bold; font-size: medium; } .thickbox_task .task_generic_documents .task_generic_document .document_download { padding-top: 25px; float: right; } .thickbox_task .task_generic_documents .task_generic_document IMG { height: auto; max-height: 75px; max-width: 75px; width: auto; } .thickbox_task .task_generic_documents .task_generic_document { margin: 5px 0 5px 0; border-bottom: 1px solid darkgray; padding-bottom: 5px; } .thickbox_task .task_generic_documents .task_generic_document .file_thumbnail { min-width: 85px; min-height: 80px; float: left; text-align: center; } .thickbox_task .task_generic_document .file_thumbnail { text-align: center; border: 1px solid silver; float: left; padding: 5px; text-align: center; width: 350px; background-color: black; color: whitesmoke; } .thickbox_task .task_generic_document .file_thumbnail IMG { height: auto; max-height: 330px; max-width: 330px; width: auto; border: 1px solid white; } .thickbox_task .doclinktype { padding: 3px; margin-bottom: 20px; display: block; border-radius: 5px 5px 5px 5px; } .thickbox_task .task_generic_document .doclinktype .glyphicons { vertical-align: baseline; margin-right: 3px; } .thickbox_task .change_doclinktype_to_description { margin-top: 30px; text-align: center; } .thickbox_task .taskstatus-label .glyphicons { vertical-align: text-top; } #TB_ajaxContent div.media-container { background: #f2f7fa; border: 1px solid #a8cbde; border-radius: 8px; font-family: Verdana; color: #6f6f6e; cursor: pointer; padding: 5px; overflow: auto; display:block; min-height: 100px; padding-left: 62px; background-position: 5px 5px; background-repeat: no-repeat; background-size: 50px 50px; margin-bottom: 10px; } #TB_ajaxContent div.media-container img{ float: left; border-radius: 10px; } #TB_ajaxContent div.media-container label{ font-weight: bold; } #TB_ajaxContent div.media-container h4{ margin:0px; font-size: 13px; border-bottom: 1px dotted #6f6f6e; padding-top: 10px; padding-bottom: 10px; margin-bottom: 7px; } /* ========== task.thickbox.imageediting.css ========== */ .thickbox_task .meta { clear: both; float: none; } .thickbox_task .meta .image_editing_original, .thickbox_task .meta .image_editing_new { min-height: 100px; } .thickbox_task .image_editing_new .upload_container { margin-top: 0px; } .thickbox_task .image_editing_new .upload .glyphicons, .thickbox_task .image_editing_original .download .glyphicons { font-size: 18px; vertical-align: text-bottom; } .thickbox_task .image_editing_original .download_icon { height: 18px; margin-bottom: -3px; width: 18px; } .thickbox_task .image_editing_new .upload_actions li { margin-bottom: 10px; } /* ========== taskeditor.basic.css ========== */ @media (min-width: 24px){ .taskeditor-container .editor-basic-topbar .btn { width: auto; } .taskeditor-container .editor-basic-topbar .taskstatus-selection .btn-taskstatus { display: inline-block; padding: 6px 12px; } .taskeditor-container .editor-basic-topbar .taskstatus-selection .dropdown-menu { position: absolute; right: auto; top: auto; } .taskeditor-container .editor-basic-topbar .taskstatus-selection .dropdown-menu .btn { width: 100%; } } /* ========== thickbox.story.css ========== */ .thickbox .bs3 .contentx_dnd { background-image: url(../images/icon-tool-indesign.png); width:19px; height:19px; display:inline-block; } .thickbox-story .image-wrapper { float:left; padding:5px; border:1px solid grey; margin-right:10px; width:300px; } /* ========== ui.css ========== */ .gradientbgrd { background-color: #005B82; background-image: -webkit-linear-gradient(#005B82 0%, #002F41 100%); background-image: -moz-linear-gradient(#005B82 0%, #002F41 100%); background-image: -o-linear-gradient(#005B82 0%, #002F41 100%); background-image: linear-gradient(#005B82 0%, #002F41 100%); } /* ========== usertags.sorting.css ========== */ #documentquery-results.ui-sortable { } #documentquery-results.ui-sortable > li > div { cursor: move; } #documentquery-results.ui-sortable .gallery1 .image-wrapper, #documentquery-results.ui-sortable .gallery2 .image-wrapper, #documentquery-results.ui-sortable .thumb1.article { border: 1px dashed #3192ec; box-sizing: border-box; } #documentquery-results.ui-sortable .article-active .gallery1 .image-wrapper, #documentquery-results.ui-sortable .article-active .gallery2 .image-wrapper, #documentquery-results.ui-sortable .article-active .thumb1.article { border: 2px solid #3192ec; } #documentquery-results.ui-sortable .tags, /* hide user tags */ #documentquery-results.ui-sortable .action, /* hide any action icons */ #documentquery-results.ui-sortable .tools-view .actionicon, /* hide any action icons */ #documentquery-results.ui-sortable .sactionicons { visibility: hidden; } #documentquery-results.ui-sortable .tools-view { background-color: transparent; border-left: 1px dashed #3192ec; border-top: 1px dashed #3192ec; } /* ========== views.alerts.css ========== */ #alert-wrapper DIV { } #alert-wrapper .alert-message { padding: 3px 5px; margin: 3px 2px 3px 5px; background-color: #E4ECC7; border: 1px solid #cccccc; border-radius: 10px; } #alert-wrapper .alert-message I { font-size: 14px; } #alert-wrapper .alert-message A { font-size: 12px; color: #808080; text-decoration: none; } #alert-wrapper .alert-message A.close { float: right; } #alert-wrapper .alert-message A:hover { text-decoration: underline; } #alert-wrapper .maintenance-alert-message { border: 1px solid #cc0000; padding: 10px; background-color: #cc0000; font-weight: bold; font-size: 12px; color: white; box-shadow: none; } /* ========== views.css ========== */ #pane-list .tools-view { overflow: hidden; } #view-header .documentselection { margin-left: 10px; display: inline; } .link-text { height: 70px; padding: 2px; width: 70px; } .link-text .preview_text { background-color: #FFFFFF; border-radius: 4px; font-size: 10px; height: 50px; line-height: 10px; padding: 3px; overflow: hidden; } .link-text .type { font-weight: bold; } .absolute-center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .search-views { border-bottom: 2px solid #005b82; display: none; } .search-views .search-view { padding: 5px; display: inline-block; } .search-views .search-view:first-child { margin-left: 5px; } .search-views .search-view > * { color: black; text-decoration: none; } .search-views .search-view .search-view-name { max-width: 100px; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; padding-right: 0px; } .search-views .search-view-name .glyphicons { margin-right: 5px; } .search-views .search-view .search-view-remove { float: right; } .search-views .search-view.active { border-bottom: 5px solid #005b82; margin-bottom: -3px; } .search-views .search-view a:hover { text-decoration: underline; } #search-view-container { position: relative; display: none; } .search-view-navigation { display: flex; } .search-view-navigation > * { /* border: 1px solid #005b82; */ height: 30px; } #search-view-container .search-view { flex: 5 1; position: relative; /* border: 1px solid #005b82; */ display: flex; justify-content: center; align-items: center; min-width: 0; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #dddddd; } #search-view-container .search-view .search-view-visible-indicator { visibility: hidden; margin-left: 5px; } #search-view-container .search-view-master { display: flex; height: 31px; } #search-view-container .search-view-slots { flex: 1 2; display: flex; } #search-view-container .search-view.search-view-master { flex: 1 1 80px; border-right: 2px solid #999999; } #search-view-container .search-view.search-view-menu { flex: 0 0 50px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #999999; border-right: none; } #search-view-container .search-view .search-view-name { flex: 1 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 5px; margin-right: 3px; text-align: center; } #search-view-container .search-view .search-view-name .glyphicons { margin-right: 3px; } #search-view-container .search-view.active { border-bottom: none; background-color: inherit; } #search-view-container .search-view.active .search-view-name { font-weight: bold; } #search-view-container .search-view-navigation .search-view { height: 30px; } #search-view-container .search-view-navigation .search-view.search-view-hidden { border-right: none; } #search-view-container .search-view-navigation .search-view.search-view-hidden > * { visibility: hidden; } #search-view-container .search-view .search-view-remove { /* display: none; */ text-align: center; margin-right: 5px; flex: 0 0 10px; } #search-view-container .search-view:hover .search-view-remove { display: block; } #search-view-container A { text-decoration: none; color: black; } #search-view-container A:hover { text-decoration: underline; } #search-view-board { display: none; position: absolute; width: 300px; right: 0px; z-index: 9999; top: 31px; background-color: white; padding: 5px; border: 1px solid #cccccc; } #search-view-board .search-view-list { display: block; max-height: 400px; overflow: auto; border: 1px solid #999999; border-bottom: none; } #search-view-board .search-view-list .search-view { height: 20px; border: none; border-bottom: 1px solid #999999; } #search-view-board .search-view-list .search-view .search-view-name { text-align: left; margin-left: 5px; } #search-view-board .search-view-list .search-view.search-view-visible { } #search-view-board .search-view-list .search-view.search-view-visible .search-view-visible-indicator { visibility: visible; } #search-view-board .search-view-header { font-weight: bold; text-align: center; padding: 5px 2px; } #search-view-board .search-view-actions { text-align: center; border-top: 1px solid #cccccc; padding: 10px 2px; } #search-view-board .search-view-actions A { margin: 2px 5px; } #search-wrapper .search-view-template { display: none; } .content-list .icons a { color: #999999; } /* ========== views.flags.css ========== */ .image-wrapper-cell .usage-prohibited-container, .image-wrapper .usage-prohibited-container, .pageoverview_linked .usage-prohibited-container { font-size: 50px; display:none; color:white; text-align: center; position:absolute; top: 0px; left: 0px; padding-top:50px; width:100%; height:100px; background-color:#ff0000; opacity:0.4; } .gallery2 .image-wrapper .usage-prohibited-container { padding-top:150px; height: 300px; } .pageoverview_linked .usage-prohibited-container { padding-top: 10px; height: 65px; } .usage-prohibited .image-wrapper-cell .usage-prohibited-container, .usage-prohibited .image-wrapper .usage-prohibited-container, .pageoverview_linked .usage-prohibited .usage-prohibited-container { display: block; } /* ========== views.pageoverview.css ========== */ .pageoverview_linked { margin: 0 0 0 5px; } .pageoverview_linked { text-align: left; } .pageoverview_linked li{ display: inline-block; vertical-align: middle; } .pageoverview_linked-picture { background-color: #e7e7e7; border: 1px solid #cccccc; width: 75px; height: 75px; /* float: left; */ margin: 3px; text-align: center; position: relative; } .pageoverview_linked-picture.document_data.article-active:hover, .pageoverview_linked-picture:hover { border: 1px solid #002F41; } .pageoverview_linked-picture.document_data.article-active { border: 1px solid #3192ec; } .pageoverview_linked-picture.primary { background-color: #FDFBD9; border: 1px solid yellow; } .pageoverview_linked-picture IMG { max-width: 100%; max-height: 100%; width: auto; height: auto; } .pageoverview_linked-picture SPAN.linked-picture-meta, .pageoverview_linked-picture SPAN.linked-picture-byline, .pageoverview_linked-picture SPAN.linked-picture-title, .pageoverview_linked-picture SPAN.linked-picture-initiator { display: none; } .change_storystatus_to .glyphicons { margin-right: 3px; vertical-align: text-top; } .pageoverview-storydetails .tags { float: left; margin: 5px 0 10px 0; } .pageoverview_linked-more { background-color: #e7e7e7; border: 1px solid #cccccc; width: 75px; height: 75px; /* float: left; */ margin: 3px; text-align: center; display: table; } .pageoverview_linked-more .more-wrapper { vertical-align: middle; display: table-cell; font-size: 10px; line-height: 12px; } .pageoverview_linked-more A { color: black; text-decoration: none; } .pageoverview_linked-more A:hover div { text-decoration: underline; } .story-contributor .contributor.locked, .pageoverview-contributor .contributor.locked { font-weight: bold; font-size: 12px; line-height: 16px; } .has-no-contributors .pageoverview-storydetails .pageoverview-contributor { display: none; } .has-no-contributors .pageoverview-storydetails .pageoverview-story { margin-right: 5px; } .pageoverview_linked-picture .image-wrapper .placeholder_html { font-size: 50px; padding-top: 12px; color: #555555; } /* ========== views.tasks.css ========== */ .tasksview_linked { margin: 0 0 0 25px; } .tasksview_linked li { display: inline-block; vertical-align: middle; } .tasksview_linked .glyphicons { color: white; margin: 5px; position: absolute; text-shadow: 1px 1px 1px black; } .content-list .task-wrapper.article { height: auto; } .tasksview_linked-picture IMG { height: auto; max-height: 75px; max-width: 75px; width: auto; } .task-label{ display: inline; font-size: 10px; padding: 1px 4px; font-weight: bold; text-transform: uppercase; } .content-list .task-infos LI { width: 19px; height: 19px; margin: 3px 0 0 3px; } .content-list .tasksview_linked .document_data.article-active { border: 1px solid #3192ec; } .content-list .li-task_view .default .image-wrapper-view-thumb { background-color: #e7e7e7; display: inline-table; float: left; height: 150px; margin: 0 10px; width: 150px; } .content-list .li-task_view .image-wrapper-view-thumb IMG { height: auto; margin: 0 auto; max-height: 150px; max-width: 150px; width: auto; } /* ========== views.thumb.css ========== */ .content-list .thumb1 .linked-picture:hover { border: 1px solid #002F41; } .content-list .thumb1 .linked-picture.document_data.article-active { border: 1px solid #3192ec; } .content-list .thumb1 .linked-picture { background-color: #e7e7e7; border: 1px solid #cccccc; width: 75px; height: 75px; float: left; margin: 5px; text-align: center; } .content-list .thumb1 .linked-picture IMG { max-width: 75px; max-height: 75px; width: auto; height: auto; } .content-list .thumb1 .status-view-thumb .article-ratings LI { border: none; float: left; margin: 0px; padding: 0px; } .content-list .thumb1 .status-view-thumb .article-ratings .handle-action { background-image: url("../images/wait18trans.gif"); background-position: -3px -2px; background-repeat: no-repeat; } .content-list .thumb1 .status-view-thumb .article-ratings .handle-action I { visibility: hidden; } .content-list .thumb1 .image-wrapper-view-thumb img { width: auto; max-width: 150px; } /* ========== wordpress.diff.css ========== */ /* used for plugin DCX_PlugIn_Wordpress_ProofOfConcept_Diff */ .diff-deletedline { color: red; } .diff-addedline { color: green; } .diff-context { color: grey; font-size: smaller; } .diff-deletedline del{ color: red; text-decoration: line-through; font-size: larger; } .diff-addedline ins{ font-size: larger; font-weight: bold; } /* ========== z.flatlayout.css ========== */ .content-header1, #TB_title, #tb-footer, #statusleiste-list, #tabs_nav LI A, #image-panel-footer { background: none; background-color: #eeeeee; } #TB_window { background: none; background-color: #f3f5f6; } .gradientbgrd { background-image: none; } #tabs_nav { background: none; background-color: #f3f5f6; } #pane-topbar { background: none !important; background-color: #005b82 !important; } #tabs_nav A:hover, #tabs_nav .selected A { background: none; background-color: #ffffff; } .perspective-topnav .sub .topbar-container { background-image: none; border-radius: 4px 4px 0px 0px; } .perspective-topnav { background-image: none; background-color: #eee; border-radius: 4px 4px 0px 0px; } #pane-topbar .perspective-topnav.active { background-image: none; background-color: #ffffff; } #generalactions { border-radius: 0 0 4px 4px; } .createnewlayer { border-radius: 0 0 4px 4px; } #usermenu_actions.actions { background: #005b82; border-radius: 0 0 0 4px; } .yui-skin-sam .yui-dialog .yui-button, .buttons-light .yui-button { background: none; background-color: white; } .yui-skin-sam .yui-dialog .yui-button-hover, .buttons-light .yui-button-hover { background-color: #dddddd; } .buttons-light .yui-button-checked { background-color: #eeeeee; } .buttons-light .yui-button.yui-button-checked BUTTON, .buttons-light .yui-button.yui-button-checked A { color: #2e8beb; } .buttons-light .yui-button BUTTON, .buttons-light .yui-button A { background-color: white; } .buttons-light .yui-button { } .button-group button:hover { background: none; } .buttons-light .yui-button BUTTON:hover, .buttons-light .yui-button A:hover { background-color: #eeeeee; } #pane-navigation LI .header-wrapper { background: none; background-color: #eeeeee; } #search-header .button-collapse, #search-header.closed .button-collapse, .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse, .yui-skin-sam .yui-layout .yui-layout-clip-right .collapse, .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 { background: none; font-family: "Glyphicons Regular"; color: black; } .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 { text-align: right; } .yui-skin-sam .yui-layout .yui-layout-unit.yui-layout-unit-right div.yui-layout-hd h2 { text-align: left; } .yui-skin-sam .yui-layout .yui-layout-unit #yui-gen3 div.yui-layout-hd h2:after { content: ""; /* chevron left */ } .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2:after { content: ""; /* chevron right; */ } .yui-skin-sam .yui-layout .yui-layout-clip-right .collapse, .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse, .yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse { background: none; font-size: 12px; } .yui-skin-sam .yui-layout .yui-layout-clip-right .collapse:before { content: ""; /* chevron right; */ } .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse:before { content: ""; /* chevron right; */ } #search-header .button-collapse:before { content: ""; /* chevron up */ } .yui-skin-sam .yui-layout .yui-layout-clip-right:hover .collapse, .yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd:hover .collapse, .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse, .yui-skin-sam .yui-layout .yui-layout-clip-left:hover .collapse, #search-header:hover .button-collapse, #search-header.closed:hover .button-collapse { background: none; color: #005b82; } #search-header.closed .button-collapse:before { content: ""; /* chevron down */ } .yui-skin-sam .yui-layout .yui-layout-clip { background-color: #eeeeee; border-top: 1px solid #eeeeee; } #page-login .content { border-radius: 4px; } .yui-skin-sam .yui-panel .hd { background-color: #005b82; }