Téma: AA Háttér megváltoztatása: Végtermék!
Offline
|
|
Na, hát én is próbálkoztam összehá-...dobni valamit. Mivel dunsztom sem volt, mit csinálok, urzu_se7en kódjából indultam ki hátha megértem mit csinált... Ennyire futotta, bár sokáig tököltem a háttérképpel is, mert nem tudtam, hogy kell képernyőhöz igazítani a nagyobb felbontást...
Nem változtattam sokat, a háttér a betűméret és a menüsor színe egy picit. SPOILER! |
|
2016.06.06 10:50 / utoljára módosítva: 2016.06.06 10:56 00 / | |
|
|
GabrielRex írta: Amúgy a Chrome csak nálam nem fogad el elérési helyet? Nekem linket kell megadni a képekhez. |
|
2016.06.06 11:02 00 / | |
|
|
Igen, jómagam is szenvedtem mire a másik topicban rájöttünk, hogy a chrome ennyire 'buta'. Nyilván ami nincs fent a neten azt nem tudja leellenőrizni ezért letiltja. Ezt csak megtapsolni lehet:
Jók ezek az áttetsző div-ek egyébként, bár én inkább megvárom amíg a rókában és chrome alatt is lesz backdrop-filter, na akkor lesz az igazán szép. |
|
2016.06.06 12:47 00 / | |
|
|
Végül dobtam a témát amit csináltam, mert pont a lényege volt az ami miatt végül nem volt jó: fárasztotta a szemem. Ezért helyette összedobtam egy matt sötétszürkét magamnak:
Több prt_sc: SPOILER! CSS Code, ha Te is szeretnéd netán használni (Firefox alatt jól mükszik, Chrome-nál 1-2 helyen nem stimmel de ott is jó): SPOILER! /** * AnimeAddict_Dark_Gray_Theme * ZeroProcess : 2016.06.08. */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("animeaddicts.hu") { /* ALAP FORMÁZÁSOK *************************************************************************************************** **********************************/ body { padding-top: 50px; background: rgb(46,46,46); color: #FEFEFE; } a { color: rgb(210,210,210); } #right .box h1 a, #right .box h1 { color: #FEFEFE; } .pagecount a, .forum-t .pagecount a { background: rgb(35,35,35); color: #FEFEFE; } .pagecount a:hover, .forum-t .pagecount a:hover { background: rgb(100,100,100); } em{ color: rgb(140,140,140); } form em { color: #FEFEFE; } textarea,input,select, .chosen-input { background: rgb(35,35,35); color: #FEFEFE; } .chosen-input, .chosen-button, .chosen-checkbox/*, .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-single .chosen-single span*/ { background: rgb(35,35,35); color: #FEFEFE; } #cover_dummy { background-image: url("./theme/icons/file_24.png") no-repeat scroll 5px 4px; background: rgb(35,35,35) !important; color: #FEFEFE !important; } textarea:focus, input:focus { border:1px solid rgb(50,50,50); background-color: rgb(100,100,100) !important; } .chosen-input:focus, .chosen-checkbox:focus { border:1px solid rgb(50,50,50); background-color: rgb(100,100,100);} textarea:disabled,input:disabled { border:1px solid rgb(50,50,50); background-color: rgb(100,100,100) !important;} /* TEMPLATE ELEMEK FORMÁZÁSA *************************************************************************************************** ************************/ #top, #top a { color: #CCD4DC; } #login div{ background: rgb(60,60,60); border:1px solid rgb(150,150,150);} #login img.avatar{ border:1px solid rgb(150,150,150); } #login-form #login_name, #login-form #login_password, #login-form #login_submit { background-color: rgb(90,90,90); color: #FEFEFE; } #login div.button:hover { background-color: rgb(90,90,90); } #online { border-left:1px solid rgb(150,150,150); border-right:1px solid rgb(150,150,150); } #search #search-text { border-top:1px solid rgb(150,150,150); border-left:1px solid rgb(150,150,150); border-bottom:1px solid rgb(150,150,150); background: rgb(60,60,60); } #search #search-send { border:1px solid rgb(150,150,150); background: rgb(60,60,60); } /* MENÜ *************************************************************************************************** *********************************************/ #menu-container { z-index: 10000; position: fixed; top: 0px; width: 100%; margin: auto; background: rgb(85,85,85); } #menu li { border-right:1px solid rgb(150,150,150); color: #FEFEFE; } #menu li a { color: #FEFEFE; } #menu ul li ul { border: 1px solid rgb(150,150,150); background: rgb(85,85,85); } #menu ul li ul li { background:rgb(85,85,85); border-bottom:1px solid rgb(150,150,150); } #menu ul li span:hover, #menu ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); box-shadow: 0px 0px 4px 1px rgb(200,200,200); border-right: 1px solid #FEFEFE; } #menu ul li ul li:hover, #menu ul li ul li a:hover, #menu ul li ul li ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); } #headerpic { background: rgb(60,60,60); } #bottom-menu { color: rgb(210,210,210); background-color: rgb(85,85,85); } #bottom-menu li { background: rgb(35,35,35); border:1px solid rgb(100,100,100); } #bottom-menu li:hover { background: rgb(70,70,70); } #bottom-menu li:hover a{ color: rgb(210,210,210); } ul#slide_projects_nav li { background: rgb(185,185,185); } .search table tr td { background: rgb(180,180,180); border: 1px solid rgb(85,85,85); } .search table tr td a{ color: rgb(35,35,35); } .search table tr:hover td { background: rgb(150,150,150)!important;}/*!!*/ table.forum-t tr td { background: rgb(90,90,90); } table.forum-t tr:hover td { background: rgb(55,55,55) !important; } table.forum-t tr td strong { color: #FEFEFE; } /* BOX-ok *************************************************************************************************** *******************************************/ div.box { background-color: rgb(60,60,60); border:1px solid #999; } div.box .headline,div.box .headline2 { background: rgb(100,100,100); } div.box .headline3, div.colorbox .headline3 { background: rgb(160,160,160); color: rgb(55,55,55);} div.box .headline3 a { color: rgb(55,55,55); } div.box table td.headline4,div.box table td.headline4:hover { background: rgb(160,160,160); } div.headline2 ul.tabs li { border-bottom:5px solid rgb(180,180,180); } div.headline2 ul.tabs li.active { border-bottom:0; border-top:5px solid rgb(180,180,180); } div.box ul { color: rgb(180,180,180); } div.box h1, div.box h1 a{ color: rgb(40,40,40); } div.box h2 a { color: rgb(70,70,70); } div.box h2 { color: rgb(55,55,55); } div.titlebox { background: rgb(125,125,125); color: rgb(55,55,55);} div.titlebox h1 { color: rgb(240,240,240); } div.titlebox ul li#button_selected,div.titlebox ul li.button_selected { background: rgb(85,85,85); color:#FEFEFE !important; } div.titlebox li { color: rgb(45,45,45) !important; } div.titlebox li:hover { background: rgb(105,105,105); } div.colored-div { background-color:#FEFEFE !important; } .news-footer div.colored-div a { color: rgb(30,30,30); } div.box .content-rounded ul { color: rgb(140,140,140); } div.titlebox ul li a { color: #FEFEFE; } table.noborder { background: transparent !important; } div.box table td.function{ background: rgb(100,100,100); } div.box table tr:hover td.function { background: rgb(100,100,100) !important; } table.list tr td { background: rgb(90,90,90); } table.list tr td h1, table.list tr td h1 a { color: rgb(210,210,210); } table.list tr td.dataonly { background-color: rgb(110,110,110); border:1px solid #F1F1F1; } table.list tr td.dataonly2 { background-color: rgb(110,110,110) ; border:1px solid #F1F1F1; } table tr:hover td { background: rgb(55,55,55) !important; }/*!!*/ table tr:hover td.headline, table tr:hover td.headline2, table tr:hover td.headline3{ background: rgb(160,160,160) !important; } /*!!*/ table.noborder tr td h1, table.noborder tr td h1 a { color: rgb(210,210,210); } table.noborder tr td.headline3 h1, table.noborder tr td.headline3 h1 a { color: rgb(40,40,40); } /* Gombok *************************************************************************************************** ******************************************/ div.mylist { background: rgb(90,90,90);} div.mylist:hover { background: rgb(130,130,130);} div.active { background: rgb(130,130,130); } /* Thumb *************************************************************************************************** ********************************************/ .thumb2 { border:1px solid rgb(100,100,100); background-color: rgb(120,120,120); } /* Fórum tábla *************************************************************************************************** **************************************/ div.box table.noborder td.right[id^="post_"]{ background: rgb(110,110,110) !important; } button.forum{ color: rgb(210,210,210); background-color: rgb(85,85,85); } button.forum a { color: rgb(170,170,170); } .quote,.forum-box,.forum-box2,.spoiler { background-color: rgb(130,130,130); color: rgb(20,20,20);} .quote ul,.forum-box ul,.forum-box2 ul,.spoiler ul { color: rgb(30,30,30)!important; } .spoiler span { color: rgb(40,40,40) !important; text-transform: uppercase; } /* Chat *************************************************************************************************** *********************************************/ #chat-text, #chat-user { background: transparent !important; } #chat-user div .box a h1{ color: rgb(210,210,210); } .chatbox .box{ background-color: rgb(60,60,60) !important; color: #FEFEFE !important; } .chatbox .box div h1 a { color: rgb(210,210,210); } /* Tooltip *************************************************************************************************** ******************************************/ #dhtmltooltip, .tooltip { padding: 10px; border: 1px solid rgb(150,150,150); border-radius: 4px; background: RGBA(80, 80, 80, 0.8);} #dhtmltooltip strong, .tooltip strong { color: #FEFEFE; } .tooltip2 { background: transparent !important; } /* Naptár *************************************************************************************************** *******************************************/ .naptar span { border:1px solid rgb(100,100,100); background-color: rgb(190,190,190); color:#000; } .naptar span.head { color: rgb(180,180,180); } /* Hírek *************************************************************************************************** ********************************************/ .newspager { background: rgb(110,110,110); color:#FFF; } .news-footer div { background: rgb(120,120,120); } /* Statisztikai csík *************************************************************************************************** ********************************/ .stat-horizontal { background: linear-gradient(to bottom, rgb(200, 200, 200) 0%, rgba(50,50,50,1) 100%); } .stat-horizontal2 { background: linear-gradient(to bottom, rgb(200, 200, 200) 0%, rgba(50,50,50,1) 100%); } /* Fülek *************************************************************************************************** ********************************************/ div.search table { border-left:6px solid rgb(180,180,180); } div.search .headline2 { border-left:6px solid rgb(180,180,180); } div.search .headline3,div.search .headline3:hover { border-left:6px solid rgb(180,180,180); } div.search .content-rounded { border-left:6px solid rgb(180,180,180); } div.colored-div { background-color: rgb(180,180,180); } /* Vegyes *************************************************************************************************** *******************************************/ strong { color: rgb(40,40,40); } #right .box p strong, td strong { color: rgb(200,200,200); } .icon, .description, .topicdb, .lastpost { background-color: rgb(90,90,90) !important; color: #FEFEFE; } .description span, .description h1, .topicdb h1, .lastpost h1, .description a, .topicdb a, .lastpost a { color: #FEFEFE !important; } table tr:hover td.icon, table tr:hover td.description, table tr:hover td.topicdb, table tr:hover td.lastpost{ background: rgb(55,55,55) !important; } div.box table td.sticked { background: rgb(115,115,115); } .teambox { background: rgb(110,110,110); } #ot4-data table.noborder tr td { background: rgb(80,80,80); color: #FEFEFE; } /*div, table, td, ul, li, a, input, select, button, img { border-radius: 2px !important; }*/ } |
|
2016.06.08 13:53 00 / | |
|
|
Mivel zavart, hogy az újdonságoknál van hogy ugyan azon animéhez tartozó spoiler meg fordítás fórum nincs megkülönböztetve, ha hosszú az anime neve így megcsináltam magamnak, hogy legyen eltérés, ne csak e 2 dolog között:
lila - AA projekt fórum hozzászólás (új/befejezett-felfüggesztett/várható) zöld - Befejezett fordítások fórum hozzászólás (manga/dráma/LN/VN) piros - spoiler fórum hozzászólás kék - ismertető fórum hozzászólás (anime/manga/dráma/LN/VN/játék) fekete - piac fórum hozzászólás a többi nem kapott különösebb színt. Alap téma esetén így néz ki: Kód: SPOILER! /*AA projekt fórum hozzászólás (új/befejezett-felfüggesztett/várható)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.37"], #ot1-forum ul li a[href^="forum.php?viewtopic.43"], #ot1-forum ul li a[href^="forum.php?viewtopic.77"]{ color: purple; } /*Befejezett fordítások fórum hozzászólás (manga/dráma/LN/VN)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.62"], #ot1-forum ul li a[href^="forum.php?viewtopic.118"], #ot1-forum ul li a[href^="forum.php?viewtopic.109"], #ot1-forum ul li a[href^="forum.php?viewtopic.65"]{ color: green; } /*spoiler fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.45"]{ color: red; } /*ismertető fórum hozzászólás (anime/manga/dráma/LN/VN/játék)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.41"], #ot1-forum ul li a[href^="forum.php?viewtopic.56"], #ot1-forum ul li a[href^="forum.php?viewtopic.101"], #ot1-forum ul li a[href^="forum.php?viewtopic.91"], #ot1-forum ul li a[href^="forum.php?viewtopic.57"], #ot1-forum ul li a[href^="forum.php?viewtopic.90"]{ color: blue; } /*piac fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.119"]{ color: black; } Ha valaki az én szürke témámat használja ahhoz egy picit más árnyalatú színek kellenek: Kód: SPOILER! /*AA projekt fórum hozzászólás (új/befejezett-felfüggesztett/várható)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.37"], #ot1-forum ul li a[href^="forum.php?viewtopic.43"], #ot1-forum ul li a[href^="forum.php?viewtopic.77"]{ color: /*rgb(153, 153, 255);/*/rgb(204, 170, 204);/*rgb(191, 64, 191);/*green;*/ } /*Befejezett fordítások fórum hozzászólás (manga/dráma/LN/VN)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.62"], #ot1-forum ul li a[href^="forum.php?viewtopic.118"], #ot1-forum ul li a[href^="forum.php?viewtopic.109"], #ot1-forum ul li a[href^="forum.php?viewtopic.65"]{ color: rgb(46, 200, 46);/*green;*/ } /*spoiler fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.45"]{ color: rgb(255, 182, 182);/*rgb(255, 51, 51);*/ } /*ismertető fórum hozzászólás (anime/manga/dráma/LN/VN/játék)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.41"], #ot1-forum ul li a[href^="forum.php?viewtopic.56"], #ot1-forum ul li a[href^="forum.php?viewtopic.101"], #ot1-forum ul li a[href^="forum.php?viewtopic.91"], #ot1-forum ul li a[href^="forum.php?viewtopic.57"], #ot1-forum ul li a[href^="forum.php?viewtopic.90"]{ color: rgb(153, 143, 255);/*rgb(46, 200, 46);*/ } /*piac fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.119"]{ color: white; } |
|
2016.06.19 17:07 / utoljára módosítva: 2016.06.19 20:13 00 / | |
|
|
Kicsit csiszolgattam a sajátomén, meg raktam gombokra animációt és lecseréltem a hátteret. Mert miért ne. De még mindig várok a backdrop filterekre Valamint felhasználtam ZeroProcess színeit, amit ezúton is köszönünk
SPOILER! SPOILER! @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("animeaddicts.hu") { img,td,table,ul,input,div,li,a,select,button {border-radius: 0px !important; box-shadow: 0px 0px 0px !important;} button:hover,img.thumb2.i16:hover {animation: pulzalas 2s ease-out !important; animation-iteration-count: infinite !important;} img.thumb {box-shadow: 0px 0px 0px;} a>img.thumb:hover, ul.tabs li:hover {filter: brightness(1.5);} /*gombok*/ div.headline2,div.headline,td.headline,ul.tabs li {background: linear-gradient(#3E5984, #1C2840) !important;} ul.tabs li {height: 38px !important; border-bottom: 2px solid #2196E9 !important;} li.active a {color: white !important;} li.active {filter: brightness(1.2) !important; height: 36px !important; border-top: 4px solid #2196E9 !important;} ul.tabs li:hover {height: 36px !important; border-bottom: 4px solid #2196E9 !important; transition: height 0.1s !important;} /*lábléc*/ #bottom-menu {opacity: 0.8 !important; width: 992px !important; background: url("http://animeaddicts.hu/file/user/35/35193/gallery/2198664.jpg") center !important;} #bottom-menu>ul {opacity: 0.8 !important;} #bottom-menu li:hover {animation: pulzalas 2s ease-out !important; animation-iteration-count: infinite !important;} /*banner*/ #logo {background: url("http://animeaddicts.hu/file/user/35/35193/gallery/2198662.jpg") !important;} /*hátter*/ body {background: url("http://animeaddicts.hu/file/user/35/35193/gallery/2240836.jpg") no-repeat fixed center !important; background-size: auto 1024px !important;} div#content/*majd ha lesz backdrop-filter*/ {opacity: 0.90 !important; backdrop-filter: blur(2px) !important;;} /*fejléc*/ #top {opacity: 0.9;background: url("http://animeaddicts.hu/file/user/35/35193/gallery/2198663.jpg") !important;left:139px !important;padding-right: 0px !important; z-index: 10001; border: 0px !important; position: fixed; box-shadow: 0 2px 2px black !important;} #login {margin: 5px 0 0 0 !important; opacity: 0.7 !important;} #online {z-index: 10001; position: fixed; right: 570px !important; text-shadow: 1px 1px 1px #000000 !important} #search>p {opacity: 1; z-index: 10001; border: 0px; border-radius: 0px; position: fixed; right: 149px; top: 45px; text-shadow: 1px 1px 1px #000000 !important;} #search>form {top: 10px !important; z-index: 10001; position: fixed; right: 150px !important; opacity: 0.7;} #search-text {width: 220px !important;} #search-send:hover,#login>.settings:hover,div.thumb.twinkle.touchable:hover {animation: pulzalas 2s ease-out !important; animation-iteration-count: infinite !important;} /*menü*/ #menu-container {padding-top: 88px !important; background: none !important;} #menu-ul {background: linear-gradient(#B9D6FE,#0391F5) !important;} div.box {background-color: #FAFAFA !important;} div.news-footer,.news-footer div {border-radius: 0px; margin: 0px 0px 5px; background-color: #888888; opacity: 0.5 !important;} div.touchable {background: 0; border-radius: 0 !important;} div.box.news {margin: 0px 0px 0px 0px !important;} div.content {font-size: 15px !important;} div.titlebox>a>img:hover {filter:brightness(1.2) contrast(1.1);} img[src*="./theme/modules/forum/bg.jpg"] {width: 0px; height: 55px; padding-left: 6px; background-image: none !important;} img[src*="./theme/images/bottom-bg.jpg"] {width: 0px; height: 38px; padding-left: 1px; background: none !important;} div#right>div.box>table.noborder>tbody>tr>td[class="right"]>div {font-size: 16px !important;} [class="mylist"]:hover {background-color: #1081D0 !important; transition: background-color 1s !important;} /*--------------------------------------*/ /*pulzálás animáció*/ @-webkit-keyframes pulzalas { 0% { } 50% { border-color: #1081D0; filter: brightness(1.8);} 100% { } } @keyframes pulzalas { 0% { } 50% { border-color: #1081D0; filter: brightness(1.8);} 100% { } } .pulse { -webkit-animation-name: pulzalas; animation-name: pulzalas;} /*pulzálás vége*/ /*--------------------------------------*/ /**ZeroProcess**/ /*AA projekt fórum hozzászólás (új/befejezett-felfüggesztett/várható)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.37"], #ot1-forum ul li a[href^="forum.php?viewtopic.43"], #ot1-forum ul li a[href^="forum.php?viewtopic.77"]{ color: purple; } /*Befejezett fordítások fórum hozzászólás (manga/dráma/LN/VN)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.62"], #ot1-forum ul li a[href^="forum.php?viewtopic.118"], #ot1-forum ul li a[href^="forum.php?viewtopic.109"], #ot1-forum ul li a[href^="forum.php?viewtopic.65"]{ color: green; } /*spoiler fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.45"]{ color: red; } /*ismertető fórum hozzászólás (anime/manga/dráma/LN/VN/játék)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.41"], #ot1-forum ul li a[href^="forum.php?viewtopic.56"], #ot1-forum ul li a[href^="forum.php?viewtopic.101"], #ot1-forum ul li a[href^="forum.php?viewtopic.91"], #ot1-forum ul li a[href^="forum.php?viewtopic.57"], #ot1-forum ul li a[href^="forum.php?viewtopic.90"]{ color: blue; } /*piac fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.119"]{ color: black; } } |
|
2016.06.30 2:05 00 / | |
|
|
Ma egy kicsit módosítottam a fix menün, ugyanis a saját adatlap elérését biztosító gombot elég gyakran használtam, ezért úgy döntöttem az is felkerül a menüre. De ha már az megy akkor a többi miért is ne, így módosítottam pár dolgon, hogy szépen elférjen ami nekem kell.
Az alábbi képek alapján is látszik, hogy 3 dolog maradt csak ki: - bejelentkezett neve - home gomb (de mivel a Hírek is ugyan az így ennek sem kár) - illetve a kereső mező alatti 3 link (de ezek mindegyike máshol is elérhető + én nem is használtam) Az általam használt téma esetén így néz ki: Mivel egy nagyon picit módosítottam a szürke témánon, így újra az egész kódot beillesztem: SPOILER! /** * AnimeAddict_Dark_Gray_Theme v1.3 * ZeroProcess : 2016.07.21. */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("animeaddicts.hu") { /* ALAP FORMÁZÁSOK *************************************************************************************************** **********************************/ body { padding-top: 55px; background: rgb(46,46,46); color: #FEFEFE; animation-name: example ; animation-duration: 10s; animation-iteration-count: infinite; } a { color: rgb(210,210,210); } #right .box h1 a, #right .box h1 { color: #FEFEFE; } .pagecount a, .forum-t .pagecount a { background: rgb(35,35,35); color: #FEFEFE; } .pagecount a:hover, .forum-t .pagecount a:hover { background: rgb(100,100,100); } em{ color: rgb(140,140,140); } form em { color: #FEFEFE; } textarea,input,select, .chosen-input { background: rgb(35,35,35); color: #FEFEFE; } .chosen-input, .chosen-button, .chosen-checkbox/*, .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-single .chosen-single span*/ { background: rgb(35,35,35); color: #FEFEFE; } #cover_dummy { background-image: url("./theme/icons/file_24.png") no-repeat scroll 5px 4px; background: rgb(35,35,35) !important; color: #FEFEFE !important; } textarea:focus, input:focus { border:1px solid rgb(50,50,50); background-color: rgb(100,100,100) !important; } .chosen-input:focus, .chosen-checkbox:focus { border:1px solid rgb(50,50,50); background-color: rgb(100,100,100);} textarea:disabled,input:disabled { border:1px solid rgb(50,50,50); background-color: rgb(100,100,100) !important;} /* TEMPLATE ELEMEK FORMÁZÁSA *************************************************************************************************** ************************/ #top, #top a { color: /*#CCD4DC*/#E0E0E0; } #top{ position: fixed; margin-left: -496px; left: 50%; top: 0px; z-index: 10001; height: 28px; } #login{ margin: 0; height: 28px; width: 345px; } #login div{ background: rgb(60,60,60); border:1px solid rgb(150,150,150); width:57px; visibility:hidden; padding: 0 2px;} #login div.touchable, #login div.button { visibility:visible; } #login div.settings { width:25px; height:25px; visibility:visible; margin-top: 1px;} #login div.settings img { width:18px; height:18px; } #login div.button { width:100px; height:25px; margin-right:5px; margin-top: 1px;} #login div.button img { margin-left: 40px;} .i40 { width: 15px; } /*#login div.button:first-child span, #login div.button span { margin-top:2px; font-size: small; }*/ #login div.button span { display: none; } #login img.avatar{ border:1px solid rgb(150,150,150); position: fixed; margin-top: 0px;} #login a { float: left; } #login-form #login_name, #login-form #login_password, #login-form #login_submit { background-color: rgb(90,90,90); color: #FEFEFE; } #login div.button:hover { background-color: rgb(90,90,90); } #online { border-left:1px solid rgb(150,150,150); border-right:1px solid rgb(150,150,150); margin: 0; float: right; margin-top: 3px; } .i32 { width: 21px; } #search{ margin:0; height: 30px; width: auto; padding: 1px 0 0 0; float: left; } #search form { height:28px; } #search #search-text { width:480px; height:19px; border-top:1px solid rgb(150,150,150); border-left:1px solid rgb(150,150,150); border-bottom:1px solid rgb(150,150,150); background: rgb(60,60,60); } #search #search-send { width:15px; height:15px; border:1px solid rgb(150,150,150); background: rgb(60,60,60); } #search p { /*top: 0px; position: fixed; margin-left: 473px;*/ display: block; } /* MENÜ *************************************************************************************************** *********************************************/ #menu-container { z-index: 10000; position: fixed; top: 0px; width: 100%; margin: auto; background: rgb(85,85,85); height: 50px; } #menu ul{ top: 30px; } #menu li { border-right:1px solid rgb(150,150,150); color: #FEFEFE; } #menu li a { color: #FEFEFE; } #menu ul li ul { border: 1px solid rgb(150,150,150); background: rgb(85,85,85); top: 23px;} #menu ul li ul li { background:rgb(85,85,85); border-bottom:1px solid rgb(150,150,150); } #menu ul li span:hover, #menu ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); box-shadow: 0px 0px 4px 1px rgb(200,200,200); border-right: 1px solid #FEFEFE; } #menu ul li ul li:hover, #menu ul li ul li a:hover, #menu ul li ul li ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); } #menu ul li { padding:0; height:20px; } #menu li.home, #menu li.home:hover{ padding:0; height:20px; visibility:hidden; } #menu li a span{ line-height: 20px; } #menu li.top-menu-1 { width:69px; } #menu li.top-menu-2 { width:101px; } #menu li.top-menu-3 { width:80px; } #menu li.top-menu-4 { width:105px; } #menu li.top-menu-5 { width:106px; } #menu li.top-menu-6 { width:104px; } #menu li.top-menu-7 { width:82px; } #menu li.top-menu-8 { width:104px; } #menu li.top-menu-9 { width:71px; margin:0; border-right: 0;} #headerpic { background: rgb(60,60,60); } #bottom-menu { color: rgb(210,210,210); background-color: rgb(85,85,85); } #bottom-menu li { background: rgb(35,35,35); border:1px solid rgb(100,100,100); } #bottom-menu li:hover { background: rgb(70,70,70); } #bottom-menu li:hover a{ color: rgb(210,210,210); } ul#slide_projects_nav li { background: rgb(185,185,185); } .search table tr td { background: rgb(180,180,180); border: 1px solid rgb(85,85,85); } .search table tr td a{ color: rgb(35,35,35); } .search table tr:hover td { background: rgb(150,150,150)!important;}/*!!*/ table.forum-t tr td { background: rgb(90,90,90); } table.forum-t tr:hover td { background: rgb(55,55,55) !important; } table.forum-t tr td strong { color: #FEFEFE; } /* BOX-ok *************************************************************************************************** *******************************************/ div.box { background-color: rgb(60,60,60); border:1px solid #999; } div.box .headline,div.box .headline2 { background: rgb(100,100,100); } div.box .headline3, div.colorbox .headline3 { background: rgb(160,160,160); color: rgb(55,55,55);} div.box .headline3 a { color: rgb(55,55,55); } div.box table td.headline4,div.box table td.headline4:hover { background: rgb(160,160,160); } div.headline2 ul.tabs li { border-bottom:5px solid rgb(180,180,180); } div.headline2 ul.tabs li.active { border-bottom:0; border-top:5px solid rgb(180,180,180); } div.box ul { color: rgb(180,180,180); } div.box h1, div.box h1 a{ color: rgb(40,40,40); } div.box h2 a { color: rgb(70,70,70); } div.box h2 { color: rgb(55,55,55); } div.titlebox { background: rgb(125,125,125); color: rgb(55,55,55);} div.titlebox h1 { color: rgb(240,240,240); } div.titlebox ul li#button_selected,div.titlebox ul li.button_selected { background: rgb(85,85,85); color:#FEFEFE !important; } div.titlebox li { color: rgb(45,45,45) !important; } div.titlebox li:hover { background: rgb(105,105,105); } div.colored-div { background-color:#FEFEFE !important; } .news-footer div.colored-div a { color: rgb(30,30,30); } div.box .content-rounded ul { color: rgb(140,140,140); } div.titlebox ul li a { color: #FEFEFE; } table.noborder { background: transparent !important; } div.box table td.function{ background: rgb(100,100,100); } div.box table tr:hover td.function { background: rgb(100,100,100) !important; } table.list tr td { background: rgb(90,90,90); } table.list tr td h1, table.list tr td h1 a { color: rgb(210,210,210); } table.list tr td.dataonly { background-color: rgb(110,110,110); border:1px solid #F1F1F1; } table.list tr td.dataonly2 { background-color: rgb(110,110,110) ; border:1px solid #F1F1F1; } table tr:hover td { background: rgb(55,55,55) !important; }/*!!*/ table tr:hover td.headline, table tr:hover td.headline2, table tr:hover td.headline3{ background: rgb(160,160,160) !important; } /*!!*/ table.noborder tr td h1, table.noborder tr td h1 a { color: rgb(210,210,210); } table.noborder tr td.headline3 h1, table.noborder tr td.headline3 h1 a { color: rgb(40,40,40); } /* Gombok *************************************************************************************************** ******************************************/ div.mylist { background: rgb(90,90,90);} div.mylist:hover { background: rgb(130,130,130);} div.active { background: rgb(130,130,130); } /* Thumb *************************************************************************************************** ********************************************/ .thumb2 { border:1px solid rgb(100,100,100); background-color: rgb(120,120,120); } /* Fórum tábla *************************************************************************************************** **************************************/ div.box table.noborder td.right[id^="post_"]{ background: rgb(110,110,110) !important; } button.forum{ color: rgb(210,210,210); background-color: rgb(85,85,85); } button.forum a { color: rgb(170,170,170); } .quote,.forum-box,.forum-box2,.spoiler { background-color: rgb(130,130,130); color: rgb(20,20,20);} .quote ul,.forum-box ul,.forum-box2 ul,.spoiler ul { color: rgb(30,30,30)!important; } .spoiler span { color: rgb(40,40,40) !important; text-transform: uppercase; } /* Chat *************************************************************************************************** *********************************************/ #chat-text, #chat-user { background: transparent !important; } #chat-user div .box a h1{ color: rgb(210,210,210); } .chatbox .box{ background-color: rgb(60,60,60) !important; color: #FEFEFE !important; } .chatbox .box div h1 a { color: rgb(210,210,210); } /* Tooltip *************************************************************************************************** ******************************************/ #dhtmltooltip, .tooltip { padding: 10px; border: 1px solid rgb(150,150,150); border-radius: 4px; background: RGBA(80, 80, 80, 0.8);} #dhtmltooltip strong, .tooltip strong { color: #FEFEFE; } .tooltip2 { background: transparent !important; } /* Naptár *************************************************************************************************** *******************************************/ .naptar span { border:1px solid rgb(100,100,100); background-color: rgb(190,190,190); color:#000; } .naptar span.head { color: rgb(180,180,180); } /* Hírek *************************************************************************************************** ********************************************/ .newspager { background: rgb(110,110,110); color:#FFF; } .news-footer div { background: rgb(120,120,120); } /* Statisztikai csík *************************************************************************************************** ********************************/ .stat-horizontal { background: linear-gradient(to bottom, rgb(200, 200, 200) 0%, rgba(50,50,50,1) 100%); } .stat-horizontal2 { background: linear-gradient(to bottom, rgb(200, 200, 200) 0%, rgba(50,50,50,1) 100%); } /* Fülek *************************************************************************************************** ********************************************/ div.search table { border-left:6px solid rgb(180,180,180); } div.search .headline2 { border-left:6px solid rgb(180,180,180); } div.search .headline3,div.search .headline3:hover { border-left:6px solid rgb(180,180,180); } div.search .content-rounded { border-left:6px solid rgb(180,180,180); } div.colored-div { background-color: rgb(180,180,180); } /* Vegyes *************************************************************************************************** *******************************************/ strong { color: rgb(40,40,40); } #right .box p strong, td strong { color: rgb(200,200,200); } .icon, .description, .topicdb, .lastpost { background-color: rgb(90,90,90) !important; color: #FEFEFE; } .description span, .description h1, .topicdb h1, .lastpost h1, .description a, .topicdb a, .lastpost a { color: #FEFEFE !important; } table tr:hover td.icon, table tr:hover td.description, table tr:hover td.topicdb, table tr:hover td.lastpost{ background: rgb(55,55,55) !important; } div.box table td.sticked { background: rgb(115,115,115); } .teambox { background: rgb(110,110,110); } #ot4-data table.noborder tr td { background: rgb(80,80,80); color: #FEFEFE; } /*div, table, td, ul, li, a, input, select, button, img { border-radius: 2px !important; }*/ /* Újdonságok *************************************************************************************************** *******************************************/ /*AA projekt fórum hozzászólás (új/befejezett-felfüggesztett/várható)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.37"], #ot1-forum ul li a[href^="forum.php?viewtopic.43"], #ot1-forum ul li a[href^="forum.php?viewtopic.77"]{ color: /*rgb(153, 153, 255);/*/rgb(204, 170, 204);/*rgb(191, 64, 191);/*green;*/ } /*Befejezett fordítások fórum hozzászólás (manga/dráma/LN/VN)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.62"], #ot1-forum ul li a[href^="forum.php?viewtopic.118"], #ot1-forum ul li a[href^="forum.php?viewtopic.109"], #ot1-forum ul li a[href^="forum.php?viewtopic.65"]{ color: rgb(46, 200, 46);/*green;*/ } /*spoiler fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.45"]{ color: rgb(255, 153, 51);/*rgb(255, 51, 51);*/ } /*ismertető fórum hozzászólás (anime/manga/dráma/LN/VN/játék)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.41"], #ot1-forum ul li a[href^="forum.php?viewtopic.56"], #ot1-forum ul li a[href^="forum.php?viewtopic.101"], #ot1-forum ul li a[href^="forum.php?viewtopic.91"], #ot1-forum ul li a[href^="forum.php?viewtopic.57"], #ot1-forum ul li a[href^="forum.php?viewtopic.90"]{ color: rgb(153, 143, 255);/*rgb(46, 200, 46);*/ } /*piac fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.119"]{ color: white; } /*off fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.22"]{ color: rgb(255, 182, 182); } } De ha valakinek csak maga a menü kellene: Illetve kijelentkezett állapotban így néz ki: Mellesleg annyi, hogy muszály volt valamilyen sötétebb háttér színt adni a menünek, hogy az online lévők illetve a chat ikon is látszódjon, lévén, hogy azok világosak. CSS kód: SPOILER! /** * AnimeAddict_FixMenu v2.0 * ZeroProcess : 2016.07.21. */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("animeaddicts.hu") { body { padding-top: 55px; } #menu-container { z-index: 10000; position: fixed; top: 0px; width: 100%; margin: auto; background: #27313d; height: 50px; } #menu ul{ top: 30px; } #menu li { border-right:1px solid rgb(150,150,150); color: #FEFEFE; } #menu li a { color: #FEFEFE; } #menu ul li ul { border: 1px solid rgb(150,150,150); background: #27313d; top: 23px; } #menu ul li ul li { background:#27313d; border-bottom:1px solid rgb(150,150,150); } #menu ul li span:hover, #menu ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); box-shadow: 0px 0px 4px 1px rgb(200,200,200); border-right: 1px solid #FEFEFE; } #menu ul li ul li:hover, #menu ul li ul li a:hover, #menu ul li ul li ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); } #menu li.top-menu-1 { width:69px; } #menu li.top-menu-2 { width:101px; } #menu li.top-menu-3 { width:80px; } #menu li.top-menu-4 { width:105px; } #menu li.top-menu-5 { width:106px; } #menu li.top-menu-6 { width:104px; } #menu li.top-menu-7 { width:82px; } #menu li.top-menu-8 { width:104px; } #menu li.top-menu-9 { width:71px; margin:0; border-right: 0;} #menu ul li { padding:0; height:20px; } #menu li.home, #menu li.home:hover{ padding:0; height:20px; visibility:hidden; } #menu li a span{ line-height: 20px; } #top{ position: fixed; margin-left: -496px; left: 50%; top: 0px; z-index: 10001; height: 28px; } #login{ margin: 0; height: 28px; width: 345px; } #login div{ width:57px; visibility:hidden; padding: 0 2px;} #login div.touchable, #login div.button { visibility:visible; } #login div.settings { width:25px; height:25px; visibility:visible; margin-top: 1px;} #login div.settings img { width:18px; height:18px; } #login div.button { width:100px; height:25px; margin-right:5px; margin-top: 1px;} #login div.button img { margin-left: 40px;} .i40 { width: 15px; } #login div.button:first-child span, #login div.button span { margin-top:2px; font-size: small; } #login div.button span { display: none; } #login img.avatar{ position: fixed; margin-top: 0px; } #login a { float: left; } #online{ margin: 0; float: right; margin-top: 3px; } .i32 { width: 21px; } #search{ margin:0; height: 30px; width: auto; padding: 1px 0 0 0; float: left; } #search form { height:28px; } #search #search-text { width:480px; height:19px; } #search #search-send { width:15px; height:15px; } #search p { display: block; } } |
|
2016.07.21 20:30 00 / | |
|
|
A minap kipróbáltam a Stylshet-et mobilon is és próbakép csinálgattam pár oldalhoz kezdetleges mobil verziót, mint pl ehhez is:
Mivel a @viewport metatag "problémába" ütköztem, így egyenlőre csak próba marad. De azért érdekességkép megosztom ezt a 3 képet |
|
2016.07.30 15:54 00 / | |
|
|
Egyik ismerősöm kérte, hogy neki nem-e dobnék össze vmilyen aa-s mobil témát, s végül elkezdtem csinálni egyet. (Mellesleg az előző kommentben írt @viewport metatag problémát is megoldottam, így végül semmi se szabott gátat, h elkezdjek vmit össze dobni neki)
Egyenlőre a főoldalt csináltam meg, illetve, hogy egy adott hír jól jelenjen meg, illetve a fórum kezdőlap is megfelelő legyen (igen tudom, ez még egyenlőre baromi kevés): SPOILER! Most a böngésző mobil nézetéből csináltam a screenshotokat, de ugyan úgy nézne ki telon/tableten Látszik azért hogy ha kisebb a kijelző szélessége egy-két lényegtelen dolog nem jelenik meg. Jah és még annyi, hogy praktikussági okból került az a nyíl fixen a kijelző aljára, hogy könnyen lehessen a lap tetejére ugrani. Ha a kijelző 320x480: itt ugye elforgatva (ugyanannál felbontásnál): Ha a kijelző 360x640, s itt is elforgatva: |
|
2016.09.24 18:54 00 / | |
|
|
Alakítgattam egy kicsit a főoldalt.
SPOILER! css, se flash, se gif, se yt, se trailerek az ismertetőknél, és a fórumaláírások egy kicsit áttetszők: SPOILER! @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("animeaddicts.hu") { /*nem kell gif*/ [src$="gif"]:not([src*="theme/"]) { display: none !important; } /*mondom nem kell gif*/ /*se flash*/ div.flash {display: none !important;} /*youtube off*/ [src*="youtube.com"] {display: none !important;} /*muszáj volt*/ div.spoiler {background-color: #CECECE !important;} /*ha nem lenne egyértelmű*/ div[id^="signature_"] {opacity: 0.5 !important;} /*éljen a metro*/ img,td,table,ul,input,div,li,a,select,button {border-radius: 0px !important; box-shadow: 0px 0px 0px !important;} button:hover,img.thumb2.i16:hover {animation: pulzalas 2s ease-out !important; animation-iteration-count: infinite !important;} img.thumb,img.thumb2 {box-shadow: 0px 0px 0px; padding: 0 !important; margin: 2px !important;} a>img.thumb:hover, ul.tabs li:hover {filter: brightness(1.5);} .tooltip {z-index: 10002 !important;} .tooltip2 {z-index: 10002 !important;} div#dhtmltooltip {background-color: grey !important; opacity: 0.8 !important;} /*gombok*/ div.headline2,div.headline,td.headline,ul.tabs li {background: linear-gradient(#3E5984, #1C2840) !important;} ul.tabs li {height: 38px !important; border-bottom: 2px solid #2196E9 !important;} li.active a {color: white !important;} li.active {filter: brightness(1.2) !important; height: 36px !important; border-top: 4px solid #2196E9 !important;} ul.tabs li:hover {height: 36px !important; border-bottom: 4px solid #2196E9 !important; transition: height 0.1s !important;} /*lábléc*/ #bottom-menu {width: 990px !important; height: 85px !important; background: url("http://kephost.com/images/2017/01/20/strike_witches_246_1_blur.jpg") fixed top !important; border: 1px solid #999 !important;} #bottom-menu>ul {width: 990px !important;} #bottom-menu li:hover {animation: pulzalas 2s ease-out !important; animation-iteration-count: infinite !important;} #bottom-menu li {margin: 2px !important; left: 2px !important;} /*banner*/ #logo {background: url("http://kephost.com/images/2017/01/20/sw_banner.jpg") !important;} #headerpic {background: url("http://kephost.com/images/2017/01/20/strike_witches_246_1_blur.jpg") no-repeat fixed top !important;} /*hátter*/ body {background: url("http://kephost.com/images/2017/01/20/strike_witches_246_1.jpg") no-repeat fixed top !important;} div#content/*majd ha lesz backdrop-filter*/ {backdrop-filter: blur(2px) !important;} /*fejléc*/ #top {opacity: 0.9; background: linear-gradient(#737373, #3d3d3d) !important; z-index: 10001; border-bottom: 1px solid #999 !important; position: fixed; box-shadow: 0 1px 2px black !important; height: 75px !important; width: 100% !important;} #login {margin: 0px 0 0 0 !important; opacity: 0.9 !important; padding-left: 463px !important; backdrop-filter: blur(2) !important;} #online {z-index: 10001; position: fixed; right: 47% !important; text-shadow: 1px 1px 1px #000000 !important} #search>p {opacity: 0.9; z-index: 10001; border: 0px; border-radius: 0px; position: fixed; right: 27%; top: 45px; text-shadow: 1px 1px 1px #000000 !important;} #search>form {top: 10px !important; z-index: 10001; position: fixed; right: 464px !important; opacity: 0.7;} #search-text {width: 320px !important;} #search-send:hover,#login>.settings:hover,div.thumb.twinkle.touchable:hover,[id*="ot3- 4;]>div.naptar>a:hover,.headline2>ul>li:hover {animation: pulzalas 2s ease-out !important; animation-iteration-count: infinite !important;} div.titlebox>ul>li,div.titlebox>div.button {background: none !important; box-shadow: 1px 0 0 0 #cecece !important;} div.titlebox>ul>li:hover,div.titlebox>div.button:hover {background-color: #cecece !important; transition: background-color 0.3s !important;} img.thumb2:hover {animation: pulzalas2 2s ease-out !important; animation-iteration-count: infinite !important;} /*menü*/ #menu-container {background: none !important; padding-top: 76px !important;} #menu-ul {background: linear-gradient(#B9D6FE,#0391F5) !important;} div.box {background: url("http://kephost.com/images/2017/01/20/strike_witches_246_1_blur.jpg") no-repeat fixed top !important;} div.headline3,td.headline3 {background: url("http://kephost.com/images/2017/01/20/strike_witches_246_1_blur2.jpg") no-repeat fixed top !important; box-shadow: 0px 2px 2px #cecece !important;} div.titlebox,img#slide-prev,img#slide-next,table.noborder,[class="headline4"] {background: url("http://kephost.com/images/2017/01/20/strike_witches_246_1_blur3.jpg") no-repeat fixed top !important;} div.news-footer {width: 718px !important; background: url("http://kephost.com/images/2017/01/20/strike_witches_246_1_blur2.jpg") no-repeat fixed top !important; margin: 0px 0px 5px; border-left: 1px solid #999999 !important; border-right: 1px solid #999999 !important; border-bottom: 1px solid #999999 !important;} div.news-footer div {background-color: rgba(130,130,130,0.3) !important; margin: 4px -2.2px 4px 4px !important; width: 176.2px !important; box-shadow: 0 0px 1px white !important;} div.news-footer div:hover,div.headline3:hover {background-color: #888888 !important; transition: background-color 0.3s !important;} div.touchable {background: 0; border-radius: 0 !important;} div.box.news {margin: 0px 0px 0px 0px !important; border-bottom: 0px !important; width: 708px !important;} div.box.news>div.headline3 {width: 701px !important;} div.box.news>div.content {width: 701px !important;} div.content {font-size: 15px !important;} div.titlebox>a>img:hover {filter:brightness(1.2) contrast(1.1);} img[src*="./theme/modules/forum/bg.jpg"] {width: 0px; height: 55px; padding-left: 6px; background-image: none !important;} img[src*="./theme/images/bottom-bg.jpg"] {width: 0px; height: 38px; padding-left: 1px; background: none !important;} div#right>div.box>table.noborder>tbody>tr>td[class="right"]>div {font-size: 16px !important;} [class="mylist"]:hover {background-color: #1081D0 !important; transition: background-color 1s !important;} [id="button_selected"] {color: #28B4FF !important; filter: drop-shadow(0px 0px 1px grey) !important;} /*--------------------------------------*/ /*pulzálás animáció*/ @-webkit-keyframes pulzalas { 0% { } 50% { border-color: #1081D0; filter: brightness(1.8);} 100% { } } @keyframes pulzalas { 0% { } 50% { border-color: #1081D0; filter: brightness(1.8);} 100% { } } .pulse { -webkit-animation-name: pulzalas; animation-name: pulzalas;} /*pulzálás vége*/ /*pulzálás animáció2*/ @-webkit-keyframes pulzalas2 { 0% { filter: brightness(1.1);} 50% { border-color: #1081D0; filter: brightness(1.0);} 100% { filter: brightness(1.1);} } @keyframes pulzalas2 { 0% { filter: brightness(1.1);} 50% { border-color: #1081D0; filter: brightness(1.0);} 100% { filter: brightness(1.1);} } .pulse { -webkit-animation-name: pulzalas2; animation-name: pulzalas2;} /*pulzálás2 vége*/ /*--------------------------------------*/ /**ZeroProcess**/ /*AA projekt fórum hozzászólás (új/befejezett-felfüggesztett/várható)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.37"], #ot1-forum ul li a[href^="forum.php?viewtopic.43"], #ot1-forum ul li a[href^="forum.php?viewtopic.77"]{ color: purple; } /*Befejezett fordítások fórum hozzászólás (manga/dráma/LN/VN)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.62"], #ot1-forum ul li a[href^="forum.php?viewtopic.118"], #ot1-forum ul li a[href^="forum.php?viewtopic.109"], #ot1-forum ul li a[href^="forum.php?viewtopic.65"]{ color: pink; } /*spoiler fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.45"]{ color: red; } /*ismertető fórum hozzászólás (anime/manga/dráma/LN/VN/játék)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.41"], #ot1-forum ul li a[href^="forum.php?viewtopic.56"], #ot1-forum ul li a[href^="forum.php?viewtopic.101"], #ot1-forum ul li a[href^="forum.php?viewtopic.91"], #ot1-forum ul li a[href^="forum.php?viewtopic.57"], #ot1-forum ul li a[href^="forum.php?viewtopic.90"]{ color: blue; } /*piac fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.119"]{ color: black; } /*játékzóna*/ #ot1-forum ul li a[href^="forum.php?viewtopic.58"]{ color: green; } /*OFF*/ #ot1-forum ul li a[href^="forum.php?viewtopic.22.125066."]{ color: orangered; } /*--------------------------------------*/ /*trailer off*/ div#encyclopedia-preview.box {display: none !important;} } @-moz-document url("http://animeaddicts.hu/news.php?news"){ /*főoldal puzzle*/ div#content>:nth-child(3) {position: fixed !important; left: 5px !important; top: 81px !important;} div#content>div#left>:nth-child(5) {position: fixed !important; right: 5px !important; top: 81px !important;} div#content>div#left>:nth-child(9) {position: fixed !important; right: 5px !important; bottom: 5px !important;} } @-moz-document url("http://animeaddicts.hu/news.php?news.16"){ /*főoldal puzzle*/ div#content>:nth-child(3) {position: fixed !important; left: 5px !important; top: 81px !important;} /*div#content>div#left>:nth-child(5) {position: fixed !important; right: 5px !important; top: 81px !important;}*/ div#content>div#left>:nth-child(7) {position: fixed !important; right: 5px !important; bottom: 5px !important;} } |
|
2017.01.20 14:20 / utoljára módosítva: 2017.01.20 14:22 00 / |