Tyyli 38

body { background-color: #f9ac00 !important; font-family: tahoma, verdana, arial, sans-serif; } #main-body p { font-size: 16px; } #main-header { background-color:#bf0000 !important; width:100% !important; margin: 0px auto; color: #bf0000; font-size: 14px; } #main-header a { color:#fff; font-weight:bold; font-size: 14px; } #main-container { background-color: #fff !important; width:100% !important; margin: 0px auto; } #main-container *, .user-basic-info { background: transparent !important; border-width:0px; font-size: 14px; } .info-item { font-weight: bold; font-size: 8px; } .info-item-value { font-weight: normal; font-size: 14px } textarea { border: 1px solid #afafaf !important; width:100%; height: 200px; font-size: 22px } #media-search { width: 100%; padding: 0.5em; border-radius: 10px !important; border: 3px solid #afafaf !important; font-size: 16px } #thread-search{ padding: 0.5em; border-radius: 10px !important; border: 2px solid #afafaf !important; } input[type="text"]{ border: 1px solid #afafaf !important; } #message-submit, #submitMessage{ border-radius: 5px !important; padding: 3px 5px 3px 5px; font-size: 20px; border: 1px solid #b20000; vertical-align: middle; text-shadow: #760000 0px -1px 0px; background-color: #b20000 !important; background-repeat: repeat-x; background-position: center top; color: #ffffff; cursor: pointer; } .message-container a { color:#aaa; padding: 0.3em; text-decoration: underline; } .message-container a:hover { color:#000; } .status-message-container{ max-height: 50vh !important; } .status-user a { font-weight:bold; } .status-actions a { color: #aaa; text-decoration: underline; font-size:smaller; } .status-update, article{ padding: 0.5em !important; } tr, article, .status-update{ border-bottom: 1px solid #eee !important; } #main-header, #main-container { min-width:800px; } .medias { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,auto)); } .medias img { width:200px; height:200px; object-fit: contain; transition: all .2s ease-in-out; } .medias img:hover { filter: drop-shadow(12px 12px 15px #000); transform: scale(1.1); }