2 lines
19 KiB
CSS
2 lines
19 KiB
CSS
/* Flashii.net Style Codename "Yuuno" */ @charset "utf-8";*{margin:0;padding:0}html{width:100%;height:100%}body{font:12px/20px Verdana,sans-serif;background:linear-gradient(180deg,#C2AFFE,#FBEEFF) left top no-repeat #FBEEFF;background-size:cover;color:#000;height:100%;position:relative;width:100%}#container{min-height:100%;position:relative;width:100%}#contentwrapper{padding-bottom:220px}@media (max-width:1033px){#contentwrapper{padding-bottom:230px}}@media (max-width:860px){#contentwrapper{padding-bottom:375px}}@media (max-width:510px){#contentwrapper{padding-bottom:380px}}@media (max-width:426px){#contentwrapper{padding-bottom:625px}}.clear{clear:both!important;float:none!important}.hidden{display:none!important;visibility:hidden!important}hr.default{border:0;height:1px;color:#9475B2;background:#9475B2}img{max-width:100%;max-height:100%}img.default-avatar-setting{max-width:200px;max-height:200px;border:3px solid #EEE;background:#EEE;box-shadow:0 3px 7px #888;border-radius:3px;margin:5px}img.homepage-menu-avatar{float:right;max-width:100px;margin-top:-25px;margin-right:0}@media (max-width:400px){img.homepage-menu-avatar{display:none}}.standalone img:not(:hover){max-width:100%}a.clean,a.no-underline,a.underline{color:inherit!important;text-decoration:none!important}a.underline:hover{text-decoration:underline!important}a.default{color:#22E;text-decoration:none}a.default:hover{color:#22E;text-decoration:underline}a.default:active{color:#E22;text-decoration:underline}a.gotop{display:inline-block;background:url(../img/arrow.png) #111;color:#FFF;width:60px;height:60px;border-radius:5px;text-decoration:none;opacity:.3;transition:opacity .5s,box-shadow .5s;margin:10px 5px;float:right;position:fixed;bottom:0;right:5px;z-index:2}a.gotop:hover{opacity:.8;box-shadow:0 0 1em #FFF inset}a.gotop:active{box-shadow:0 0 1em #FFF inset;opacity:.9}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0;display:none}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.notifications{position:fixed;top:5px;right:5px;z-index:3}.notifications div{min-width:200px;max-width:400px;background:rgba(0,0,0,.6);border:2px solid #306;border-radius:10px;padding:10px;color:#FFF;font-weight:700;margin:5px}.header{text-align:center;background:linear-gradient(180deg,#C2AFFE,#CCBAFE);box-shadow:0 0 5px #8364A1}.header .logo{background:0 0;height:auto;width:auto;display:inline-block;text-decoration:none;font:100 70px/80px "Segoe UI",sans-serif;color:#B06AC4;transition:color .2s,text-shadow .2s}.header .logo:after{content:"Flashii.net"}.header .logo:hover{color:#C17BD5;text-shadow:0 0 .1em #C17BD5}.header .logo:active{color:#A059B3;text-shadow:0 0 .1em #A059B3}@media (max-width:768px){.header .logo{font:100 50px/60px "Segoe UI",sans-serif}}.header .menu{border-bottom:2px solid #9475B2}.header .menu .menu-nav{text-align:left;float:left}.header .menu .menu-ucp{text-align:right;float:right}.header .menu .menu-mob{display:none}.header .menu .menu-item{margin:0 8px -2px;display:inline-block;min-width:75px;padding:5px;border-bottom:2px solid #8364A1;color:inherit;text-decoration:none;text-align:center;transition:border-color .5s,background .3s}.header .menu .menu-item.avatar{width:auto;padding-left:36px;background:url(../pixel.png) left center/contain no-repeat}.header .menu .menu-item:hover{border-color:#503180!important}.header .menu .menu-item:active{border-color:#503180!important;background-color:#503180!important}.header .menu .menu-donate:hover{border-color:#EE9400!important}.header .menu .menu-donate:active{border-color:#EE9400!important;background-color:#EE9400!important}@media (max-width:1120px) and (min-width:769px){.header .menu{border:0;padding-bottom:5px}.header .menu .menu-nav,.header .menu .menu-ucp{display:block;float:none;text-align:center}.header .menu .menu-item{min-width:120px;border:0;margin:0 8px}.header .menu .menu-nav .menu-item{min-width:120px;border-bottom:1px solid #8364A1}.header .menu .menu-ucp .menu-item{min-width:120px;border-top:1px solid #8364A1}}@media (max-width:768px){.header .menu .menu-nav,.header .menu .menu-ucp{float:none;text-align:center;display:none}.header .menu .menu-hid,.header .menu .menu-mob{display:block}.header .menu .menu-mob .menu-item{width:100px}.header .menu .menu-nav .menu-item,.header .menu .menu-ucp .menu-item{display:block;border-top:0;border-bottom:1px solid #8364A1;margin:0 8px}.header .menu .menu-nav:before{content:"Navigation";font-size:20px;line-height:40px}.header .menu .menu-ucp:before{content:"User Settings";font-size:20px;line-height:40px}}.footer{box-shadow:0 0 1em #9475B2;font-size:small;width:100%;padding-top:10px;padding-bottom:30px;background:linear-gradient(180deg,#9475B2 0,#FBEEFF 20%,#C2AFFE 100%) #C2AFFE;position:absolute;bottom:0}.footer .ftsections a{color:inherit;text-decoration:none}.footer .ftsections a:hover{text-decoration:underline}.footer .ftsections{margin:auto;text-align:center;width:95%;min-height:150px}.footer .ftsections .ftsection{vertical-align:top;text-align:left;display:inline-block;width:200px;list-style-type:none}.footer .ftsections .ftsection li{margin:2px}.footer .ftsections .ftsection li.fthead{margin-bottom:5px;font-weight:700}.footer .sections .copycentre{text-align:center;width:100%}.content{margin:10px auto;padding:2px 3px;width:1024px;border:1px solid #9475B2;box-shadow:0 0 3px #9475B2;border-radius:3px;background:#D3BFFF}.standalone{background:#C2AEEE;padding:10px;width:auto;max-width:1024px}.private-message{border-top:1px solid #C2AEEE}.markdown{font:12px/1.4 "Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif;word-wrap:break-word}.markdown a{color:#00F;text-decoration:none}.markdown a:hover{color:#00F;text-decoration:underline}.markdown a:active{color:red;text-decoration:underline}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{border-bottom:1px solid;padding-bottom:5px;font-weight:700}.markdown blockquote,.markdown dl,.markdown ol,.markdown p,.markdown pre,.markdown table,.markdown ul{margin-top:0;margin-bottom:16px}.markdown table{display:block;width:100%;overflow:auto;word-break:keep-all;border-collapse:collapse;border-spacing:0}.markdown table tr{border-spacing:0;border:1px solid #9475B2}.markdown table td,.markdown table th{padding:6px 13px;border:1px solid #9475B2}.markdown table tr:nth-child(even){background:#B19DDD}.markdown hr{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x;border:0;color:#CCC;height:4px;padding:0;margin:15px 0}.markdown blockquote{border-left:4px solid #9475B2;padding:0 15px;color:#555}.markdown blockquote>blockquote{margin-left:0}.markdown blockquote>:last-child{margin-bottom:0}.markdown pre{word-wrap:normal}.markdown .highlight pre,.markdown pre{background:#B19DDD;border:1px solid #9475B2;font-size:13px;line-height:19px;overflow:auto;padding:6px 10px;border-radius:3px}.markdown ol,.markdown ul{margin-left:40px}.markdown-raw{width:100%;margin-top:7px;text-align:center}.markdown-raw a{display:inline-block;margin:0 auto;border-radius:5px;background:#A08DDC;padding:8px 10px;box-shadow:inset 0 0 .5em #000;text-decoration:none;color:#000;transition:box-shadow .2s;min-width:200px}.markdown-raw a:active{box-shadow:inset 0 0 1em #000}.content-column{position:relative;min-height:600px}.content-left{float:left;width:688px}.content-right{float:right;width:334px}.content-left .head,.donate .head,.loginPage>.loginCont .head,.messages .head,.news .head{margin:-1px -2px;padding:4px 5px 5px;font-weight:700;font-size:20px;color:#306;background:linear-gradient(90deg,rgba(148,117,178,.7),rgba(148,117,178,0)) #C2AFFE;border-radius:2px}.content-right .head,.loginPage>.registerForm .head{margin:-1px -2px;padding:4px 5px 5px;font-weight:700;font-size:20px;color:#306;background:linear-gradient(270deg,rgba(148,117,178,.7),rgba(148,117,178,0)) #C2AFFE;border-radius:2px}.button{margin:0 0 3px;padding:7px 5px;text-align:center;border-radius:5px;font-weight:100;background:linear-gradient(180deg,#874399,#35245E) #874399;transition:text-shadow .25s;color:#FFF;font-size:16px;text-decoration:none;display:block}.button:hover{text-shadow:0 0 8px #F1F1F1;cursor:pointer}.content-right .registerbutton{background:linear-gradient(180deg,#874399,#35245E) #874399}.button.profileOption{width:auto!important}.news{min-height:0}.news-head{margin:-1px -2px;padding:4px;background:#C2AFFE;font-weight:700;display:block;font-size:17px;color:inherit;text-decoration:none}.news-rss{float:right}.news-body{font-size:10pt;padding:2px 0 0 3px}.news-post-time{font-size:8pt;padding:6px 15px;text-align:right;font-weight:700}.news-poster{margin-top:-20px;float:right;text-align:center;width:140px}.news-poster img{max-width:120px;max-height:120px}.news-poster h1{line-height:100%;margin:-5px 0 0}@media (max-width:768px){.news-poster{margin:0}}@media (max-width:400px){.news-poster{margin-top:10px;width:auto;padding:0 10px 0 0}.news-poster img{display:none}}h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",sans-serif;font-weight:100;margin:5px 0}h1.stylised{text-shadow:0 0 5px #8364A1;color:#614390}.homepage .content-right ul{margin:10px 0 10px 30px}.content.chat .head{margin:-1px -2px;padding:2px;font-weight:700;font-size:20px;color:#306;background:linear-gradient(270deg,rgba(148,117,178,.7),rgba(148,117,178,0)) #C2AFFE;border-radius:2px}.content.chat form{padding:10px}.content.chat form input[type=text],.content.chat form input[type=password]{height:18px;width:488px}.content.chat form :not(option){display:block;margin:1px auto;width:500px;padding:5px}.content.chat .loggedIn{text-align:center}.content.chat .loggedIn .userBox{padding:10px;line-height:330%;width:150px;height:180px;background:linear-gradient(180deg,#C2AFFE,#B19EED) left top/cover no-repeat #C2AFFE;margin:7px;border-radius:5px;text-align:center;box-shadow:0 0 .5em #000;display:inline-block;vertical-align:top;transition:box-shadow .2s}.content.chat .loggedIn .userBox:hover{box-shadow:0 0 1em #000;cursor:pointer}.content.chat .loggedIn .userBox:active{box-shadow:0 0 1.5em #609}.content.chat .loggedIn .userBox img{width:150px;height:150px;display:block;margin:0 auto}.content.chat .loggedIn .userBox .userBoxUserName{font-weight:700}.content.chat a{color:inherit}.profile .button{display:inline-block!important;padding:7px 16px}.profile .standingtable{border-collapse:separate;border-spacing:0}.profile .standingtable td{border-left:1px solid #9475B2;border-bottom:1px solid #9475B2;vertical-align:middle}.profile .standingtable td:first-child{border-left:0 none}.profile .standingtable tr:last-child td{border-bottom:0 none}.profile .standingtable tr:first-child td{background:#9475B2;padding:0 3px;font-weight:700}.profile .content-left{max-height:800px;overflow:auto}@media (max-width:1024px){.content{width:auto}.content .content-right{width:100%;min-height:0}.content .content-left{width:100%;min-height:0;border-top:1px solid #9475B2}}.settings .right-menu-nav>div{background:#C2AFFE;padding:4px;margin:-1px -2px;font-weight:700;display:block;font-size:17px}.settings .right-menu-nav>a{display:block;font-size:14px;line-height:25px;color:#22E;text-decoration:none;padding-left:10px}.settings .right-menu-nav>a:hover{color:#22E;text-decoration:underline}.settings .right-menu-nav>a:active{color:#E22;text-decoration:underline}.settings .settings-explanation{font-size:11px;line-height:18px;padding:7px;border-bottom:1px solid #C2AFFE;margin-bottom:7px}.settings .settings-table{width:100%}.settings .settings-table tr>th{font-size:17px;background:#C2AFFE;padding:4px;margin:-1px -2px;font-weight:700}.settings .settings-table tr>td{text-align:center}.settings .settings-table>tbody>tr:not(:last-child)>td{border-bottom:1px solid #C2AFFE}.settings .settings-table tr.current-session>td{background:#B39EED}.settings .profile-field{width:100%}.settings .profile-field>div:nth-child(2)>input{width:calc(100% - 16px)}.settings .profile-save{text-align:center;padding:10px}.settings .background-frame{max-width:600px;max-height:400px;border:3px solid #EEE;background:#EEE;box-shadow:0 3px 7px #888;border-radius:3px;margin:5px}.settings form{overflow:auto}.membersPage{width:100%;padding:10px 0;overflow:hidden;text-align:center}.membersPage a{color:inherit}.membersPage .groupBox,.membersPage .userBox{background:linear-gradient(180deg,#C2AFFE,#B19EED) left top/cover no-repeat #C2AFFE;margin:7px;border-radius:5px;text-align:center;box-shadow:0 0 .5em #000;display:inline-block;vertical-align:top;transition:box-shadow .2s}.membersPage .groupBox{padding:5px;font-size:15px;min-width:150px;text-shadow:0 0 1em #888}.membersPage .userBox{padding:10px;line-height:330%;width:200px;height:230px}.membersPage .groupBox:hover,.membersPage .userBox:hover{box-shadow:0 0 1em #000;cursor:pointer}.membersPage .groupBox:active,.membersPage .userBox:active{box-shadow:0 0 1.5em #609}.membersPage .userBox img{width:200px;height:200px;display:block;margin:0 auto}.membersPage .userBox .userBoxUserName{font-weight:700}.dropDown a{display:none}.dropDown .dropDownSelected{display:inline-block}.donate .sectionHeader{margin:-1px -2px;background:linear-gradient(270deg,rgba(148,117,178,.7),rgba(148,117,178,0),rgba(148,117,178,.7)) #C2AFFE;padding:2px;font-weight:700;font-size:15px;color:#306}.donate .featureParent{width:100%;padding:10px 0;overflow:hidden;text-align:center}.donate .featureBox{background:linear-gradient(180deg,#C2AFFE,#B19EED) left top/cover no-repeat #C2AFFE;margin:7px;border-radius:5px;text-align:center;box-shadow:0 0 .5em #000;display:inline-block;vertical-align:top;transition:box-shadow .2s;width:320px;padding:5px 0}.donate .featureBox:hover{box-shadow:0 0 1em #000;cursor:pointer}.donate .featureBox:active{box-shadow:0 0 1.5em #609}.donate .featureBoxHeader{font-weight:700;font-size:15px}.donate .featureBoxDesc{padding:1px 2px}.donate .featureBoxDesc.donateClosed{display:none}.donate .featureBoxDesc.donateOpened{display:block}.donate .paypal-donate-form{margin:10px auto;display:block;text-align:center}.messages>table{width:100%;border-spacing:0}.messages>.msg-inbox>thead>tr>td{font-weight:700;text-align:center}.messages>.msg-inbox>tbody>tr>td{border-bottom:1px solid #B19EED;border-top:1px solid #B19EED}.messages>.msg-inbox>*>tr>td{padding:0 4px}.messages>.msg-inbox>*>tr>td:first-child{width:150px;text-align:center}.messages>.msg-inbox>tbody>tr>td:first-child{border-left:1px solid #B19EED}.messages>.msg-inbox>*>tr>td:last-child{width:220px;text-align:center}.messages>.msg-inbox>tbody>tr>td:last-child{border-right:1px solid #B19EED}.messageFoldersContainer{text-align:center;padding:9px 0 0}.messageFoldersContainer>.messagesFolder{background:linear-gradient(180deg,#C2AFFE,#B19EED) left top/cover no-repeat #C2AFFE;margin:7px;border-radius:5px;text-align:center;box-shadow:0 0 .5em #000;display:inline-block;vertical-align:top;transition:box-shadow .2s;padding:5px;font-size:15px;min-width:150px;color:inherit;text-decoration:none}.messageFoldersContainer>.messagesFolder:hover{box-shadow:0 0 1em #000;cursor:pointer}.messageFoldersContainer>.messagesFolder:active{box-shadow:0 0 1.5em #609}input[type=submit].inputStyling,input[type=button].inputStyling{padding:3px 10px;cursor:pointer;border:0;border-radius:3px;background:linear-gradient(180deg,#9475B2 0,#9475B2 50%,#86A 50%) #9475B2;margin:4px 1px;color:#FFF;box-shadow:inset #222 0 0 1px;text-shadow:#888 0 0 2px;transition:text-shadow .5s,box-shadow .5s;font-size:22px;min-width:120px}input[type=submit].inputStyling:hover,input[type=button].inputStyling:hover{box-shadow:inset #222 0 0 3px;text-shadow:#F1F1F1 0 0 5px}input[type=submit].inputStyling:active,input[type=button].inputStyling:active{box-shadow:inset #222 0 0 5px;text-shadow:#F1F1F1 0 0 3px;transition:text-shadow .2s,box-shadow .2s}input[type=date].inputStyling,input[type=text].inputStyling,input[type=password].inputStyling,textarea.inputStyling{padding:3px 4px;border:1px solid #CCC;box-shadow:inset #DDD 0 0 5px;background:linear-gradient(180deg,#FFF 0,#EEE 50%,#E5E5E5 50%) #FFF}.loginPage{margin:0 auto;max-width:825px}.loginPage>.loginCont>*,.loginPage>.registerForm{text-align:center;margin:10px auto;padding:2px 3px;width:400px;border:1px solid #9475B2;box-shadow:0 0 3px #9475B2;border-radius:3px;background:#D3BFFF}@media (max-width:430px){.loginPage>.loginCont>*,.loginPage>.registerForm{width:300px}}.loginPage>.loginCont{float:left}.loginPage>.registerForm{float:right}@media (max-width:820px){.loginPage>.loginCont,.loginPage>.registerForm{float:none}}.loginPage .head{text-align:left}.loginPage>div>form>div>input{font-size:16px}.loginPage input[type=text],.loginPage input[type=password]{width:calc(100% - 16px)}.loginPage form>div>label{font-size:20px;font-weight:100;padding:0 5px;line-height:32px;color:#222;text-shadow:#888 0 0 3px}.loginPage .subLinks{font-size:10px}.loginPage .centreAlign{text-align:center}.loginPage .leftAlign{text-align:left}.recaptcha{text-align:center;width:334px;margin:0 auto}.recaptcha>.recaptcha_widget_form{border:1px solid #9475B2;display:inline-block;position:relative;left:1px}.recaptcha>.recaptcha_widget_form>#recaptcha_image{margin:0 auto;cursor:pointer}.recaptcha>.recaptcha_widget_form>#recaptcha_response_field{width:calc(300px - 10px)}.recaptcha>.recaptcha_widget_form{float:left}.recaptcha>.recaptcha_buttons{float:right;font-size:25px}.recaptcha>.recaptcha_buttons>a{height:26.9px;display:block;background:linear-gradient(270deg,#9475B2 0,#9475B2 50%,#86A 50%) #9475B2;padding:2px 6px 0 4px;margin-bottom:-2px;color:#306;text-shadow:0 0 1px #306;transition:text-shadow .5s}.recaptcha>.recaptcha_buttons>a:hover{text-shadow:#306 0 0 5px}.recaptcha>.recaptcha_buttons>a:active{text-shadow:#306 0 0 3px;transition:text-shadow .2s}.recaptcha>.recaptcha_buttons>a:first-child{border-top-right-radius:4px}.recaptcha>.recaptcha_buttons>a:last-child{border-bottom-right-radius:4px}@media (max-width:430px){.recaptcha{width:301px}.recaptcha>.recaptcha_widget_form{position:relative;left:-1px}.recaptcha>.recaptcha_buttons>a{display:inline-block;width:26.9px;background:linear-gradient(0deg,#9475B2 0,#9475B2 50%,#86A 50%) #9475B2}.recaptcha>.recaptcha_buttons>a:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}
|