#emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; } #office-content{ padding-top: 3em; } .documentslist { padding:5px; } .documentslist .add-document { display: inline-block; height: 200px; width: 200px; margin: 1em; vertical-align: top; } .add-document a { display: inline-block; position: relative; height: 200px; width: 98px; background-repeat: no-repeat; background-size: 64px; background-position: 18px; } .add-document .add { background-image: url('%webroot%/core/img/actions/add.png'); } .add-document .upload { background-image: url('%webroot%/core/img/actions/upload.png'); } .add-document label { position: absolute; bottom: 5px; width: 100%; color: white; text-shadow: 0 0 10px #000; text-align: center; } .documentslist .document { display: inline-block; height: 200px; width: 200px; margin: 1em; vertical-align: top; } .documentslist .session-active { position: relative; margin-left: 128px; margin-top: 128px; width: 32px; } .document a { display: block; position: relative; height: 200px; width: 200px; background-repeat: no-repeat; background-size: 64px; background-position: 68px; } .document label { position: absolute; bottom: 5px; width: 100%; color: white; text-shadow: 0 0 10px #000; text-align: center; } #odf_close{ float:left; } #odf_invite{ float:right; } #editor-content #mainContainer{ background-color: transparent; } #mainContainer #collaboration{ float:right;position: relative;z-index: 1; width: 70px;padding:5px; } #invite-block{ position: absolute; top:3em; margin-top:-3px; right:72px; padding: 10px; background-color: #ddd; } #invitee-list li{ padding: 5px 0 5px 20px; background: url('%webroot%/core/img/actions/delete.svg') 0 50% no-repeat; } #mainContainer{ position:absolute; }