paris layout

/*      ʙᴏᴅʏ      */

body {
background-image: url(http://s1.picswalls.com/wallpapers/2014/07/28/free-paris-wallpaper_121134410_125.jpg);
background-repeat: repeat;
background-color: #717171;
color: #000;
}

p {
font-family: times new roman;
font-size: 9px;
font-style: italic;
letter-spacing: 1px;
}

#xg_body,.xg_floating_container {
background-color: ;
}

img {
margin: 0px;
}

html,body,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,ins,kbd,q,s,samp,small,sub,sup,tt,var,u,i,center,dl,dt,dd,body, ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th,.orangetext15,.lightbluetext8,.blacktext12,.blacktext10,.whitetext12,.btext,.redtext,.redbtext,.text .xg_theme button,.xg_theme a.button,.xg_theme input.button {
webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
font-family: calibri light;
line-height: 10px;
font-size: 10px;
text-decoration: none;
color: #212121;
}

/*      ғᴏɴᴛs     */

@font-face{
font-family: "Basic L" ;
src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}

@font-face {
  font-family: 'Share';
  font-style: normal;
  font-weight: 400;
  src: local('Share'), local('Share-Regular'), url(http://themes.googleusercontent.com/static/fonts/share/v1/_jCje2O-7QL947BeMhJzWQ.woff) format('woff');
}


@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(http://themes.googleusercontent.com/static/fonts/dosis/v2/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');
}

@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplaysc/v2/G0-tvBxd4eQRdwFKB8dRkf5twPfG3l5Gc3nk2Vyncrg.woff) format('woff');
}

@font-face {
font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v7/2NBgzUtEeyB-Xtpr9bm1CZa6Tn9fxpDPuRSK4Gn5Ybw.woff) format('woff');
}

/*      sᴄʀᴏʟʟʙᴀʀ        */
::-webkit-scrollbar {
width: 7px;
height: 30px;
background: transparent;
border-radius: 0px;
}

::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.2);
}

::-webkit-scrollbar-corner {
background: transparent;
}


/*      ғʀɪᴇɴᴅ ᴀɴᴅ ᴀᴅᴍɪɴ ᴏᴘᴛɪᴏɴs     */
.xg_module_body.profile.vcard dl.last-child a {
font-family: calibri;
font-size: 8px;
letter-spacing: 0px;
text-transform: uppercase;
margin: 1px;
color: #cdcdcd;
}

.xg_module_body.profile.vcard dl.last-child::after {
content:"LM THEMES";
font-family: trebuchet ms;
font-size: 7px;
background-color: rgba( 252, 153, 165 , 0.2);
color:  rgba( 252, 153, 165 , 0.9);
border: 1px solid rgba( 252, 153, 165 , 0.2);
padding: 5px 30px 5px 30px;
}

.xg_module_body.profile.vcard dl.last-child:hover {
}

.xg_module_body.profile.vcard dl.last-child {
position: fixed;
padding: 10px;
left: 0px;
top: 0px;
margin-top: 0px;
margin-left: 0px;
z-index: 10000;
overflow: hidden;
}

ul.nobullets.last-child {
display: block;
position: fixed;
margin: 0px;
margin-left: 0px;
top: 400px;
opacity: 0;
}

ul.nobullets li {
color: transparent;
}

/*      ʀᴇᴍᴏᴠᴇᴅ    */

#xg_masthead {
visibility: hidden;
}

.xg_sprite.xg_sprite-share {
display: none;
}

.likebox {
display: none;
}

.post_to_twitter {
display: none;
}

.account-links {
display: none;
}

.xg_module movable,.module_video {
display: none;
}

h1 {
display: none;
}

h2 {
display: none;
}

.ul.navigation.easyclear {
display: none;
}

.sortable.music {
display: none;
}

.right {
display: none;
}

.module_groups {
display: none;
}

.module_about_user {
display: none;
}

.sortable.module_feed {
display: none;
}

.module_photo {
display: none;
}

.module_members {
display: none!important;
}

#xj_module_gift {
display: none;
}

#xg_module_body,#xg_module_head h2,.xg_module_comment_wall {
display: none;
}

#xg_masthead {
visibility: hidden;
}

.xg_sprite xg_sprite-share {
display: none!important;
}

#xn_bar {
display: none;
}

.xg_theme #xg_foot {
display: none;
}

#xg_layout_column_1 {
}

.xg_span-5 {
display: none!important;
}

#xg_mudule.movable.sortable.module {
display: none;
}

#xg_navigation,#xg_navigation ul,#xg_navigation ul li,#xg_navigation ul li span,#xg_navigation {
display: none;
}

.xg_theme #xg_head,.xg_theme #xg_foot {
display: none;
}

.dy-avatar.dy-avatar-full-width {
display: none;
}

#xj_approvalBox {
display: none;
}

.module_blog {
display: none;
}

/*      ʟɪɴᴋs ᴀɴᴅ ᴛʀᴀɴsɪᴛɪᴛᴏɴs     */

a:hover, a, #sidebar:hover #simage1, #sidebar:hover #simage2,  #sidebar, #simage1, #simage2 {
font-family: calibri;
font-size: 8px;
text-decoration: none;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}

#box:hover #back, #box:hover #title, #box:hover #text, #back, #title, #text, #box:hover #hidden img, #hidden img {
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
}
{
-webkit-transition: all 600ms linear;
-moz-transition: all 600ms linear;
-ms-transition: all 600ms linear;
-o-transition: all 600ms linear;
transition: all 600ms linear;
}

