Beautifulie

— ᴄᴀɢᴇᴅ ʙɪʀᴅ.

Oct 7th, 2013
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.70 KB | None | 0 0
  1. <style type="text/css">
  2.     .pfor {display: none;}
  3.     body {background-color: #000;}
  4.     #profile {width: 1000;}
  5.     #profile {background-color: transparent;}
  6.     #profile {border: double 0px black;}
  7.     </style>
  8.      
  9.     <style type="text/css">
  10.     body{
  11.     background-color: #272727;
  12.     background-image:url('http://25.media.tumblr.com/2337e1ea3e64bff9a970e058526c4157/tumblr_minfy6Pe2F1reevnto1_500.png');
  13.     background-repeat: no-repeat;
  14.     background-attachment: fixed;
  15.     background-position: -85px 30px;
  16.     text-align: left;
  17.     font-family: Georgia;
  18.     font-size:11px;
  19.     color:#000;
  20.     cursor: url(http://cur.cursors-4u.net/others/oth-6/oth587.cur),default}
  21.     body{overflow:hidden}
  22.     page-wrap {margin: 0 auto;}
  23.      
  24.     #Title{
  25.     position:absolute;
  26.     top: 360px;
  27.     left: 750px;
  28.     z-index:600;
  29.     color: #FFF;
  30.     font-size: 60px;
  31.     line-height: 12px;
  32.     font-weight: light;
  33.     letter-spacing: -5px;
  34.     word-spacing: 1px;
  35.     font-family: Mistral;
  36.     text-transform: Uppercase;
  37.     font-weight: normal;
  38.     text-align: right;
  39.     Text-shadow: #F1E2F5 0px 0px 3px;
  40.     width:%100px;
  41.     height:13px;
  42.     margin-top:0px;
  43.     margin-bottom: 5px;
  44.     margin-left: 0px;
  45.     padding-top: 12px;}
  46.      
  47.     #SideI
  48.     {position:absolute;
  49.     top:130px;
  50.     left:935px;
  51.     width:250px;
  52.     height:250px;
  53.     z-index:200;
  54.     overflow-x: hidden;
  55.     padding: 5px;
  56.     background-color: #fff;
  57.     background-image:url('http://sadpanda.us/images/1463238-ABSUVTI.png');
  58.     background-repeat:no-repeat;
  59.     background-position: 80% 110%;
  60.     background-size: 600px 270px;
  61.     border: #F1E2F5 2px solid;
  62.     -moz-box-shadow: 0px 0px 3px #F1E2F5;
  63.     -webkit-box-shadow: 0px 0px 3px #F1E2F5;
  64.     box-shadow: 0px 0px 3px #F1E2F5;
  65.     border-radius: 240px 240px 240px 240px;
  66.     -moz-border-radius: 240px 240px 240px 240px;}
  67.      
  68.     #HoverSideI
  69.     {position:absolute;
  70.     top:130px;
  71.     left:935px;
  72.     width:250px;
  73.     height:250px;
  74.     z-index:200;
  75.     overflow-x: hidden;
  76.     padding: 5px;
  77.     background-color: #fff;
  78.     background-image:url('http://25.media.tumblr.com/e7069e94bbc2b8b7285ebe1a913b4e64/tumblr_mjanso73xu1r3knooo1_r2_500.gif');
  79.     background-repeat:no-repeat;
  80.     background-position: 0% 30%;
  81.     background-size:270px 270px;
  82.     border: #F1E2F5 2px solid;
  83.     -moz-box-shadow: 0px 0px 3px #F1E2F5;
  84.     -webkit-box-shadow: 0px 0px 3px #F1E2F5;
  85.     box-shadow: 0px 0px 3px #F1E2F5;
  86.     border-radius: 240px 240px 240px 240px;
  87.     -moz-border-radius: 240px 240px 240px 240px;
  88.     filter:alpha(opacity=0);
  89.     moz-opacity: 0.0;
  90.     opacity: 0.0;
  91.     -webkit-transition: 6s;}
  92.      
  93.     #HoverSideI:hover
  94.     {position:absolute;
  95.     top:130px;
  96.     left:935px;
  97.     width:250px;
  98.     height:250px;
  99.     z-index:200;
  100.     overflow-x: hidden;
  101.     padding: 5px;
  102.     background-color: #fff;
  103.     background-image:url('http://25.media.tumblr.com/e7069e94bbc2b8b7285ebe1a913b4e64/tumblr_mjanso73xu1r3knooo1_r2_500.gif');
  104.     background-repeat:no-repeat;
  105.     background-position: 0% 30%;
  106.     background-size:270px 270px;
  107.     border: #F1E2F5 2px solid;
  108.     -moz-box-shadow: 0px 0px 3px #F1E2F5;
  109.     -webkit-box-shadow: 0px 0px 3px #F1E2F5;
  110.     box-shadow: 0px 0px 3px #F1E2F5;
  111.     border-radius: 240px 240px 240px 240px;
  112.     -moz-border-radius: 240px 240px 240px 240px;
  113.     filter:alpha(opacity=100);
  114.     moz-opacity: 1.0;
  115.     opacity: 1.0;
  116.     -webkit-transition: 3s;}
  117.      
  118.     #img{
  119.     background-color: #FAEDDF;
  120.     border: 5px #000 solid;
  121.     height: 100px;
  122.     width: 100px;
  123.     position: fixed;
  124.     bottom: 0px;
  125.     right: 10px;
  126.     text-align: center;
  127.     }
  128.      
  129.     #friends{
  130.     background-color: transparent;
  131.     height: 100px;
  132.     width: 100%;
  133.     bottom: -62px;
  134.     left: -5px;
  135.     position: fixed;
  136.     font-family: verdana;
  137.     font-style: none;
  138.     font-size: 10px;
  139.     color: 111;
  140.     line-height: 20px;
  141.     }
  142.      
  143.     #line{
  144.     position: fixed;
  145.     bottom: 0px;
  146.     right: 0px;
  147.     width: 100%;
  148.     height: 35px;
  149.     background-color: #000;
  150.     }
  151.      
  152.     #navi{
  153.     position: fixed;
  154.     left: 320px;
  155.     top: 170px;
  156.     }
  157.      
  158.     #container{
  159.     position: fixed;
  160.     top: 199px;
  161.     left: 312px;
  162.     width: 620px;
  163.     height: 140px;
  164.     overflow: hidden;
  165.     background-color: transparent;
  166.     z-index: 200;
  167.     text-align: justify;
  168.     font-family: verdana;
  169.     font-size: 9px;
  170.     color: #111;
  171.     overflow: hidden;}
  172.      
  173.     #one, #two, #three, #four, #five, #six{
  174.     top: 195px;
  175.     left: 312px;
  176.     width: 620px;
  177.     height: 140px;
  178.     overflow: auto;
  179.     background-color: transparent;
  180.     }
  181.      
  182.     #Main
  183.     {position:absolute;
  184.     top:195px;
  185.     left:305px;
  186.     width:667px;
  187.     height:140px;
  188.     z-index:100;
  189.     color: #666;
  190.     font-size: 10px;
  191.     line-height: 12px;
  192.     font-weight: light;
  193.     word-spacing: 1px;
  194.     font-family: Century Gothic;
  195.     text-transform: normal;
  196.     font-weight: normal;
  197.     text-align: justify;
  198.     Text-shadow: #DED6AA 0px 0px 1px;
  199.     overflow: hidden;
  200.     background-color: #fff;
  201.     background-image:url('');
  202.     background-repeat:no-repeat;
  203.     background-attachment:fixed;
  204.     background-position: 0% 40%;
  205.     border-top: #F1E2F5 3px solid;
  206.     border-right: #F1E2F5 1px solid;
  207.     border-left: #F1E2F5 1px solid;
  208.     border-bottom: #F1E2F5 3px solid;
  209.     border-radius: 10px 10px 10px 10px;
  210.     -moz-border-radius: 10px 10px 10px 10px;}
  211.      
  212.     a.matsu:link, a.matsu:active, a.matsu:visited{
  213.     height: 15px;
  214.     display: block;
  215.     float: left;
  216.     width: 100px;
  217.     margin: 10px;
  218.     -moz-border-radius: 5px;
  219.     border-radius: 2px;
  220.     font-family: century gothic;
  221.     text-decoration: none;
  222.     font-size: 11px;
  223.     letter-spacing: -1px;
  224.     background-color: C4B6B6;
  225.     color: 333;
  226.     padding: 2px;
  227.     text-align: center;
  228.     -webkit-transition: all 0.6s ease-out;
  229.     -moz-transition: all 0.6s ease-out;}
  230.      
  231.     a.matsu:hover{
  232.     background-color:#777777;
  233.     color: CCC;
  234.     text-decoration: none;}
  235.      
  236.     a.ran:link, a.ran:active, a.ran:visited{
  237.     height: 15px;
  238.     display: block;
  239.     float: left;
  240.     width: 80px;
  241.     margin: 10px;
  242.     -moz-border-radius: 230px;
  243.     border-radius: 230px;
  244.     font-family: century gothic;
  245.     text-decoration: none;
  246.     font-size: 11px;
  247.     letter-spacing: -1px;
  248.     background-color: FFFEFF;
  249.     color: #333;
  250.     padding: 2px;
  251.     text-align: center;
  252.     -webkit-transition: all 0.6s ease-out;
  253.     -moz-transition: all 0.6s ease-out;}
  254.      
  255.     a.ran:hover{
  256.     background-color:#FFFEFF;
  257.     color: CCC;
  258.     text-decoration: none;}
  259.      
  260.      
  261.     h1
  262.     {z-index:-20;
  263.     color: #CCE0FF;
  264.     height:20px;
  265.     width:%100px;
  266.     font-size: 10px;
  267.     line-height: 40px;
  268.     font-weight: normal;
  269.     letter-spacing:3px;
  270.     font-family: terminal;
  271.     text-transform: uppercase;
  272.     text-shadow: #F1E2F5 0px 0px 2px;
  273.     text-align: left;
  274.     margin-top: 0px;}
  275.      
  276.     h2
  277.     {color: #DED6AA;
  278.     font-size: 20px;
  279.     line-height: 12px;
  280.     font-weight: light;
  281.     letter-spacing: 1px;
  282.     word-spacing: 2px;
  283.     font-family: DaunPenh;
  284.     text-transform: Uppercase;
  285.     font-weight: normal;
  286.     text-align: Center;
  287.     text-shadow: #F5EAB9 0px 0px 1px;
  288.     width:%100px;
  289.     height:13px;
  290.     margin-top:0px;
  291.     margin-bottom: 5px;
  292.     margin-left: 0px;
  293.     padding-top: 12px;
  294.     border-bottom: #DED6AA 1px dashed;}
  295.      
  296.      
  297.     h2:first-letter
  298.     {color: #F5EAB9;
  299.     font-size: 25px;
  300.     text-shadow: #F5EAB9 0px 1px;}
  301.      
  302.     h3
  303.     {color: #DED6AA;
  304.     font-size: 30px;
  305.     line-height: 10px;
  306.     font-weight: light;
  307.     letter-spacing: -1px;
  308.     word-spacing: 1px;
  309.     font-family: DaunPenh;
  310.     text-transform: Uppercase;
  311.     font-weight: normal;
  312.     text-align: right;
  313.     Text-shadow: #DED6AA 0px 0px 1px;
  314.     width:%100px;
  315.     height:13px;
  316.     margin-top:-12px;
  317.     margin-bottom: 0px;
  318.     margin-left: 0px;
  319.     padding-right: 4px;
  320.     border-bottom: #DED6AA 2px solid;}
  321.      
  322.     h4
  323.     {z-index:-20;
  324.     color: #DED6AA;
  325.     height:20px;
  326.     width:400px;
  327.     font-size: 10px;
  328.     line-height: 30px;
  329.     font-weight: normal;
  330.     letter-spacing:3px;
  331.     font-family: terminal;
  332.     text-transform: uppercase;
  333.     text-shadow: #DED6AA 0px 0px 2px;
  334.     text-align: left;
  335.     padding-top: -2px;}
  336.      
  337.     h5
  338.     {z-index:-20;
  339.     color: #DED6AA;
  340.     height:20px;
  341.     width:400px;
  342.     font-size: 10px;
  343.     line-height: 0px;
  344.     font-weight: normal;
  345.     letter-spacing:3px;
  346.     font-family: terminal;
  347.     text-transform: uppercase;
  348.     text-shadow: #000 0px 0px 1px;
  349.     text-align: right;
  350.     padding-top: 5px;}
  351.      
  352.     b{color: #CCE0FF;
  353.     font-size: 15px;
  354.     font-weight: light;
  355.     letter-spacing: -1px;
  356.     word-spacing: 6px;
  357.     font-family:romans;
  358.     text-transform: normal;
  359.     font-weight: normal;
  360.     text-align: center;
  361.     Text-shadow: #CCE0FF 0px 0px 2px;}
  362.      
  363.     u{color: #666;
  364.     font-size: 12px;
  365.     font-weight: light;
  366.     letter-spacing: 0px;
  367.     word-spacing: 6px;
  368.     font-family:Romans;
  369.     text-transform: normal;
  370.     font-weight: normal;
  371.     text-align: center;
  372.     border-bottom: 1px dotted #889e9f;}
  373.      
  374.     i{color: #999;
  375.     font-size: 15px;
  376.     font-weight: light;
  377.     letter-spacing: -1px;
  378.     word-spacing: 6px;
  379.     font-family:Romans;
  380.     text-transform: normal;
  381.     font-weight: normal;
  382.     text-align: center;
  383.     Text-shadow: #fff 0px 0px 1px;}
  384.      
  385.     s{color: #99D6FF;
  386.     font-size: 11px;
  387.     font-weight: light;
  388.     letter-spacing: 0px;
  389.     font-family:Romans;
  390.     text-transform: normal;
  391.     text-decoration: none;
  392.     font-weight: normal;
  393.     Text-shadow: #FF99D6 0px 0px 1px;}
  394.      
  395.     big{color: #CCE0FF;
  396.     font-size: 14px;
  397.     font-weight: light;
  398.     letter-spacing: 0px;
  399.     font-family:Romans;
  400.     text-transform: normal;
  401.     text-decoration: none;
  402.     font-weight: normal;
  403.     text-align: center;
  404.     Text-shadow: #DED6AA 0px 0px 1px;}
  405.      
  406.     small{color: #6a8386;
  407.     font-size: 11px;
  408.     font-weight: light;
  409.     letter-spacing: -1px;
  410.     font-family:Romans;
  411.     font-variant: small-caps;
  412.     text-transform: lowercase;
  413.     text-decoration: none;
  414.     font-weight: normal;
  415.     text-align: center;}
  416.      
  417.     #credit{
  418.     position:fixed;
  419.     bottom: 23px;
  420.     right: 115px;
  421.     z-index: 450;
  422.     }
  423.      
  424.     </style>
  425.      
  426.     <div id="Title">日向ネジ</div>
  427.      
  428.     <div id="SideI"></div><div id="HoverSideI"></div>
  429.     <div id="SideII"></div><div id="HoverSideII"></div>
  430.      
  431.     <div id="main">
  432.     <div id="container">
  433.     <div id="one">
  434.     <h1> This is h1 </h1> <h2> This is h2 </h2> <h3> This is h3 </h3> <h4> This is h4 </h4>  This is h5
  435.     <center> <b>bold</b> <i>italic</i> <u>underline</u> <strike>strike</strike> <big>big</big> <small>small</small></center>
  436.     </div>
  437.      
  438.     <div id="two">
  439.     bla bla bla
  440.     </div>
  441.      
  442.     <div id="three">
  443.     bla bla bla bla
  444.     </div>
  445.      
  446.     <div id="four">
  447.     bla bla bla bla
  448.     </div>
  449.      
  450.     <div id="five">
  451.     bla bla bla bla
  452.     </div>
  453.      
  454.     <div id="six">
  455.     bla bla bla bla
  456.     </div></div>
  457.     </div>
  458.      
  459.     <div id="navi">
  460.     <a href="#one" class="ran" title="Out of Character">I</a>
  461.     <a href="#two" class="ran" title="Dossier">Was</a>
  462.     <a href="#three" class="ran" title="Personality">Once</a>
  463.     <a href="#four" class="ran" title="Appearance">Called</a>
  464.     <a href="#five" class="ran" title="Legacy">A</a>
  465.     <a href="#six" class="ran" title="Memories">Genius</a>
  466.     </div>
  467.      
  468.     <div id="line"></div>
  469.     <div id="img"><img src="http://sadpanda.us/images/1463258-8Q34SOH.png" class="navigation" width="100"></div>
  470.      
  471.     <div id="friends">
  472.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  473.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  474.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  475.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  476.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  477.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  478.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  479.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  480.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  481.     <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
  482.     </div>
  483.      
  484.     <div id="credit"><A TARGET="_blank" HREF="http://devilrose.webstarts.com" title="Copyright"><img src="http://i1276.photobucket.com/albums/y472/xbeautifulie/DevilRose/--devilrose_zps255a5d78.png"></A></div>
Advertisement
Add Comment
Please, Sign In to add comment