daily pastebin goal
30%
SHARE
TWEET

𝚊𝚌𝚛𝚒𝚖𝚘𝚗𝚢 blog layout PCW

xsubZERO Dec 16th, 2018 52 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. Blog layout as requested by: 𝚊𝚌𝚛𝚒𝚖𝚘𝚗𝚢.
  2. ================================================= Blog Header,
  3.  
  4. <div id="navigation"><nav class="smref" id="smref"><center> <a href="">home</a> <a href="">content</a> <a href="">message</a> <a href="">comment</a> <a href="">blog</a> <a href="">gallery</a></div></div>
  5.  
  6.  
  7.  
  8.  
  9.  
  10. =========================================== Blog Stylesheet,
  11.  
  12. <style type="text/css">  @import url(https://fonts.googleapis.com/css?family=); @font-face {font-family:boulv;src: url('https://static.tumblr.com/jtvmcoc/q7cpj9e2h/boulevard.otf');} @import url(https://fonts.googleapis.com/css?family=); @font-face {font-family:slkscrn;src: url('http://static.tumblr.com/jtvmcoc/baIn9f1ea/slkscr.ttf');}  body { background-color: #0e0e0e; background-image:url("https://i.imgur.com/52gbyFf.png");  background-attachment:fixed;  background-repeat: repeat;  background-position: top left; margin-top:-380px; margin-left: 150px; overflow-y;hidden; Overflow-x:hidden;}        p, div, table, tr, td, font, br { font-size: 9px; font-family: courier new;  line-height: 10px; text-align: justify;  color: #3e3e3e!important; text-transform:uppercase!important;}        .blacktext10 { font-family: courier new;  font-size: 10px; color: #9c969e!important;  line-height: 11px; letter-spacing: 1px; font-weight: normal;  text-transform: uppercase;  display:none;}     textarea, input, select {   8px courier new; text-transform:uppercase!important; line-height: 90% !important;  color: #3e3e3e!important;    border: 1px solid #070a06!important;    overflow:auto;  background-color: #070a06!important;}   .main {  margin-top: 330px;  margin-left: 185px;  width: 550px!important;   background-color: #0e0e0e!important;   border: 5px double #3a3a3a!important;  background-image:url('');  background-repeat: repeat;}         .blogSubject { margin-top: 20px!important;  font-family: karma;  font-size: 20px!important;  color: #313131; text-shadow: 2px 0px #0a0a0a, 2px 0px #0a0a0a, 0.2!important;  line-height: 2px!important;  letter-spacing: 2px!important;  font-weight: lighter!important;  text-align: center!important;  text-transform: none;  display: block!important;}          .blog {  margin-left: -12px;  width: 550px!important;  background-color: #0e0e0e!important; background-image:url('');  background-repeat: repeat;  margin-bottom: 5px;}          .blogcomments, .blogcommentsprofile {     background-color: #0e0e0e!important;          font-family: calibri;          color:#313131;          font-size:8px;          font-weight:normal;          text-decoration:lighter;         line-height:9px;       text-transform:none;}             .nav, .spacer, .blogTimeStamp, .googleafc, .commentspacer, hr, .blogsubject  p {display: none!important;  }     u, font { visibility:visible; }     .main u, .main font { visibility: visible; } </style>  <style>/*hidecodes*/ input[type="radio"] {display:none;}  body[Attributes Style] {background:#000;}  .top_nav_black {display:none;}  .blogContentInfo{ display:none !important;visibility:hidden!important; }  .profile { display:none !important;visibility:hidden!important; }  .nav, .spacer, .googleafc, .commentspacer, hr, .blogsubject p {display: none!important;}  images/spacer.gif{ display:none !important;visibility:hidden!important; } .st_sharethis_hcount, .st_facebook_hcount,  .st_twitter_hcount, .st_pinterest_hcount  { display:none !important;visibility:hidden!important; } #IL_IF_RIGHT, .IL_BASE { display:none !important;visibility:hidden!important; } #ctl00_cpMain_AdLeaderBoard_Img1 {display:none;} .blogTimeStamp {display:none;}   </style><style>#title span {   Font-family:'boulv'!important; color: #bababa;     font-size:30px!important;       font-weight:normal; text-transform:lowercase!important; Margin-top:5px!important; }  b { font-family:slkscrn; font-size: 8px; color:#515151;  text-transform: uppercase; Font-weight:normal!important; letter-spacing: 1px;}   i { font-family:slkscrn; font-size: 8px; color:#a399af;  text-transform: uppercase; Font-weight:normal!important; letter-spacing: 1px;}   u { font-family:slkscrn; font-size: 8px; color:#e59700;  text-transform: uppercase; Font-weight:normal!important; letter-spacing: 1px; Text-decoration:none;}    h1{ Font-family:slkscrn; color:#776b85; font-size:8px; text-align: right; text-transform: lowercase; font-weight:normal; line-height: 20px; letter-spacing:6px; padding-right:10px;  Margin-top:5px!important;  }  h2{ Font-family:'boulv'; color:#a399af; font-size:50px; text-align:left; text-transform: lowercase; font-weight:normal; line-height: 60px; letter-spacing:-1px; padding-right:10px;  Margin-top:5px!important;  }  h3{  Font-family:boulv; color: #49444f; font-size:25px; Text-transform:none; Line-height:10px; text-align: left!important; font-weight:normal; display:inline-block; Width:90px; Float:left; Margin-left: 5px; Margin-top:5px; Margin-bottom:3px; letter-spacing:-2px;  }  a:link, a:active, a:visited, a:link b, a:active b, a:visited b {   font-family:'slkscrn'; font-size:8px;   line-height:20px; letter-spacing:2px; font-weight:normal;   text-transform:uppercase;  Background-color:transparent;  text-decoration:none;   color:#ab9cbc;   -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; text-shadow:10px 0px transparent, -10px 0px transparent;}       a:hover, a:hover b {       text-decoration:none; color:#41364d; }            a.navi, a.navi:link, a.navi:active, a.navi:visited {                 color:#8e8e8e;      width:83px;         height:12px;        line-height:12px;   margin:5px;     background-color:#52495d;       text-align:center;          font-weight:normal;         display:inline-block;       padding:1px;            letter-spacing:0px;         -webkit-transition: all 0.9s ease-out;          -moz-transition: all 0.9s ease-out;         transition: all 0.9s ease-out; }      a.navi:hover {        color:#3e3647;  background-color:#8e8e8e;}        a.navii, a.navii:link, a.navii:active, a.navii:visited {                  color:#8e8e8e;      width:184px;        height:12px;        line-height:12px;   margin:5px;     background-color:#52495d;       text-align:center;          font-weight:normal;         display:inline-block;       padding:1px;            letter-spacing:0px;         -webkit-transition: all 0.9s ease-out;          -moz-transition: all 0.9s ease-out;         transition: all 0.9s ease-out; }      a.navii:hover {       color:#3e3647;  border-right:184px solid #8e8e8e }       a.second, a.second:link, a.second:active, a.second:visited { font-family:'slkscrn'; font-size:8px; line-height:10pt; font-weight: normal; color:#585858; background-color:#1e1e1e; text-decoration:none; text-transform:uppercase; letter-spacing:2px; text-align:right; display:block; border-bottom-style:none; margin-bottom:1px; -webkit-transition: all 1.3s ease-out; -moz-transition: all 1.3s ease-out; transition: all 1.3s ease-out;}   a.second:hover {     color:#29252d;  background-color:#8e8e8e;   letter-spacing:0px;}     nav a {    position: relative;     display: inline-block;  width:15%   margin-right:30px;  margin-left:20px;   margin-top: 4px;    outline: none;  color: #7f748b!important;   height:18px;    font-size:8px;  line-height:20px;   text-decoration: none;  text-transform: uppercase;  letter-spacing: 1px;    text-shadow: 0 0 1px rgba(255,255,255,0.3); }  nav a:hover, nav a:focus {   outline: none; }  .smref a {    padding: 0px;   color: #8e8e8e;     text-shadow: none;  -webkit-transition: color 0.3s;     -moz-transition: color 0.3s;    transition: color 0.3s; }  .smref a::before, .smref a::after {  position: absolute;     left: 0;    width: 100%;    height: 1px;    background:#a399af;     content: '';    opacity: 0;     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;   -moz-transition: opacity 0.3s, -moz-transform 0.3s;     transition: opacity 0.3s, transform 0.3s;   -webkit-transform: translateY(-10px);   -moz-transform: translateY(-10px);  transform: translateY(-10px); }  .smref a::before {     top: 0;     -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);   transform: translateY(-5px); }  .smref a::after {   bottom: 0;  -webkit-transform: translateY(5px);     -moz-transform: translateY(5px);    transform: translateY(5px); }  .smref a:hover, .smref a:focus {     color: #fff; }  .smref a:hover::before, .smref a:focus::before, .smref a:hover::after, .smref a:focus::after {  opacity: 1;     -webkit-transform: translateY(0px);     -moz-transform: translateY(0px);    transform: translateY(0px); } ::-webkit-scrollbar-thumb { height:auto; background-color: #29252d; border:3px solid  #0e0e0e; }  ::-webkit-scrollbar { height:9px; width:9px; background-color: #29252d; border:4px solid #0e0e0e; }          #navigation {width:570px; height:26px; float:center; text-align: center; margin:-40px 0px 0px 0px; position:absolute; z-index: 2; background: #433a4d;}  </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top