Rekisteröidy

Ägplöö v1.9

Tyhmä-Antero
+ 1

/* Ägplöö v1.9 */ /* Termostaatin leiskan pohjalta muotoillut Antero */ /* Viimeisimmät fiksailut: Upotetun median kokoa kavennettu jotta ei työnnä muuta tavaraa oikean laidan yli. */ body { background-color: ##333 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 1.3em !important; line-height: 20px !important; padding: 0px !important; /* background-image: url(oman taustakuvan urli tähän) !important; */ } /* Body */ #main-body p { font-size: 1.1em !important; padding: 0px !important; } #main-body { border-radius: 0 !important; padding: 0px !important; margin-top: 10px; margin-left: 5px !important; margin-right: 15px; min-height: 100%; background: transparent !important; } /* Header eli sivun yläosan linkkialue ja headerimage */ #main-header { background-color:#bf0000 !important; width: 1000px !important; margin: 0px auto; color: #bf0000; height: 100px !important; background-image: url(https://i.imgur.com/pzrDGTE.jpg); background-position: 100% 100%; background-repeat: no-repeat; } .content-group { position: relative !important; top: 60px !important; font-size: 13px !important; } .media-group { position: relative !important; top: 60px !important; font-size: 13px !important; } .misc-group { position: relative !important; top: 60px !important; font-size: 13px !important; } .user-group { position: relative !important; top: -5px !important; font-size: 13px !important; float: none !important; left: 170px !important; } #main-header a { color:#fff; font-weight:bold; } /* Varsinainen sisältöalue */ #main-container { background-color: #d9f9ff !important; width:1000px !important; margin: 0px auto; } #main-container * { /* background: transparent !important; */ border: none; } .user-basic-info { background: transparent !important; border-width: 0px !important; width: 210px !important; margin: 0px !important; padding: 0px !important; } .info-item { font-weight: bold; } .info-item-value { font-weight: normal; } /* Tekstinsyöttölootat */ textarea { border: 1px solid #afafaf !important; width: 500px; height: 130px; background-color: #ebfbff !important; } input[type="text"] { border: 1px solid #afafaf !important; background-color: #f4fdff !important; } #media-search { width: 100%; padding: 0.5em; border-radius: 10px !important; border: 1px solid #afafaf !important; } #thread-search { padding: 0.5em; border-radius: 10px !important; border: 1px solid #afafaf !important; } .message-container a { font-size:smaller; 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; } /* Medioiden grid */ /* .medias { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,auto)); } */ /* Medioiden koko gridissä */ .medias img { width:200px; height:200px; object-fit: contain; transition: all .2s ease-in-out; } /* Media näkymän kuvagrid (sijoittuminen sivulle) */ .action-container { padding-top: 20px !important; } /* Medianäkymän kuvan reaktio kun hiiren vie päälle */ /* -medias img:hover { filter: none !important; transform: none !important; filter: drop-shadow(12px 12px 15px #000); transform: scale(1.1); } */ /* Youtube-upotuksen koko */ .youtube { width:260px; height:200px; } /* Preview-laatikko */ #preview { width: 480px !important; height: 200px !important; overflow: scroll !important; border: 5px solid #1795ac !important; border-radius: 10px !important; margin-top: 15px !important; margin-bottom: 15px !important; } /* Kommentti */ .message-container { font-size: 13px !important; } /* Kommentin header eli "Piilota", "poista" ym */ .message-header { font-size: 13px !important; } /* Kommentin lisäyspäiväys */ .date-added { font-size: 0.8em !important; } /* Kommentin editointipäiviys */ .date-edited { word-wrap: break-word !important; font-size: 0.8em !important; } /* Headerin navikointi eli "Keskustelu", "Kanavat" */ .channels-navi { margin-top: 40px !important; } /* Kommentin vasen marginaali eli kommentoijan kuva ja nimi */ .message-meta { width: 150px !important; } /* Kommentit erottava väliviiva */ tr, article, .status-update{ border-bottom: 1px solid #b2dce5 !important; } /* Toimintanäkymän toimintoja erottava väli */ hr { margin-top: 5px; margin-bottom: 5px; } /* Sonja/käyttäjä alasvetovalinta */ .message-edit-footer { font-size: 1em !important; } /* Painikkeiden muotoilu */ input[type="submit"] { border: 2px solid #008da9 !important; /* text-shadow: #01738a 0px -1px 0px; */ background-color: #a4dbe5 !important; border-radius: 3px !important; padding: 3px 10px 3px 10px; font-weight: normal; vertical-align: middle; background-repeat: repeat-x; background-position: center top; color: #000000; cursor: pointer; } /* Satunnaisten ketjujen blokki oikeassa marginaalissa*/ .feeds-items-container { display: block; padding-left: 3px; padding-bottom: 20px; margin-left: 3px; } /* Kuvan koko katselutilassa */ .media-file { width: 100% !important; margin: auto; } #new-status-update-form { width: 600px !important; margin-left: 5px !important; } /* Satunnaiset sivut ja hiljattain nähdyt käyttäjät blokki */ #feeds-container { position: relative !important; width: 300px !important; } /* Syötteet sivun tilapäivityslaatikko */ #status-update-input { min-width: 600px !important; max-width: 600px !important; } #message-submit, #status-update-input { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* Statuskokonaisuus otsikoineen */ .status-new { width: 600px !important; } /* Median katselunäkymän media-alue (media + kommentit */ .content-container { width: 647px !important; padding: 0px !important; } /* Median katselunäkymän oikean marginaalin kaikki härpäkkeet container */ #media-right-items-container { width: 290px !important; position: relative !important; } /* Median katselunäkymän oikean marginaalin kaikki härpäkkeet sisältö */ #media-right-items { width: 100% !important; /*position: relative !important; */ } /* Suureksi avatun median sulkemisrastin sijainti ja tyyli */ #mahti-modal-close { position: relative !important; top: 30px !important; font-size: 20px !important; } #mahti-modal-container { position: absolute !important; top: 130px !important; padding: 3px !important; z-index: 500 !important; overflow: auto !important; max-height: 500px !important; max-width: 100vw !important; } .feeds-container, .status-update, #media-right-items > div, .table-container, #site-info-wrappeer, .message-attachment { background: transparent !important; } .user-basic-info, #user-channels, table, #media-page-container > div > .media-page-content, #user-content, #channel-meta, #channel-content, .op-message, #channel-meta, #user-data-container, #media-content, #media-right-items, #media-box { background: transparent !important; } .message-meta { background: transparent !important; } .message-header { background: transparent !important; } #media-basic-info { background-color: #c2edf5 !important; } #thread-header, .message-meta, #op-info, .message-header, .attachment-container, #media-basic-info { background: transparent !important; } #channel-content-container { width: 80% !important; } #channel-meta { width: 190px !important; } #media-right-items > div > .action-container > .medias > a > img, #media-right-items > div > .action-container > .medias > a { max-width: 105px !important; max-height: 125px !important; display: inline-block !important; margin-top: 0px !important; } media-basic-info { font-size: 12px !important; } .status-message-container { font-size: 13px !important; } .message-text, .status-message, #user-description, #thread-container, #status-update, textarea { font-family: sans-serif !important; } #channel-avatar { max-width: 70% !important; } .menu-group { font-family: inherit !important; } #media-basic-info { font-size: 13px !important; font-family: inherit !important; } h1 { font-family: inherit !important; font-size: 20px !important; } #media-basic-info { background-color: #a4dbe5 !important; } #media-box { background-color: #a4dbe5 !important; } .media-navi { font-size: 0px; !important; } #main-navi { height: 87px; !important; } .status-message-container { line-height: 15pt !important; } #message-input { min-height: 150px !important; } /* Etusivun avatarthumbnailien koko */ .user-thumbnail { max-height: 4em !important; max-width: 4em !important; } /* Kommenttinäkymän avatarthumbnailien koko */ .message-meta-pic { max-height: 4em !important; max-width: 4em !important; } /* Tsättiboxin ominaisuudet*/ #feeds-chat-messages { max-height: 275px !important; } /* Medioiden leveydet kanavalla */ .embedded-media { min-width: 100% !important; min-height: 400px !important; } /* ------------ MOBIILI ------------ */ @media all and (max-device-width: 480px) { #main-navi { position: relative !important; top: 50px !important; font-size: 11px !important; } body { font-family: Arial, Helvetica, sans-serif !important; font-size: 1.5ex !important; line-height: 20px !important; } .content-group { position: relative !important; top: 5px !important; font-size: 13px !important; } .media-group { position: relative !important; top: 5px !important; font-size: 13px !important; } .misc-group { position: relative !important; top: 5px !important; font-size: 13px !important; } .user-group { position: relative !important; float: none !important; top: -40px !important; left: -300px !important; font-size: 13px !important; } .status-message-container { line-height: 15px !important; font-size: 30px !important; } /* Kommenttikenttä */ .message-container { font-size: 18px !important; } /* median yläpuolella olevat tiedot */ .fileinfo { font-size: 17px !important; } /* median alapuolella olevat toiminnot */ #media-actions { font-size: 20px !important; } }

[ 0 viestiä | ]