Warning, /webapps/ocs-webserver/httpdocs/theme/react/assets/css/home-main-container.css is written in an unsupported language. File is not indexed.
0001 #home-main-container{display:flex;flex-wrap:wrap;display:-webkit-flex;-webkit-flex-wrap:wrap;list-style:none;margin:0;padding:0;font-family:Verdana,"Bitstream Vera Sans",Arial,Helvetica,Sans,"Bitstream Vera Serif";color:#706c64;font-size:8pt;line-height:16px}#home-main-container a{color:#444;text-decoration:none;cursor:pointer}#home-main-container .top{display:flex;flex:0 0 100%;color:#3D3D3E;padding-top:20px;min-height:250px;padding-bottom:20px;justify-content:center;border-top:1px solid #706C64}#home-main-container .top a{color:#2673b0;text-decoration:none;cursor:pointer}#home-main-container .top a:hover,#home-main-container .top a:focus{color:#23527c}#home-main-container .top .introduction{margin:0px;line-height:1.5;color:inherit;width:100%;text-align:center}#home-main-container .top .introduction .introduction-head{width:90%;max-width:1200px;display:block;margin:0 auto}#home-main-container .top .introduction .introduction-head .intro-menu{display:inline-block;width:100%;padding-bottom:5px}#home-main-container .top .introduction .introduction-head .intro-desc{width:550px;display:block;margin:0 auto}#home-main-container .top .introduction .introduction-head .intro-desc h1{font-size:28px}#home-main-container .top .introduction .introduction-head .intro-desc h4{font-size:18px}#home-main-container .top .introduction .introduction-head .intro-desc .lightbox{display:none;position:fixed;z-index:999;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8)}#home-main-container .top .introduction .introduction-head .intro-desc .lightbox img{max-width:90%;max-height:80%;margin-top:2%}#home-main-container .top .introduction .introduction-head .intro-desc .lightbox:target{outline:none;display:block}#home-main-container .top .introduction .introduction-head .intro-desc .lightbox-container{color:#333;max-width:480px;margin:60px auto 0 auto;background:#fff;padding:40px;border-radius:6px;background:#fff url(../img/home/opendesktop-logo-mono.png) no-repeat 280px center}#home-main-container .top .introduction .introduction-head .intro-desc .lightbox-container h2{text-align:left}#home-main-container .top .introduction .introduction-head .intro-desc .lightbox-container ul li{padding:0;width:auto;float:none;text-align:left}#home-main-container .top .introduction .introduction-head .intro-desc .lightbox-container ul li:before{content:" ";display:inline-block;width:12px;height:6px;background:#D1D3DF;margin-right:12px;margin-bottom:4px;border-radius:4px}#home-main-container .top .introduction .introduction-head ul{list-style:none;padding-left:0px;font-size:20px;width:100%}#home-main-container .top .introduction .introduction-head ul li{padding:15px;display:block;color:#706C64;width:50%;float:left;text-align:center;padding-bottom:0px}#home-main-container .top .introduction .introduction-head ul li .showmore{font-size:18px}#home-main-container .top .introduction .introduction-head ul li a{display:block;width:100%;font-size:1.5rem}#home-main-container .top .introduction .introduction-head ul li a:hover{opacity:.8}#home-main-container .top .introduction .introduction-head ul li span.link-image{padding-top:34px;padding-bottom:34px;display:block;cursor:pointer;background-repeat:no-repeat;background-size:cover;border-radius:6px;color:#fff;font-size:1.4rem;font-weight:bold;text-decoration:none;text-shadow:2px 4px 4px rgba(0,0,0,0.6)}#home-main-container .top .introduction .introduction-head ul li span.link-code{background-image:url(../img/home/code-block-background.jpg)}#home-main-container .top .introduction .introduction-head ul li span.link-publish{background-image:url(../img/home/publish-block-background.jpg)}#home-main-container .top .introduction .introduction-head ul li span.link-community{background-image:url(../img/home/community-block-background.jpg)}#home-main-container .top .introduction .introduction-head ul li span.link-personal{background-image:url(../img/home/personal-block-background.jpg)}#home-main-container .top .introduction .introduction-head ul li .arrowbox{position:relative}#home-main-container .top .introduction .introduction-head ul li .arrowbox:after,#home-main-container .top .introduction .introduction-head ul li .arrowbox:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#home-main-container .top .introduction .introduction-head ul li .arrowbox:after{border-color:rgba(136,183,213,0);border-top-color:#F7F7F7;border-width:20px;margin-left:-20px}#home-main-container .top .introduction .introduction-head ul li .arrowbox:before{border-color:rgba(194,225,245,0);border-top-color:#F7F7F7;border-width:26px;margin-left:-26px}#home-main-container .top .introduction .introduction-detail{display:block;width:100%;clear:both;background:url(../img/home/showmore-bg-light-2.jpg) #f2f2f2;background-repeat:repeat;background-size:auto;background-repeat:no-repeat;border:0;font-size:1.25rem !important;margin:0;font-weight:400 !important;line-height:1.5;text-rendering:optimizelegibility}#home-main-container .top .introduction .introduction-detail .detail{min-height:200px;width:90%;max-width:1200px;min-height:270px;display:block;margin:0 auto;padding:60px 0;animation:fadeEffect 1s;position:relative}#home-main-container .top .introduction .introduction-detail .detail h2{font-size:3.8rem;margin:.2em 0}#home-main-container .top .introduction .introduction-detail .detail a{color:#1F95EA;display:block;font-size:1.4rem}#home-main-container .top .introduction .introduction-detail .detail .icon-container{display:block;float:left;margin-right:48px}#home-main-container .top .introduction .introduction-detail .detail .icon-container .icon{background-size:140px;background-repeat:no-repeat;width:140px;height:140px}#home-main-container .top .introduction .introduction-detail .detail .description{text-align:left;margin-left:120px;font-size:2rem !important;line-height:1.5}#home-main-container .top .introduction .introduction-detail .detail .arrow-down{background:url(../img/home/indicator-arrow.png) no-repeat;width:56px;height:26px;position:absolute;top:0;-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}#home-main-container .top .introduction .introduction-detail .detail-code .icon{background-image:url(../img/home/code-icon-rnd.png)}#home-main-container .top .introduction .introduction-detail .detail-code .arrow-down{left:125px}#home-main-container .top .introduction .introduction-detail .detail-publish .icon{background-image:url(../img/home/publish-icon-rnd.png)}#home-main-container .top .introduction .introduction-detail .detail-publish .arrow-down{left:425px}#home-main-container .top .introduction .introduction-detail .detail-community .icon{background-image:url(../img/home/community-icon-rnd.png)}#home-main-container .top .introduction .introduction-detail .detail-community .arrow-down{left:725px}#home-main-container .top .introduction .introduction-detail .detail-personal .icon{background-image:url(../img/home/personal-icon-rnd.png)}#home-main-container .top .introduction .introduction-detail .detail-personal .arrow-down{left:1025px}#home-main-container .top .personal-container-top{text-align:center}#home-main-container .top .personal-container-top .userinfo{text-align:center}#home-main-container .top .personal-container-top .userinfo .image-profile{border-radius:999px;width:100px;height:100px}#home-main-container .top .personal-container-top ul#personal-links-container{list-style:none}#home-main-container .top .personal-container-top ul#personal-links-container li{height:auto;width:86px;border:1px solid white;margin:5px 20px 10px 20px;float:left;box-sizing:border-box}#home-main-container .top .personal-container-top ul#personal-links-container li a{display:block;width:100%;padding:0;height:auto;float:left}#home-main-container .top .personal-container-top ul#personal-links-container li a:hover{background-color:white }#home-main-container .top .personal-container-top ul#personal-links-container li a .icon{width:55px;height:55px;margin:5px auto;background-size:50px;background-position:center center;background-repeat:no-repeat;width:100%}#home-main-container .top .personal-container-top ul#personal-links-container li a span{float:left;width:100%;text-align:center;display:block;color:rgba(0,0,0,0.87);font-size:13px}#home-main-container .top .personal-container-top ul#personal-links-container li a:active{background-color:white}#home-main-container .top .personal-container-top ul#personal-links-container li#docs-link-item a .icon{background-image:url(../img/logo-docs.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#storage-link-item a .icon{background-image:url(../img/logo-storage.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#messages-link-item a .icon{background-image:url(../img/pms.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#contacts-link-item a .icon{background-image:url(../img/logo-contacts.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#mail-link-item a .icon{background-image:url(../img/secure-mail.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#maps-link-item a .icon{background-image:url(../img/map.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#mastodon-link-item a .icon{background-image:url(../img/logo-mastodon.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#calendar-link-item a .icon{background-image:url(../img/logo-calendar.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#music-link-item a .icon{background-image:url(../img/logo-music.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#chat-link-item a .icon{background-image:url(../img/chat.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#pling-link-item a .icon{background-image:url(../img/logo-pling.png);background-size:45px}#home-main-container .top .personal-container-top ul#personal-links-container li#opencode-link-item a .icon{background-image:url(../img/logo-opencode.png);background-size:45px}#home-main-container .middle{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:1420px;margin:0 auto}#home-main-container .middle .placeholder{width:25%;margin:0px 5px 5px 0}#home-main-container .middle .panelContainer{border:1px solid #ccc;border-radius:5px;background-image:url(../img/home/back3.jpg);padding:8px;margin:0px 5px 5px 0;width:320px}#home-main-container .middle .panelContainer div.title{font-size:11pt;font-weight:bold;border-bottom:1px solid #ccc;height:20px;padding-left:5px;margin-bottom:10px;color:#888888;font-size:9pt}#home-main-container .middle .panelContainer .chatUser{width:100%;display:inline-block;min-height:45px;line-height:42px;padding-left:15px}#home-main-container .middle .panelContainer .chatUser img{width:42px;height:42px;border-radius:100%;display:block;float:left}#home-main-container .middle .panelContainer .chatUser .name{margin-left:50px;display:block}#home-main-container .middle .panelContainer ul,#home-main-container .middle .panelContainer ol{list-style:none;padding-left:5px}#home-main-container .middle .panelContainer ul li,#home-main-container .middle .panelContainer ol li{padding:5px 0px}#home-main-container .middle .panelContainer ul li.chatMember a,#home-main-container .middle .panelContainer ol li.chatMember a{font-size:9pt;font-weight:bold}#home-main-container .middle .panelContainer ul li .productrow,#home-main-container .middle .panelContainer ol li .productrow{padding-bottom:5px;padding-top:5px;font-size:small}#home-main-container .middle .panelContainer ul li .productrow .rating,#home-main-container .middle .panelContainer ol li .productrow .rating{width:60px}#home-main-container .middle .panelContainer ul li .productrow .time,#home-main-container .middle .panelContainer ol li .productrow .time{font-size:smaller}#home-main-container .middle .panelContainer ul li .productrow .cntComments,#home-main-container .middle .panelContainer ol li .productrow .cntComments{font-size:smaller;display:block;padding-top:5px}#home-main-container .middle .panelContainer ul li .productrow .defaultProjectAvatar,#home-main-container .middle .panelContainer ol li .productrow .defaultProjectAvatar{width:50px;height:50px;color:#3B658A;line-height:50px;text-align:center;background-color:#e8eaf6}#home-main-container .middle .panelContainer ul li .productrow .productimg,#home-main-container .middle .panelContainer ol li .productrow .productimg{width:50px;height:50px}#home-main-container .middle .panelContainer ul li .productrow .product-user,#home-main-container .middle .panelContainer ol li .productrow .product-user{width:42px;height:42px;border-radius:100%}#home-main-container .middle .panelContainer ul li .productrow .commenttext,#home-main-container .middle .panelContainer ol li .productrow .commenttext{padding-left:20px}#home-main-container .middle .panelContainer ul li .productrow .product-info span,#home-main-container .middle .panelContainer ol li .productrow .product-info span{display:block;float:left;width:100%;line-height:14px;height:auto}#home-main-container .middle .panelContainer ul li .productrow .product-info span.product-info-title,#home-main-container .middle .panelContainer ol li .productrow .product-info span.product-info-title{color:#444444;font-size:10pt;font-weight:bold;display:block}#home-main-container .middle .panelContainer ul li .productrow .product-info span.product-info-date,#home-main-container .middle .panelContainer ol li .productrow .product-info span.product-info-date{padding-top:10px}#home-main-container .middle .panelContainer ul li .productrow .product-info span.product-info-user,#home-main-container .middle .panelContainer ol li .productrow .product-info span.product-info-user{color:#666}#home-main-container .middle .panelContainer ul li .productrow .score-info,#home-main-container .middle .panelContainer ol li .productrow .score-info{text-align:center;width:80%}#home-main-container .middle .panelContainer ul li .productrow .score-info .score-number,#home-main-container .middle .panelContainer ol li .productrow .score-info .score-number{width:100%;text-align:center;margin-bottom:0px;font-size:8pt}#home-main-container .middle .panelContainer ul li .productrow .score-info .score-bar-container,#home-main-container .middle .panelContainer ol li .productrow .score-info .score-bar-container{width:100%;height:10px;background:#ccc;margin-bottom:5px}#home-main-container .middle .panelContainer ul li .productrow .score-info .score-bar-container .score-bar,#home-main-container .middle .panelContainer ol li .productrow .score-info .score-bar-container .score-bar{height:9px;background-color:#30c830;border-bottom:1px solid #2bb32b}#home-main-container .middle .panelContainer ul li .cm-content,#home-main-container .middle .panelContainer ol li .cm-content{min-height:60px}#home-main-container .middle .panelContainer ul li .cm-content .cm-userinfo,#home-main-container .middle .panelContainer ol li .cm-content .cm-userinfo{float:right;width:80px;text-align:center;padding:3px}#home-main-container .middle .panelContainer ul li .cm-content .cm-userinfo img,#home-main-container .middle .panelContainer ol li .cm-content .cm-userinfo img{width:42px;height:42px;border-radius:100%}#home-main-container .middle .panelContainer ul li .cm-content .cm-userinfo .username,#home-main-container .middle .panelContainer ol li .cm-content .cm-userinfo .username{display:block;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:small}#home-main-container .middle .panelContainer ul li .title,#home-main-container .middle .panelContainer ol li .title,#home-main-container .middle .panelContainer ul li .info-row,#home-main-container .middle .panelContainer ol li .info-row{display:block;width:100%;color:#777777}#home-main-container .middle .panelContainer ul li .title,#home-main-container .middle .panelContainer ol li .title{color:#444444;font-size:10pt;font-weight:bold}#home-main-container .middle .panelContainer ul li .content,#home-main-container .middle .panelContainer ol li .content{font-size:13px;line-height:1}#home-main-container .middle .panelContainer ul li .info-row span.comment-counter,#home-main-container .middle .panelContainer ol li .info-row span.comment-counter{float:right}#home-main-container .middle .panelContainer ul li+li,#home-main-container .middle .panelContainer ol li+li{border-top:1px solid #ccc}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@media only screen and (min-width:576px){.arrow-down{display:none}}@media only screen and (min-width:768px){.arrow-down{display:none}}@media only screen and (min-width:992px){#home-main-container .top .introduction .introduction-head ul li{width:25%}.arrow-down{display:block}}@media only screen and (min-width:1200px){#home-main-container .top .introduction .introduction-head ul li{width:25%}.arrow-down{display:block}}