blog skins 401487

Upload: vincent-jake-naputo

Post on 07-Mar-2016

212 views

Category:

Documents


0 download

DESCRIPTION

aw

TRANSCRIPT

  • bias 1

    #navbar-iframe {display: none;}

    body {background:#fff;font-family: tahoma, sans-serif;font-size: 10px;}

    a:link,a:active,a:visited{color:#888;text-decoration:none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} a:hover {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

    ::-webkit-scrollbar {width: 5px; height:5px; background:#2a2a2a;}::-webkit-scrollbar-corner {background:#fff;}::-webkit-scrollbar-thumb:vertical {background:#fff;}::-webkit-scrollbar-thumb:horizontal {background:#fff;}

    ::-moz-selection {background:#FFFFFF;color:#ccc;}

    ::selection {background:#FFFFFF;color:#ccc;}

    /* credit */#credit {position: fixed;background-color: transparent;bottom: 10px;right: 10px;text-transform: lowercase;font-family: calibri;margin-top:5px;text-align:center;border: 1px dashed #fff;padding: 5px;font-size: 15px;

  • -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}

    #credit:hover {margin-top:-5px;border: 5px dashed #2a2a2a;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}

    #box {width:1000px;margin: auto;margin-top:100px;padding:25px; }

    #inbox {margin-left:20px;width:200px;height:300px;margin-top: 10px;display: inline-block;border:5px double #fafafa;padding:7px;background:#ffffff;} #inbox img {width:100px;height:100px;-webkit-border-radius:100px 90px 100px 0px;-moz-border-radius:100px 90px 100px 0px;border-radius:100px 90px 100px 0px;padding:5px;margin-top:10px;margin-left:auto;margin-bottom:10px;border:1px solid #eee;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}

    #inbox img:hover{-webkit-border-radius:100px 0px 100px 90px;-moz-border-radius:100px 90px 100px 0px;border-radius:100px 0px 100px 90px;}

    #name{color:#fafafa;font-family: metropolis 1997;font-size: 20px;padding:10px;text-align: center;text-transform: uppercase;letter-spacing: 1px;

  • background:#2a2a2a;text-shadow:15px 0px transparent, -15px 0px transparent;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;} #name:hover {background:#fff;color: #2a2a2a;text-shadow: 0px 0px #333, -0px 0px #333;}

    #description {position:absolute;font-family: calibri;font-size: 8px;width: 180px;height: 100px;color: #000;letter-spacing: 2px;text-transform: uppercase;margin-bottom:5px;background:#fff;padding:10px;margin-top: 10px;text-align:justify;overflow: auto;}

    /*link navigation*/.luhan1, .luhan2, .luhan3, .luhan4{overflow: hidden;display: inline-block;width: 30px;height: 30px;margin-bottom: 30px;-webkit-border-radius:100px 90px 100px 0px;-moz-border-radius:100px 90px 100px 0px;border-radius:100px 90px 100px 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(-225deg);-moz-transform: rotate(-225deg);-o-transform: rotate(-225deg);-ms-transform: rotate(-225deg);transform: rotate(-225deg);}.luhan1:hover, .luhan2:hover, .luhan3:hover, .luhan4:hover{background-color: white;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}#nav {

  • position: fixed;top: 30px;right: 10px;}

    /*link color*/.luhan1 { background-color: #444; }.luhan1:hover { box-shadow: inset 0px -5px #2a2a2a, -5px 0px #444;}.luhan2 { background-color: #999; }.luhan2:hover { box-shadow: inset 0px -5px #2a2a2a, -5px 0px #999;}.luhan3 { background-color: #222; }.luhan3:hover { box-shadow: inset 0px -5px #2a2a2a, -5px 0px #222;}.luhan4 { background-color: #ccc; }.luhan4:hover { box-shadow: inset 0px -5px #2a2a2a, -5px 0px #ccc;}

    /* HEADER */#xoxo {font-family: voor;font-size: 100px;color: #000;text-align:center;height: 10px;width: 300px;margin:auto;margin-top:10px;z-index:999;background-color:transparent;border-bottom: 2px solid #2a2a2a;}

    BIAS

    ONE

  • Lorem ipsum dolor sit amet, jongin adipiscing elit. Vestibulum taemin felis at tincidunt vestibulum. Phasellus sunggyu tincidunt sapien eget euismod. Phasellus iu neque et purus tincidunt placerat. Vestibulum exo ut sapien eget faucibus. smtown ligula mauris, suscipit non ante id, tempor volutpat ante.

    TWO

    love . touch . danceLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing felis at tincidunt vestibulum. Phasellus mollis tincidunt sapien eget euismod. Phasellus iaculis neque et purus tincidunt placerat. Vestibulum dignissim ut sapien eget faucibus. Phasellus ligula mauris, suscipit non ante id, tempor volutpat ante.

    THREE

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing felis at tincidunt vestibulum. Phasellus mollis tincidunt sapien eget euismod. Phasellus iaculis neque et purus tincidunt placerat. Vestibulum dignissim ut sapien eget faucibus. Phasellus ligula mauris, suscipit non ante id, tempor volutpat ante.

    FOUR

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing felis at tincidunt vestibulum. Phasellus mollis tincidunt sapien eget euismod. Phasellus iaculis neque et purus tincidunt placerat. Vestibulum dignissim ut sapien eget faucibus. Phasellus ligula mauris, suscipit non ante id, tempor volutpat ante.

    FIVE

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing felis at tincidunt vestibulum. Phasellus mollis tincidunt sapien eget euismod. Phasellus iaculis neque et purus tincidunt placerat. Vestibulum dignissim ut sapien eget faucibus. Phasellus ligula mauris, suscipit non ante id, tempor volutpat ante.

    SIX

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing felis at tincidunt vestibulum. Phasellus mollis tincidunt sapien eget euismod. Phasellus iaculis neque et purus tincidunt placerat. Vestibulum dignissim ut sapien eget faucibus. Phasellus ligula mauris, suscipit non ante id, tempor volutpat ante.

    SEVEN

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing felis at tincidunt vestibulum. Phasellus mollis tincidunt sapien eget euismod. Phasellus iaculis neque et purus tincidunt placerat. Vestibulum dignissim ut sapien eget faucibus. Phasellus ligula mauris, suscipit non ante id, tempor volutpat ante.

    EIGHT

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing felis at tincidunt vestibulum. Phasellus mollis tincidunt sapien eget euismod. Phasellus iaculis neque et purus tincidunt placerat. Vestibulum dignissim ut sapien eget faucibus. Phasellus ligula mauris, suscipit non ante id, tempor volutpat ante.