Layout - Valshe 「今生、絢爛につき。」(Konjō, kenran ni tsuki.)

Nem is olyan túl rég elkészültem a legújabb livejournal layoutommal. Mivel megfertőzött a közösségi szellem, így nem leszek magamnak való, közzéteszem a css kódot és a beállításokat, hogy akinek megtetszik be tudja állítani magának. Itt jegyezném meg, hogy akad még egy-kettő régebbről (amikor még sokkal inkább magamnak való voltam) amiket lassacskán szintén közzé szeretnék majd tenni.

THEME:
Smooth Sailing (2 oszlop, sidebar a jobb oldalon)

MENU --> NAVIGATION:

!!!! Csak a previous és a next
részeknél legyen szöveg, a többit hagyd üresen!!!
SIDEBAR SORREND: 

1. Linklist /!fontos!/ - ez adja a "menüt" a lila bubikkal Ettől kezdve a sorrend tetszőleges... 

 CSS:

  /* Cleaned CSS: */ /* PAGE */ body { font-family: tahoma, sans-serif; font-size: 7pt; margin: 0px; background-color:transparent; color:#bbf2eb; margin-top: 20px; margin-bottom: 20px; } a { color:#732b91; font-weight: normal; text-decoration: none; } a:visited { color: #331340; font-weight: normal; text-decoration: none; } a:hover { color: #ff0000; font-weight: normal; text-decoration: none; } .pageblock{ width:1000px; margin: 0 auto; background-color: #ffffff; color:#160925; } .pagefooterblock{ color: #732b91;; padding: 0px 0px 0px 0px; margin-top: 0px; line-height: 89px; text-align: center; text-transform: uppercase; background: url(https://dc725.4shared.com/img/BuE_ei7Ugm/s24/1657d0577b8/footerblock1000x89?async&rand=0.45427097740283484); padding-top: 0px; background-repeat: no-repeat; } .pagefooterblock a, .pagefooterblock a:visited { color: #f33f6f; } /* HEADER */ .pageheaderblock { text-align: left; background-image: url(https://dc608.4shared.com/img/UNiRK8O3ee/s24/165591a2ba0/header1000?async&rand=0.9972157119523266); width: 1000px; height: 480px; } .header-title { font-family: "Shojumaru"; padding-top: 30px; position: absolute; font-size: 30px; color:#702f8e; text-align: right; width: 430px; padding-right: 30px; padding-left: 500px; } .header-subtitle { padding-top: 120px; position: absolute; font-size: 22px; color: #05f0e5; text-transform: uppercase; text-align: right; width: 430px; padding-right: 30px; padding-left: 500px; } .header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; } /*HEADERMENU*/ .header-menu { display:yes; position: fixed;bottom:0px; z-index:7; background:transparent; font-size:0.6875em/*11px*/; padding:10px; text-align:right; margin-left:0px; width:970px; } .header-menu a, .header-menu a:visited { -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0; } .header-menu a:hover { color: #659495; } .header-menu ul{ margin:0 auto; padding:0; } .header-menu li li a { float: right; border:1px solid #732b91; border-top-left-radius:40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; background-color: rgba(115, 43, 145, 0.7); } } .header-menu li li li a { float: left; border:1px solid #ff0000; margin-left: 40%; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; background-color: rgba(255, 70, 0, 0.7) } .header-menu li a { border:1px solid #ff0000; margin-left:-0px; padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px; float: left; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; background-color: rgba(255, 70, 0, 0.7) } .header-menu li li a:hover { background-color:rgba(115, 43, 145, 1.0); } .header-menu li li li a:hover { background-color:rgba(255, 70, 0, 1.0); } .header-menu li a:hover { background-color:rgba(255, 70, 0, 1.0); padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px;} .header-menu a, .footer-menu a:visited { background-color: #; color: #ffffff; font-family: open sans condensed, georgia,arial,sans-serif; font-size: 13px; padding: 10px; white-space: nowrap; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius: 10px 0 0 10px; -khtml-border-radius: 10px 0 0 10px; background-color: #; } .header-menu a:hover { color:#ffffff; background-color: ; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-right: 5px; border-left: 0px solid #; letter-spacing: 0px; background-color:# } .header-menu li { list-style:none outside none; margin:0; padding:0; display:inline; } .header-menu li li { list-style:none outside none; margin:0; padding:0; display:inline; } .header-menu li li li { list-style:none outside none; margin:0; padding:0; display:inline; } /* BODY */ .bodyblock { padding:4px; padding-top: 0px; background-image: url(https://dc608.4shared.com/img/9cE_s6ntda/s24/16559242650/bodyblock1000?async&rand=0.46024279132659673) } .bodyheaderblock { display: yes; text-align: center; font-family: tahoma; font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: bold; margin-top: -20px; color: #732b91; } .bodynavblock { background-color: transparent; color: #160925; margin: 10px 0px 4px 0px; padding: 9px; } .bodynavblock a, .bodynavblock a:visited { color: #000000; } .body-title {display:yes; font-weight: normal; text-transform: uppercase; line-height: 20px; font-weight: 100; font-size: 14px; font-family: "Shojumaru"; background-image: url (https://dc601.4shared.com/img/K2FUFKq2gm/s24/1655eb16240/titlebg?async&rand=0.7290758946081004); background-repeat: no-repeat; background-position: center; } .body-midtitle {display:none; font-family: tahoma; font-size: 18px; color:#4e3a64; text-align: left; padding-left: 8px; } /*ENTRIES*/ .entryHolder { color: #82bab1; background-color: transparent; font-family: tahoma; font-size: 14px; margin: 0px 5px 4px 2px; text-align: justify; } .entryUserinfo { text-align: center; margin: 5px 6px 3px 5px; background-color: transparent; } .entryUserinfo-username { display:none; } .entryUserinfo a, .commentUserinfo a{ font-size:0.85em; color:#ff0000;} .entryUserinfo-usericon img { border: 0px; } .entryUserinfo-usericon a img{ background:transparent; padding: 8px; background: rgb(255, 70, 0, 0.3); -webkit-box-shadow: #ff4600 0 0 5px; -moz-box-shadow: #ff4600 0 0 5px; -ms-box-shadow: #ff4600 0 0 5px; -o-box-shadow: #ff4600 0 0 5px; box-shadow: #ff4600 0 0 5px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .commentUserinfo-usericon a img{ background:transparent; padding: 8px; background: rgb(115, 43, 145, 0.3); -webkit-box-shadow: #732b91 0 0 5px; -moz-box-shadow: #732b91 0 0 5px; -ms-box-shadow: #732b91 0 0 5px; -o-box-shadow: #732b91 0 0 5px; box-shadow: #732b91 0 0 5px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .entryHeader { background-color: #ff4600; padding: 10px; overflow:hidden; clear:both!important; font-size:0; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited{ font-size: 14px; color: #732b91; font-weight: normal; text-transform: uppercase; line-height: 20px; font-weight: bold; padding:10px; overflow:hidden; clear:both!important; } .entryHeader a:hover { color: #ffffff; } .entryHeaderDate { float: right; color : #ffffff; text-decoration : none; font-size: 14px; position: relative; top:0px; right: 5px; font-weight: bold; } .entryText { background-color: transparent; padding: 6px; color: #666666; } .entryText a { color: #ff4600; } .entryText a:hover { color: #732b91; } .entryMetadata { border-top: 1px dotted #ff0000; padding-left: 6px; color: #732b91; } .entryMetadata a { color: #732b91; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { display:block; list-style:none; margin:2px 0; padding:2px 0; } .entryMetadata-label { font-weight: bold; padding-right: 4px; color: #ff4600; } .entryLinkbar { font-family: tahoma; font-size: 11px; color: #000000; text-align: right; border-top: 1px dotted #ff4600; border-right: 1px dotted #ff4600; padding: 4px 0px 4px 0px; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { margin: 0px; display: inline; } .entryLinkbar a{ color: #732b91; border-left: 1px dotted #ff4600; border-bottom: 1px dotted #ff4600; padding: 5px 10px 5px 10px; font-weight: normal; text-transform: uppercase; text-decoration: none; } .entryLinkbar a:visited { color: #732b91; font-weight: normal; text-decoration: none; } .entryLinkbar a:hover { color: #ffffff; background-color: rgba(255, 70, 0, 0.5); font-weight: normal; text-decoration: none; } blockquote{ background-color: #14120f; padding: 5px; border: 1px dashed #39185d; } /*FOOTER*/ #footer-menu { display: none; position: fixed;bottom:0px; z-index:7; background:transparent; font-size:0.6875em/*11px*/; padding:10px; text-align:right; margin-left:0px; width:970px; } #footer-menu ul { margin:0 auto; padding:0;} ul.pagefooterblock a { -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0; } #footer-menu li li a { float: right; border:1px solid #732b91; border-top-left-radius:40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; background-color: rgba(115, 43, 145, 0.7); } #footer-menu li li li a { float: left; border:1px solid #ff0000; margin-left: 40%; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; background-color: rgba(255, 70, 0, 0.7) } #footer-menu li a { border:1px solid #ff0000; margin-left:-0px; padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px; float: left; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; background-color: rgba(255, 70, 0, 0.7) } #footer-menu li li a:hover { background-color:rgba(115, 43, 145, 1.0); } #footer-menu li li li a:hover { background-color:rgba(255, 70, 0, 1.0); } #footer-menu li a:hover { background-color:rgba(255, 70, 0, 1.0); padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px;} #footer-menu a, .footer-menu a:visited { background-color: #; color: #ffffff; font-family: open sans condensed, georgia,arial,sans-serif; font-size: 13px; padding: 10px; white-space: nowrap; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius: 10px 0 0 10px; -khtml-border-radius: 10px 0 0 10px; background-color: #; } #footer-menu a:hover { color:#ffffff; background-color: ; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-right: 5px; border-left: 0px solid #; letter-spacing: 0px; background-color:# } #footer-menu li { list-style:none outside none; margin:0; padding:0; display:inline; } #footer-menu li li { list-style:none outside none; margin:0; padding:0; display:inline; } #footer-menu li li li { list-style:none outside none; margin:0; padding:0; display:inline; } /*SIDEBAR*/ .sidebar { font-family: tahoma; font-size: 12px; margin-right: 5px; width: 210px; background-color: transparent; padding: 0px 0px 0px 5px; } .sidebox { color: #132144; background-color: transparent; margin: -4px -5px 4px 0px; padding-bottom: 4px; } .sideboxTitle { background-color: #732b91; color: #ffffff; font-family: tahoma; font-size: 11px; padding: 4px 5px 4px 18px; font-weight: normal; text-transform: uppercase; line-height: 20px; font-weight: bold; } .sideboxContent { text-align: justify; padding: 2px 4px 2px 4px; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; } .sidebox #tags_sidebox { text-align: center; width: 190px; height: 215px; overflow: auto; overflow-x: hidden; overflow-y: auto; font-size: 0 !important; margin:5px 0 5px 5px; } #tags_sidebox a {display: block; font-size: 12px;padding: 2px; background: url(https://dc591.4shared.com/img/OVrQEhaMfi/s24/1655e5cf110/fan16x15?async&rand=0.14794720837722597) 5px 2px no-repeat; border-bottom: 1px dotted #ddd; padding-left: 25px; text-align: left;} .sidebox #summary {text-align: left;} .summaryList { margin-top: 5px;} .summaryList a {display: block; border-bottom: 1px dotted #ddd; border-left: 7px solid #e3e3e3; } .summaryList a:hover { border-left: 7px solid #7A1968; } .sidebox #systemlinks{ text-align: center; margin-top: -300px; position: absolute; font-family: tahoma; font-size: 18px; text-transform: uppercase; } .sidebox #systemlinks a:link, .sidebox #systemlinks a:visited{ color: #ffffff; padding:8px; line-height: 2.5; background-color: rgba(115, 43, 145, 0.5); border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px;} .sidebox #systemlinks a:hover{color: #732b91;} .sidebox #latestmonth table{ width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; } .latestmonth-active{ background:#732b91; border:1px solid #ae41db; margin:1px; padding:3px; } .latestmonth-inactive{ background:transparent; border:1px solid #ae41db; margin:1px; padding:3px; } .latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active { color:#f4f4f4; text-decoration:none; } .latestmonth-active a:hover{text-decoration:underline;} .latestmonth-active:hover { background:#ae41db; border:1px solid #ae41db; } .listtitle { font-weight: normal; } .profile-label { font-weight: normal; } /*OTHER PAGES*/ /* COMMENT PAGE */ .comments-wrapper {margin-top: 20px;} .commentHolder { color:grey; background-image: url(); border: 2px inset #732b91; background-color: rgba(255, 70, 0, 0.0); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; font-family: tahoma; font-size: 14px; margin: 4px 0px 4px 4px; } .commentUserinfo { text-align: center; margin: 0px 8px 8px 10px; background-color: transparent; } .commentUserinfo-usericon img { border: 0; } .commentText { padding: 6px; } .commentHeader { background-color: transparent; color:#702f8e; font-family: ; font-size: 10px; padding: 4px 0px 4px 8px; text-transform: uppercase; letter-spacing: 3px; } .commentHeader a{ color:#160925; } .commentHeaderScreened { font-family: ; font-size: 12px; background-color:transparent; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: normal; } .commentLinkbar { font-family: ; font-size: 11px; color:grey; text-align: right; padding-top: 4px; padding-bottom: 4px; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } .replyform { background-color:#2b1a42; color:#514b58; padding-left: 10px; } #commenttext{ width:100%; } /*ARCHIVE PAGE*/ .yearlinks{ text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 470px; border: 1px solid #ff0000; margin: 8px 8px 8px 40px; } .daysubjects { color: #732b91; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; border: 1px solid #ff0000; background: #ff4600; color: #ffffff; } .day-blank { border: 1px solid #ff0000; } .day { border: 1px solid #ff0000; } .day-date { border-right: 1px solid #ff0000; border-bottom: 1px solid #ff0000; color: #732b91; width: 50%; text-align: center; } .day-count { width: 50%; text-align: center; float: right; font-size: 20px; } .day-count a { text-decoration: none; color: #732b91; } /*TAGS PAGE*/ .tagstable, .tagstable td { border: 1px solid #ff4600; } .tagstable { width: 300px; } /*SOCIAL ROLL*/ .social-roll { border-radius: 50%; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .social-roll:hover { box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } /* latin-ext */ @font-face { font-family: 'Shojumaru'; font-style: normal; font-weight: 400; src: local('Shojumaru'), local('Shojumaru-Regular'), url(https://fonts.gstatic.com/s/shojumaru/v5/rax_HiWfutkLLnaKCtl8DRhfo0s.woff2) format('woff2'); unicode-range: U 0100-024F, U 0259, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF; } /* latin */ @font-face { font-family: 'Shojumaru'; font-style: normal; font-weight: 400; src: local('Shojumaru'), local('Shojumaru-Regular'), url(https://fonts.gstatic.com/s/shojumaru/v5/rax_HiWfutkLLnaKCtl8Axhf.woff2) format('woff2'); unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD; }  

Talán ennyi így zanzásítva, remélem nem felejtettem el semmit, de ha valami nem oké, akkor írjatok és javítom/pótolom.