a {
text-transform: uppercase;
}

/*      ᴍᴀɪɴ ᴄᴇɴᴛʀᴀʟ sᴛᴜғғ       */


div#xg_layout_column_2 {
font-size: 7px;
width: 400px;
height: 400px;
position: fixed;
top: 0;
left: 0;
margin-left: 500px;
background-color: transparent;
margin-top: 10px;
}

div.xg_span-16 {
font-size: 7px;
width: 400px;
height: 450px;
position: fixed;
top: 0;
left: 0;
margin-left: 0px;
background-color: transparent;
}

div.xg_3col {
width: 400px;
background-color: transparent;
position: fixed;
top: 0;
left: 0;
margin-left: 0px;
}

/*      ᴄʀᴇᴅɪᴛs ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇᴍ ʜᴇʀᴇ ᴏʀ ɪɴ ᴛʜᴇ ʜᴛᴍʟ ɪ ᴡɪʟʟ ᴄᴀᴛᴄʜ ʏᴏᴜ      */

#cred {
position: fixed;
right: 15px;
bottom: 30px;
}

@font-face {
font-family: "Journal"; src: url('http://static.tumblr.com/pwgdr2n/9YYm3j4gp/journal.ttf');
}

#cred a strong {
color: red;
font-family: 'journal';
text-transform: lowercase;
font-size: 40px;
line-height: 20px;
letter-spacing: -2px;
color: #ff7575;
display: block;
text-align: center;
}

#cred a {
font-family: trebuchet ms;
font-size: 7px;
text-transform: uppercase;
color: #aaa;
}

#cred:hover {
opacity: 0.5;
}


/*      ᴀᴅᴅɪᴛɪᴏɴᴀʟs     */

#sidebar {
position: fixed;
top: 0px;
left: 0px;
margin-left: 140px;
width: 230px;
padding: 110px 10px 0px 10px;
height: 100%;
}
#sideimage{
border: 1px solid #858585;
height: 125px;
width: 230px;
overflow: hidden;
}

#sideimage img {
margin: 0px;
}

#simage1 {
position: relative;
height: 125px;
width: 230px;
overflow: hidden;
}
#simage2 {
position: relative;
margin-top: -125px;
z-index: -100;
height: 125px;
width: 230px;
overflow: hidden;
opacity: 0;
}

#sidebar:hover #simage1 {
opacity: 0;
}
#sidebar:hover #simage2 {
opacity: 1;
}

#quote {
font-family: 'Share';
color: #C1C1C1;
text-transform: lowercase;
font-size: 9px;
letter-spacing: 0px;
line-height: 12px;
font-style: italic;
padding: 10px 20px 10px 20px;
width: 210px;
margin-left: -10px;
text-align: center;
}

.ex {
font-size: 50px;
font-style: normal;
opacity: 0.3;
float: left;
margin-right: -20px;
margin-top: 10px;
color: #BDD1DE;}

.line {
width: 130px;
border-bottom: 1px solid #BDD1DE;
opacity: 0.7;
text-align: center;
margin-top: 10px;
}

#links {
position: fixed;
left: 0px;
top: 0px;
margin-top: 60px;
margin-left: 400px;
background-color: #8AB3CF;
position: fixed;
width: 600px;
height: 40px;
text-align: center;
}
#links a {
display:block;
width: 110px;
font-family: 'Share';
color: #fefefe;
font-size: 7px;
margin: 5px;
line-height: 28px;
letter-spacing: 2px;
}
#links a {
border-bottom: 1px solid rgba(255,255,255,0.3);
border-top: 1px solid rgba(255,255,255,0.3);
}
#links a:hover {
border-bottom: 1px solid rgba(255,255,255,0.5);
border-top: 1px solid rgba(255,255,255,0.5);
}
#links:hover #links a {
border-bottom: 1px solid rgba(255,255,255,0.1);
border-top: 1px solid rgba(255,255,255,0.1);
opacity: 0.5;
}
td
{
height:50px;
vertical-align: top;
}
#links td
{
height: 10px;
}

#main {
position: fixed;
top: 0px;
left: 0px;
text-align: center;
margin-top: 102px;
margin-left: 400px;
width : 601px;
height: 500px;
overflow: scroll;
}

#box {
width: 180px;
height: 180px;
overflow: hidden;
border: 1px solid #BDD1DE;
margin: 8px;
box-shadow: 0px 0px 5px 0px #535353;
}
#hidden {
width: 180px;
height: 180px;
overflow: hidden;
}
#hidden img {
width: 190px;
margin: 0px;
}
#title {
font-family: "Basic L";
color: #fff;
font-size: 15px;
text-transform: lowercase;
line-height: 20px;
padding-top: 70px;
width: auto;
}

#text {
font-family: "Share";
font-family: 8px;
text-align: center;
padding: 10px;
z-index: 1000;
color: transparent;
position: relative;
}
#back {
background-color: rgba(189,209,222,0);
position: relative;
height: 180px;
width: 180px;
z-index: 1000;
margin-top: -180px;
z-index: 0;
}

#box:hover #back {
background-color: rgba(189,209,222,0.6);
}
#box:hover #title {
padding-top: 50px
}
#box:hover #text {
color: #000;
margin-top: -110px;
}
#box:hover #hidden img {
-webkit-filter: blur(3px) grayscale(1);
}