Unify (LJ layout)

2021. ápr. 21. (szerda) 06:43 (GMT)

Unify (LJ layout)

Néhány héttel ezelőtt ígértem, hogy valamikor majd feldobom ezt az új Unify-os témát is a publikumnak... Íme most meg is teszem: THEME: Smooth Sailing (2 oszlop, sidebar a jobb oldalon) ! Ezt a témát már nem tudod újonnan kiválasztani, a LJ már nem támogatja, szóval sajnos csak azoknál fog menni ,akiknek már eleve ez van beállítva! //Amint időm engedi megpróbálom majd átdolgozni egy aktuális témára ez a layoutot // 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 szürke 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;
background: url();
color:#ffffff;

margin-top: 20px;
margin-bottom: 20px;
}
a {
color:#00BFFF;
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #E90FF;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #696969;
font-weight: normal;
text-decoration: none;
}

.pageblock{
width:1260px;
margin: 0 auto;
background-color: transparent;
color:#160925;
}
.pagefooterblock{
color: #363636;;
padding: 0px 0px 0px 0px;
margin-top: 0px;
line-height: 126px;
text-align: center;
text-transform: uppercase;
background: url(https://dc722.4shared.com/img/MAoVdID4iq/s24/1789eb09d30/footerblock1260?async&rand=0.8808667145778848);
padding-top: 0px;
background-repeat: no-repeat;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #E90FF;
}

/* HEADER */

.pageheaderblock {
text-align: left;
background-image: url(https://dc530.4shared.com/img/duW1kypAea/s24/1789e652cb0/header1260?async&rand=0.7504485987983267);
width: 1260px;
height: 480px;
}

.header-title {
font-family: "Shojumaru";
padding-top: 30px;
position: absolute;
font-size: 30px;
color:#363636;
text-shadow: 1px 1px 2px #ffffff, 0 0 25px #515151, 0 0 25px #515151;

text-align: right;
width: 400px;
padding-right: 30px;
padding-left: 800px;

}
.header-subtitle {
padding-top: 120px;
position: absolute;
font-size: 22px;
color: #363636;
text-transform: uppercase;
text-align: right;
width: 400px;
padding-right: 30px;
padding-left: 800px;
}
.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:274px;
width:696px;

}
.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: #696969;

}
.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(21, 21, 21, 0.7); }
}

.header-menu li li li a {
float: left;
border:1px solid #363636;
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(21, 21, 21, 0.7) }

.header-menu li a {
border:1px solid #363636;
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(21, 21, 21, 0.7) }

.header-menu li li a:hover { background-color:rgba(21, 21, 21, 1.0); }

.header-menu li li li a:hover { background-color:rgba(21, 21, 21, 1.0); }

.header-menu li a:hover { background-color:rgba(21, 21, 21, 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://dc722.4shared.com/img/-v274ZGviq/s24/1789e9312b0/bodyblock1260?async&rand=0.5982450169166407);
}
.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: #E90FF;
}
.body-title {display:yes;
font-weight: normal;
text-shadow: 1px 1px 2px #ffffff, 0 0 25px #ffffff, 0 0 25px #ffffff;
text-transform: uppercase;
line-height: 20px;
font-weight: 100;
font-size: 14px;
color: #363636;
font-family: "Shojumaru";
background-image: url (https://dc722.4shared.com/img/dE7bowc7ea/s24/1789e8ad938/titlebg?async&rand=0.1427582261863536);
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;
padding: 0px 0px 0px 6px;
}
.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:#00bfff;}

.entryUserinfo-usericon img {
border: 0px;
}
.entryUserinfo-usericon a img{
background:transparent;
padding: 8px;
background: rgb( 21, 21, 21, 0.3);
-webkit-box-shadow: #363636 0 0 5px;
-moz-box-shadow: #363636 0 0 5px;
-ms-box-shadow: #363636 0 0 5px;
-o-box-shadow: #363636 0 0 5px;
box-shadow: #363636 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(21, 21, 21, 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: #363636;
padding: 10px;
overflow:hidden;
clear:both!important;
font-size:0;
}
.entryHeader a, .entryHeader a:link, .entryHeader a:visited{
font-size: 14px;
color: #ffffff;
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: #00BFFF;
}
.entryText a:hover {
color: #696969;
}

.entryMetadata {
border-top: 1px dotted #363636;
padding-left: 6px;
color: #666666;
}
.entryMetadata a {
color: #00BFFF;
}
.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: #363636;
}
.entryLinkbar {
font-family: tahoma;
font-size: 11px;
color: #000000;
text-align: right;
border-top: 1px dotted #363636;
border-right: 1px dotted #363636;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
margin: 0px;
display: inline;
}
.entryLinkbar a{
color: #00bfff;
border-left: 1px dotted #363636;
border-bottom: 1px dotted #363636;
padding: 5px 10px 5px 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
}
.entryLinkbar a:visited {
color: #E90FF;
font-weight: normal;
text-decoration: none;
}
.entryLinkbar a:hover {
color: #ffffff;
background-color: rgba(21, 21, 21, 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(21, 21, 21, 0.7); }

#footer-menu li li li a {
float: left;
border:1px solid #363636;
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(21, 21, 21, 0.7) }

#footer-menu li a {
border:1px solid #363636;
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(21, 21, 21, 0.7) }

#footer-menu li li a:hover { background-color:rgba(21, 21, 21, 1.0); }

#footer-menu li li li a:hover { background-color:rgba(21, 21, 21, 1.0); }

#footer-menu li a:hover { background-color:rgba(21, 21, 21, 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: 250px;
background-color: transparent;
padding: 0px 9px 0px 0px;
}
.sidebox {
color: #132144;
background-color: transparent;
margin: -4px -5px 4px 0px;
padding-bottom: 4px;

}
.sideboxTitle {
background-color: #363636;
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: 240px;
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://dc722.4shared.com/img/Ok_N36Bfea/s24/1789e6d1808/key?async&rand=0.23033359324188596) 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 #363636;
}

.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(21, 21, 21, 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: #363636;}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;

}
.latestmonth-active{
background:#00BFFF;
border:1px solid #363636;
margin:1px;
padding:3px;
}
.latestmonth-inactive{
background:transparent;
border:1px solid #363636;
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:#515151;
border:1px solid #363636;
}
.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(21, 21, 21, 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:#00bfff;
}
.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 #363636;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #00BFFF;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #363636;
background: #363636;
color: #ffffff;
}
.day-blank {
border: 1px solid #363636;
}
.day {
border: 1px solid #363636;
}
.day-date {
border-right: 1px solid #363636;
border-bottom: 1px solid #363636;
color: #00BFFF;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;

}
.day-count a {
text-decoration: none;
color: #363636;
background: # 00BFFF;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #363636;
}
.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;
}

Keresés ebben a blogban

LCN093

Oszd meg, ha tetszik :)

Unify (LJ layout)

Megjegyzések

Megjegyzés küldése

Talán ez is érdekelhet...

Hamarosan itt a vége...

Qt alkalmazások esete a GTK témával

Emilie Autumn - 306