/* Theme Name: Artiste Version: 2.0 Author: seven media This theme was designed and built by seven media, http://themeforest.net/user/sevenmedia in Themeforest */ /* RESET */ body { font-family: arial; font-size: 11px; color: #CCC; } .face { width:800px; height:240px; border-bottom: 40px solid rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px black; margin-top: 195px; position: relative; left:90px; background-image: url(../images/time/bg-header.jpg); background-repeat: repeat-x; } time, .time { font-size: 10px; color:gray; border-bottom: 1px dotted #333; min-width:350px; height:20px; padding-bottom: 5px; } #timeline { width:800px; list-style-type: none; background: url(../images/time/timeline.png) top center repeat-y; position: relative; left:70px; padding:20px; } #timeline li { width:375px; padding:5px; background-color:#000; box-shadow: 2px 2px 5px black; } #timeline li:nth-of-type(odd) { clear: both; float:right; } #timeline li:nth-of-type(odd), #timeline li:nth-of-type(even) { margin:-10px 0 20px 0; } #timeline li:nth-of-type(even) .corner { position:absolute; display:block; margin-left:380px; width:20px; height:15px; background:url(../images/time/right.png); } #timeline li:nth-of-type(odd) .corner { position:absolute; display:block; margin-left:-25px; width:20px; height:15px; background:url(../images/time/left.png); } .dates { width: 90px; position: relative; left: 310px; height: 22px; text-align: center; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C51B40; background-color: #000; box-shadow: 2px 2px 5px black; margin-bottom: 25px; padding-top: 2px; } .end { width: 90px; position: relative; left: 442px; height: 22px; text-align: center; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C51B40; background-color: #000; box-shadow: 2px 2px 5px black; margin-bottom: 50px; padding-top: 2px; } .pica { text-align: center; } .pica_audio{ text-align: center; margin-top: 20px; } .follow { text-align: center; padding-top: 2px; padding-bottom: 2px; } .fits { background-image: url(../images/supersize/2.jpg); height: 100%; width: 100%; z-index: 0; position: fixed; top: 0px; } #slogan { position:absolute; width:253px; height:141px; z-index:1; top: 92px; left: 25px; } /* CSS3 STYLING */ .single-set{ overflow:hidden; } .container{ position:relative; overflow:hidden; height:100%; opacity:0.5; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; } .container:hover{ opacity:1; cursor:pointer; } .text{ background:rgba(0,0,0,0.8); color:white; font:11px Arial; height:auto; width:inherit; position:absolute; } .text a{ color:#CCC; display:block; padding:15px 0px 15px 0px; font-size:11px; font-weight:normal; text-shadow:none; text-decoration:none; width:377px; text-align: center; } /* CSS3 Top Effect */ article.css3-1 { top:-70px;left:0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .text a.css3-1{ -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .5s ease-out; transition: all .4s ease-out; } .text a.css3-1:hover{ color:#C51B40; text-decoration:none; } .container:hover article.css3-1{ top:0; } /* CSS3 Bottom Effect */ article.css3-2 { bottom:-70px;left:0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .text a.css3-2{ -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .5s ease-out; transition: all .4s ease-out; } .text a.css3-2:hover{ color:#C51B40; text-decoration:none; } .container:hover article.css3-2{ bottom:0; } /* CSS3 Right Effect */ article.css3-3 { right:-400px;top:0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; width:377px; } .text a.css3-3{ -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .5s ease-out; transition: all .4s ease-out; } .text a.css3-3:hover{ color:#C51B40; text-decoration:none; } .container:hover article.css3-3{ right:0; } /* CSS3 Left Effect */ article.css3-4 { left:-400px;bottom:0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; width:400px; } .text a.css3-4{ -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .5s ease-out; transition: all .4s ease-out; } .text a.css3-4:hover{ color:#C51B40; text-decoration:none; } .container:hover article.css3-4{ left:0; } src="images/icons/twitter.png" class="footer_icon">Twitter
  • RSS
  • Flickr
  • Facebook