PHP Classes

File: assets/css/common.css

Recommend this page to a friend!
  Classes of Java Mon   jframe   assets/css/common.css   Download  
File: assets/css/common.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: jframe
Process and dispatch requests using MVC pattern
Author: By
Last change:
Date: 7 years ago
Size: 3,894 bytes
 

Contents

Class file image Download
/* loader css */ .glyphicon-refresh-animate { /*display: none;*/ -animation: spin .7s infinite linear; -webkit-animation: spin2 .7s infinite linear; } /* loader default CSS */ @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} } @keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} } .dim { top: 54px; position: fixed; z-index: 900; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; } .loader { z-index: 9999; border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid gray; width: 80px; height: 80px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } /* mediaVeiwer css */ div.div_media_dim { display: none; top: 0; position: fixed; z-index: 900; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } div.div_media_contents { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-bottom: 200px; margin-right: 160px; width: auto; height: auto; display: flex; align-items: center; justify-content: center; z-index: 910; overflow: hidden; } div.div_media_info { position: absolute; top: 0; right: 0; width: 160px; height: 100%; background-color: black; z-index: 910; } div.div_media_info_header { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100px; /* ?? ?? ?? */ padding: 20px 10px 10px 10px; } div.div_media_info_body { padding: 10px 10px 10px 10px; position: absolute; top: 100px; /* ?? ?? ?? */ bottom: 0; left: 0; right: 0; height: auto; width: auto; color: white; overflow-y: auto; overflow-x: hidden; } .media_object { z-index: 950; max-width: 1000px !important; max-height: 60vh; } div.div_media_contents > table > tbody > tr > td:first-child, div.div_media_contents > table > thead > tr > th:first-child { /*background-color: #f3f3f3;*/ } #div_media_info_header > div > p, .media_object_text { color: #f3f3f3; } .btn_function_div { width: auto; height: auto; max-width: 100%; } .btn_function_div > a { width: 20px; height: 20px; float: left; margin: 5px ; background-color: white; display: flex; cursor: pointer; z-index: 2010; } .btn_function_div > a > span { z-index: 2010; cursor: pointer; margin: auto; color: black; } .show_media_contents { cursor: pointer; } .image_none { cursor: default !important; } div.thum_title_div { height: 20px; } div.thum_image_wrapper { margin-bottom: 15px; display: flex; width: 100%; height: 90px; align-items: center; justify-content: center; border: 1px solid #f3f3f3; border-radius: 5px; cursor: pointer; } div.thum_image_wrapper:hover { background-color: #f3f3f3; } div.thum_image_wrapper.active { border: 1px solid white !important; background-color: #4CC0AF !important; } img.thum_image { margin: auto; max-width: 120px; width: auto; height: auto; max-height: 80px; } div.expansion_div { display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1060; max-width: 100%; max-height: 100%; min-width: 100%; min-height: 100%; overflow: auto; background-color: black; } div.expansion_div > .expansion_object { margin: auto; } div.div_close_expansion { position: absolute; right: 10px; top: 10px; width: 26px; height: 30px; z-index: 1070; background-color: #f3f3f3; color: black; font-size: 25px; cursor: pointer; } div.div_close_expansion > .btn_close_expansion { color: black; }