Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //This is copied from google
- /* ==========================================================================
- Importing Google Web Fonts
- ========================================================================== */
- @import url(http://fonts.googleapis.com/css?family=Noticia+Text:400);
- @import url(http://fonts.googleapis.com/css?family=Noticia+Text:400italic);
- @import url(http://fonts.googleapis.com/css?family=Noticia+Text:700);
- @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
- @import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
- @import url(http://fonts.googleapis.com/css?family=Nunito:400);
- @import url(http://fonts.googleapis.com/css?family=Nunito:300);
- // see this line it says generated via initializr. <<< SEE THIS SEE THIS SEE THIS
- /* ==========================================================================
- HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
- ========================================================================== */
- html,
- button,
- input,
- select,
- textarea {
- color: #222;
- }
- body {
- font-size: 12px;
- line-height: 1;
- }
- ::-moz-selection {
- background: #b3d4fc;
- text-shadow: none;
- }
- ::selection {
- background: #b3d4fc;
- text-shadow: none;
- }
- hr {
- display: block;
- height: 1px;
- border: 0;
- border-top: 1px solid #ccc;
- margin: 1em 0;
- padding: 0;
- }
- img {
- vertical-align: middle;
- }
- fieldset {
- border: 0;
- margin: 0;
- padding: 0;
- }
- textarea {
- resize: vertical;
- }
- .chromeframe {
- margin: 0.2em 0;
- background: #ccc;
- color: #000;
- padding: 0.2em 0;
- }
- /* ==========================================================================
- Author's custom styles
- ========================================================================== */
- body{
- font-family: 'Droid Sans', sans-serif;
- font-size: 12px;
- font-weight: normal;
- color: #FFF;
- }
- h1,h2,h3,h4,h5{
- font-weight: normal;
- margin: 0; padding: 0;
- }
- h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
- text-decoration: underline;
- }
- h1{
- font-size: 44px;
- font-family: 'Nunito', sans-serif;
- font-weight: 300;
- width: 980px;
- margin: 0 auto;
- margin-top: 135px;
- text-align: center;
- color: #FFF;
- }
- h2{
- width: 197px;
- height: 24px;
- text-align: center;
- background: #d51616;
- padding: 7px 0 0px 0;
- line-height: 1;
- margin: -15px auto 0;
- font-family: 'Nunito', sans-serif;
- font-size: 18px;
- color: #000;
- }
- h2.entries{
- margin-left: 0;
- float: left;
- }
- .head-left{
- float: left;
- }
- h2.portfolio{
- float: left;
- margin: -30px 0 0 4px;
- }
- h3{
- font-family: 'Noticia Text', serif;
- font-size: 13px;
- color: #FFF;
- }
- h3.portfolio{
- clear: both;
- font-size: 20px;
- font-style: italic;
- padding: 8px 0;
- color: #8f8e8e;
- border-bottom: 1px solid #606060;
- margin: 0 4px 25px 4px;
- }
- .portfolio-credit h3{
- font-size: 14px;
- }
- h3 a{
- color: #FFF;
- text-decoration: none;
- }
- h3.inside{
- font-size: 14px;
- }
- h3.fullname, h3.video, h3.category{
- text-align: center;
- float: left;
- font-size: 14px;
- }
- h3.fullname{
- width: 205px;
- }
- h3.video{
- width: 228px;
- margin-left: 22px;
- }
- h3.category{
- width: 183px;
- margin-left: 14px;
- }
- h3.comments-txt{
- width: 320px;
- float: left;
- margin-left: 75px;
- }
- h4{
- color: #a9a9a9;
- font-size: 12px;
- margin: 6px 0;
- font-family: 'Noticia Text', serif;
- font-style: italic;
- }
- .portfolio-credit h4{
- font-size: 13px;
- }
- h4 a{
- color: #a9a9a9;
- text-decoration: none;
- }
- p{
- font-family: 'Noticia Text', serif;
- font-size: 13px;
- color: #a9a9a9;
- line-height: 200%;
- margin: 18px 0;
- }
- .clear{
- clear:both;
- }
- #img-desc-left p{
- font-family: 'Droid Sans', sans-serif;
- font-size: 18px;
- font-weight: normal;
- line-height: 140%;
- margin: 13px 0;
- color: #dbdbdb;
- }
- a{
- color: #a9a9a9;
- text-decoration: none;
- }
- a:hover{
- text-decoration: underline;
- }
- #main{
- width:100%;
- margin:0px;
- padding:0px;
- }
- #topbar{
- width: 1000px;
- height: 90px;
- background: url('../images/nav-bg.jpg') no-repeat;
- margin: 0 auto;
- position: relative;
- z-index: 100;
- }
- #logo{
- display: block;
- float:left;
- position: absolute;
- top: 3px;
- left: 35px;
- }
- ul.topnav{
- list-style: none;
- padding: 0; margin: 0;
- position: absolute;
- top: 0; right: 30px;
- }
- ul.topnav li a{
- color: #a9a9a9;
- text-decoration: none;
- padding: 0 15px;
- border-right: 1px solid #a9a9a9;
- }
- ul.topnav li a:hover{
- text-decoration: underline;
- }
- ul.topnav li{
- padding: 5px 0;
- display: inline-block;
- float: left;
- }
- ul.topnav li.last a{
- border-right: none;
- padding-right: 0;
- }
- ul.nav{
- float: right;
- margin: 36px 0 0 0;
- }
- ul.nav li{
- float: left;
- font-family: 'Droid Sans', sans-serif;
- }
- ul.nav li a{
- text-decoration: none;
- font-size: 18px;
- color: #919191;
- padding: 0 17px 0 17px;
- background: url('../images/nav-divider.gif') no-repeat right center;
- line-height: 100%;
- }
- ul.nav li a.last {
- padding-right: 32px;
- background: none;
- }
- ul.nav li a:hover {
- color: #e8554e;
- }
- #header{
- width: 100%;
- margin: -90px 0 0 0;
- height: 420px;
- display: block;
- position: relative;
- z-index: 1;
- float: left;
- }
- .headerimg{
- background: url('../images/header1.jpg') no-repeat center top;
- width: 100%;
- height: 100%;
- float: left;
- position: absolute;
- }
- #img-desc{
- display: none;
- width: 980px;
- height: 80px;
- display: block;
- position: absolute;
- left:50%; top: 328px;
- margin-left: -480px;
- z-index: 14;
- background: url('../images/black-0.7.png');
- }
- #img-desc-left{
- width: 700px;
- color: #FFF;
- float: left;
- line-height: 24px;
- padding: 0 0 0 35px;
- color: #dbdbdb;
- }
- a.button1{
- font-family: 'Nunito', sans-serif;
- color: #FFF;
- background: #d31c13;
- text-decoration: none;
- width: 210px;
- padding: 10px 0;
- font-size: 13px;
- display: block;
- text-align: center;
- float:right;
- }
- a.button1.center{
- margin: 24px 22px 0 0;
- }
- #content{
- width: 984px;
- margin: 65px auto 0;
- padding: 0 0;
- }
- .content-box1{
- position: relative;
- float: left;
- }
- ul.content-box1-list{
- padding: 0; margin: 0 auto;
- list-style: none;
- }
- ul.content-box1-list li{
- display: inline;
- }
- ul.content-box2-list{
- padding: 0; margin: 0;
- list-style: none;
- }
- ul.content-box2-list li{
- float: left;
- }
- .content-box1.center{
- margin: 0 41px;
- }
- .content-box1-bg{
- float:left;
- width: 300px;
- height: 469px;
- background: url('../images/content-box1-bg.jpg') no-repeat;
- display: block;
- }
- .content-box1-shadow{
- clear: both;
- float: left;
- background: url('../images/content-box-shadow.jpg') no-repeat;
- width: 299px;
- height: 30px;
- }
- .box-row{
- font-family: 'Noticia Text', serif;
- width: 262px;
- height: 118px;
- margin: 19px auto 0;
- position: relative;
- background: url('../images/image-box-bg.gif');
- display: block;
- }
- #portfolio-list li{
- margin:0;
- }
- #portfolio-list li .box-row{
- margin-left: 50px;
- }
- .box-row-image{
- float: left;
- }
- .box-image-corner{
- background: url('../images/image-box-corner.png') no-repeat;
- width: 20px;
- height: 20px;
- display: block;
- position: absolute;
- z-index: 100;
- top: 0; left: 0;
- }
- .box-row-content{
- padding: 14px;
- float: left;
- }
- .box-image-corner-btm{
- background: url('../images/image-box-corner-bottom.png') no-repeat;
- width: 20px;
- height: 20px;
- bottom:0;
- right:0;
- display: block;
- position: absolute;
- z-index: 101;
- }
- .likes{
- font-size: 22px;
- color: #8f8f8f;
- font-family: 'Noticia Text', serif;
- font-style: italic;
- background: url('../images/bullet1.png') no-repeat;
- padding: 0 0 0 30px;
- position: absolute;
- bottom: 14px;
- right: 52px;
- }
- a.viewall{
- font-size: 14px;
- color: #FFF;
- float: right;
- padding: 18px 18px 0 0;
- text-decoration: none;
- }
- a.viewall:hover{
- text-decoration: underline;
- }
- .content-box-list{
- font-family: 'Noticia Text', serif;
- padding: 9px 30px 30px;
- float: left;
- }
- .content-box-row1{
- width: 213px;
- padding: 17px 0 0 22px;
- height: 52px;
- float: left;
- position: relative;
- background: url('../images/content-row-divider.jpg') no-repeat bottom;
- }
- .content-box-row1.last{
- background: none;
- }
- .content-box-row1 .likes{
- bottom: 21px;
- right: 18px;
- }
- .content-box2{
- position: relative;
- float: left;
- width: 983px;
- height: 205px;
- background: url('../images/past-entry-bg.jpg') no-repeat;
- display: block;
- margin-top: 35px;
- }
- .content-box-columns{
- float: left;
- padding: 20px 0 14px 49px;
- }
- .past-entry{
- float: left;
- margin-right: 20px;
- }
- .past-image{
- position: relative;
- float: left;
- }
- .past-desc{
- position: absolute;
- left: 0;
- bottom: 0;
- background: url('../images/black-0.7.png');
- display: block;
- width: 122px;
- height: 41px;
- padding: 5px 0 0 9px;
- }
- .content-box2 a.viewall{
- padding-top: 14px;
- }
- #footer{
- margin: 50px 0 0 0;
- width: 100%;
- height: 65px;
- background: #2d2d2d;
- font-family: 'Nunito', sans-serif;
- font-weight: 300;
- font-size: 12px;
- color: #FFF;
- }
- #footer-wrap{
- width: 985px;
- margin: 0 auto;
- }
- .footer-logo{
- float: left;
- padding: 9px 0 0 0;
- }
- .footer-nav{
- float: right;
- margin-right: 10px;
- }
- ul.footer{
- padding: 0;
- margin: 17px 0 0 0;
- }
- ul.footer li{
- list-style-type: none;
- float: left;
- }
- ul.footer li a{
- text-decoration: none;
- color: #FFF;
- padding: 0 12px;
- margin: 0;
- border-right:1px solid #FFF;
- }
- ul.footer li a.last{
- padding-right: 0;
- border: none;
- }
- ul.footer li a:hover{
- color: #8f8f8f;
- }
- .copyright{
- clear:right;
- float: right;
- margin: 12px 10px 0 0;
- }
- #header-inside{
- width: 100%;
- height: 240px;
- margin: -90px 0 0 0;
- display: block;
- position: relative;
- z-index: 1;
- float: left;
- }
- .inside-image1{
- background: url('../images/inside-header1.jpg') no-repeat center;
- width: 100%;
- height: 100%;
- float: left;
- }
- .content-box-inside{
- position: relative;
- width: 889px;
- float: left;
- padding: 0 47px 34px 47px;
- background: url('../images/content-inside-bg.gif');
- }
- .content-portfolio-left{
- position: relative;
- float: left;
- width: 651px;
- margin-bottom: 20px;
- }
- .content-portfolio-right{
- font-family: 'Alegreya', self;
- float: right;
- width: 224px;
- background: url('../images/content-box1-bg.jpg');
- padding: 26px 37px 18px 37px;
- margin: 38px 0 56px 0;
- }
- .portfolio-credit{
- padding: 0;
- margin: 0;
- list-style: none;
- }
- ul.portfolio-credit li{
- padding: 0 0 13px 0;
- }
- ul.entries{
- list-style-type: none;
- margin: 0 0 0 -48px;
- padding: 0;
- }
- ul.entries li{
- float: left;
- display: inline;
- padding: 0;
- margin: 0 0 0 50px;
- }
- ul.entries .box-row{
- float: left;
- }
- .dropdown-title a{
- width: 80px;
- height: 23px;
- padding: 7px 0 0 10px;
- margin: -15px 50px 0 0;
- color: #FFF;
- font-family: 'Nunito', sans-serif;
- font-weight: 300;
- text-decoration: none;
- float: right;
- font-size: 16px;
- background: url('../images/down-arrow.gif') no-repeat #797979 72px 11px;
- }
- ul.dropdown{
- display: none;
- position: absolute;
- z-index: 102;
- list-style-type: none;
- background: #797979;
- height: 95px;
- width: 959px;
- margin:0; padding:0 0 0 24px;
- top: 14px;
- left: 0;
- font-family: 'Noticia Text', serif;
- font-size: 15px;
- }
- ul.dropdown li{
- float: left;
- }
- ul.dropdown li a{
- color: #6b6b6b;
- text-decoration: none;
- background: #FFF;
- border: 1px solid #cccdc7;
- padding: 10px 14px;
- margin: 30px 16px 0 0;
- float: left;
- }
- ul.dropdown li a.last{
- margin-right: 0;
- }
- ul.dropdown li a:hover, ul.dropdown li a.current{
- background: #d7d7d7;
- }
- ul.dropdown li.divider{
- border-left: 1px solid #a2aaaa;
- height: 100%;
- color: #FFF;
- font-size: 14px;
- margin: 0 24px 0 30px;
- }
- ul.dropdown li.divider span{
- background: #797979;
- margin: 39px 0 0 -10px;
- padding: 4px 0;
- display: block;
- }
- ul.paging{
- float: right;
- margin: 20px -8px 0 0;
- padding: 0;
- }
- ul.paging li{
- display: inline;
- list-style: none;
- color: #6e6e6e;
- float: left;
- }
- ul.paging li.paging-dots{
- padding: 10px 5px 0 0;
- display: block;
- }
- ul.paging li a{
- background: transparent url('../images/bt-number-bg.png') no-repeat;
- display: block;
- float: left;
- height: 31px;
- margin-right: 7px;
- color: #6e6e6e;
- text-decoration: none;
- }
- ul.paging li a span {
- background: transparent url('../images/bt-number-bg.png') no-repeat right top;
- display: inline;
- float: left;
- height: 22px;
- padding: 9px 10px 0 0;
- margin-left: 10px;
- }
- ul.paging li a:hover{
- background-position: 0px center;
- }
- ul.paging li a:hover span {
- background-position: right center;
- }
- ul.paging li a.active{
- color: #447000;
- background-position: 0px bottom;
- }
- ul.paging li a.active span{
- background-position: right bottom;
- }
- .header-color{
- background: #000;
- width: 100%;
- height: 240px;
- margin: -90px 0 0 0;
- display: block;
- position: relative;
- z-index: 1;
- float: left;
- }
- a.bt-like{
- border: none;
- margin-bottom: 12px;
- float: left;
- }
- a.bt-like:hover{
- background-position: bottom left;
- }
- .credit-info{
- font-size: 16px;
- margin: 20px -37px 0;
- border-top: 1px solid #FFF;
- display: block;
- padding: 18px 0 0 50px;
- }
- .views-info{
- font-size: 16px;
- background: url('../images/icon-view.png') top center no-repeat;
- float: left;
- padding: 45px 0 0 0;
- text-align: center;
- width: 50px;
- color: #FFF;
- line-height: 20px;
- font-style: italic;
- }
- .credit-divider{
- float: left;
- width: 1px;
- height: 75px;
- display: block;
- background: #cccdc7;
- margin: 13px 50px 0 55px;
- }
- .likes-info{
- float: left;
- width: 40px;
- background: url('../images/icon-likes.png') top center no-repeat;
- float: left;
- padding: 45px 0 0 0;
- text-align: center;
- color: #FFF;
- line-height: 20px;
- font-style: italic;
- }
- .content-video{
- background: url('../images/video-container-bg-loop.gif') repeat-y center;
- padding: 0 4px 0 5px;
- }
- .video{
- position: relative;
- }
- .sharing{
- position: absolute;
- top: 0; left: -36px;
- width: 36px; height: 132px;
- z-index: 100px;
- background: url('../images/icon-share.gif') no-repeat 12px 76px #E0E5E2;
- }
- .facebook, .twitter{
- width: 36px;
- height: 36px;
- display: block;
- background: url('../images/icon-facebook.gif') no-repeat 13px 8px;
- }
- .twitter{
- background: url('../images/icon-twitter.gif') no-repeat 8px 8px;
- }
- .sharing a{
- width: 36px;
- height: 36px;
- display: block;
- }
- .content-video-footer-bg{
- background: url('../images/video-container-bg-footer.gif') no-repeat;
- width: 650px;
- height: 12px;
- margin: 0 0 0 -5px;
- display: block;
- }
- .comments-container{
- padding: 20px 18px;
- font-size: 12px;
- font-family: 'Helvetica', Arial, sans-serif;
- color: #707070;
- }
- .comments-title{
- width: 105px;
- text-align: center;
- }
- .comments-title h4{
- padding: 8px 0;
- background: #e8554e;
- font-style: normal;
- color: #FFF;
- font-size: 16px;
- margin: 0;
- }
- .comments-arrow{
- width: 100%;
- height: 7px;
- background: url('../images/comment-arrow.gif') no-repeat center #FFF;
- }
- ul.comments, ul.comments li ul{
- padding: 0; margin: 0;
- list-style: none;
- }
- ul.comments li ul li{
- padding: 0 0 0 28px;
- width: 580px;
- }
- ul.comments li{
- clear: both;
- margin: 6px 0 0 0;
- float: left;
- width: 608px;
- }
- ul.comments li ul{
- margin: -6px 0 0 0;
- }
- .comment-img{
- background: url('../images/comment-img-bg.gif') no-repeat;
- width: 54px;
- height: 54px;
- position: relative;
- float: left;
- }
- .comment-img-bg{
- position: absolute;
- background: url('../images/comment-img-bg-shadow.png') no-repeat transparent;
- width: 40px;
- height: 40px;
- z-index: 10;
- top: 7px; left: 7px;
- }
- .comment-img-bg a{
- width: 100%;
- height: 100%;
- display: block;
- float: left;
- }
- .comment-img-holder{
- margin: 7px 0 0 7px;
- position: relative;
- z-index: 1;
- }
- .comment-details{
- float: left;
- width: 546px;
- margin: 0 0 0 6px;
- }
- ul.comments li ul li .comment-details{
- width: 520px;
- margin: 0 0 0 6px;
- }
- .comment-author{
- color: #303030;
- float: left;
- }
- .comment-time{
- float: right;
- font-size: 10px;
- color: #303030;
- }
- .comment-txt{
- clear: both;
- padding: 5px 0 0 0;
- line-height: 130%;
- }
- .comment-details a{
- color: #303030;
- text-decoration: none;
- font-weight: bold;
- }
- .comment-details a:hover{
- text-decoration: underline;
- }
- .comment-details .tleft {
- height: 7px;
- width: 7px;
- background: url('../images/comment-bg-tl.gif') no-repeat;
- float: left;
- }
- .comment-details .tright {
- height: 7px;
- width: 7px;
- background: url('../images/comment-bg-tr.gif') no-repeat;
- float: right;
- }
- .comment-details .top {
- height: 7px;
- background: url('../images/comment-bg-top.gif') top repeat-x;
- margin-left: 7px;
- margin-right: 7px;
- }
- .comment-details .left {
- background: url('../images/comment-bg-left.gif') left repeat-y;
- }
- .comment-details .left .right {
- background: url('../images/comment-bg-right.gif') right repeat-y;
- }
- .comment-details .left .right .center {
- margin-left: 7px;
- margin-right: 7px;
- padding: 5px 5px 3px 5px;
- min-height: 30px;
- }
- .comment-details .left .right .center .clear {
- clear: right;
- }
- .comment-details .bleft {
- height: 7px;
- width: 7px;
- background: url('../images/comment-bg-bl.gif');
- float: left;
- }
- .comment-details .bright {
- height: 7px;
- width: 7px;
- background: url('../images/comment-bg-br.gif');
- float: right;
- }
- .comment-details .bottom {
- height: 7px;
- background: url('../images/comment-bg-bottom.gif');
- margin-left: 7px;
- margin-right: 7px;
- }
- .post-comment{
- padding: 12px 0 0 0;
- }
- input.input-submit{
- background: url('../images/bt-submit.gif') no-repeat top left;
- width: 64px;
- height: 30px;
- text-align: center;
- float: right;
- border: none;
- margin: 0;
- padding: 0;
- }
- input.input-submit:hover{
- background-position: bottom left;
- }
- textarea.input-comment{
- color: #909090;
- width: 579px;
- margin: 0 0 10px 3px;
- padding: 10px;
- border: 1px solid #ddd;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -webkit-box-shadow:inset 0 0 3px #ddd;
- box-shadow:inset 0 0 3px #ddd;
- }
- .inside-content-bg{
- position: relative;
- margin: 20px 0 0 0;
- background: url('../images/image-box-bg.gif');
- padding: 20px 24px 1px 24px;
- }
- .inside-contact-bg{
- float: left;
- position: relative;
- margin: 20px 48px 0 0;
- background: url('../images/image-box-bg.gif');
- padding: 20px 24px;
- width: 378px;
- }
- .address-txt{
- margin-top: 10px;
- font-style: italic;
- }
- .right-padnil{
- padding-right: 0;
- margin-right: 0;
- }
- .extra-margin{
- margin-top: 30px;
- }
- .contact-heading{
- margin-bottom: 0;
- }
- .contact{
- margin: 0 auto;
- width: 250px;
- }
- .login{
- margin-top: -10px;
- }
- .register{
- padding-bottom: 10px;
- }
- .input-row{
- margin: 13px 0 0 0;
- width: 100%;
- float: left;
- }
- .margin-top-nil{
- margin-top: 0;
- }
- input.contact-submit{
- color: #6b6b6b;
- text-decoration: none;
- background: #FFF;
- border: 1px solid #cccdc7;
- padding: 8px 16px;
- font-family: 'Noticia Text', serif;
- line-height: 100%;
- font-size: 15px;
- }
- .input-row input.contact-text-input{
- background: url('../images/textinput-bg.gif') no-repeat top left;
- width: 229px;
- height: 30px;
- padding: 0 0 0 20px;
- margin: 0;
- border: none;
- font-size: 13px;
- font-style: italic;
- font-family: 'Noticia Text', serif;
- color: #a9a9a9;
- }
- .input-row input.username{
- background: url('../images/input-bg-username.gif') no-repeat top left;
- }
- .input-row input.password{
- background: url('../images/input-bg-password.gif') no-repeat top left;
- }
- .contact-textarea{
- background: url('../images/input-textarea-bg.gif') no-repeat top left;
- width: 209px; height: 100px;
- border: none;
- font-size: 13px;
- font-style: italic;
- font-family: 'Noticia Text', serif;
- color: #a9a9a9;
- padding: 10px 20px 0; margin: 0;
- }
- .padd-bottom{
- padding-bottom: 20px;
- }
- .contact-height{
- height: 319px;
- }
- .address-height{
- height: 319px;
- margin-left: 9px;
- }
- .thanku-title{
- text-align: center;
- font-family: 'Noticia Text', serif;
- font-size: 26px;
- font-style: italic;
- padding: 40px 0 0 0;
- line-height: 150%;
- }
- .thanku-desc{
- text-align: center;
- font-family: 'Noticia Text', serif;
- font-size: 20px;
- font-style: italic;
- color: #a9a9a9;
- padding: 17px 0 54px 0;
- }
- .margin-auto{
- margin-left: auto;
- margin-right: auto;
- float: none;
- }
- .forget{
- text-align: center;
- margin: 0;
- }
- .forget a{
- text-decoration: underline;
- font-style: italic;
- font-size: 15px;
- }
- .form-center{
- width: 306px;
- }
- .alignleft{
- text-align: left;
- }
- .aligncenter{
- text-align: center;
- }
- .input-select{
- width: 218px;
- }
- .upload-textarea{
- width: 208px;
- height: 79px;
- }
- .upload { overflow: hidden; position: relative; background: url('../images/input-file.gif') no-repeat top left; text-align: left; }
- .upload, .upload_file { width: 229px; height: 26px; padding: 4px 0 0 20px; cursor: pointer; }
- .upload_file { opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0px; top: 0; font-size: 15px; font-family: 'Noticia Text', serif; }
- .upload span { color: #a9a9a9; font-size: 15px; line-height: 150%;}
- .upload > span { padding-right: 20px;}
- .error{
- color: #d51616;
- font-size: 14px;
- }
- .profile{
- width: 214px;
- padding-left: 28px;
- padding-right: 28px;
- padding-bottom: 28px;
- }
- .profile-pic-holder{
- position: relative;
- margin-top:20px;
- }
- .profile-uploads{
- float: right;
- width: 630px;
- padding-left: 25px;
- padding-right: 25px;
- padding-bottom: 28px;
- }
- .profile-details{
- margin: 0; padding: 14px 0 10px 0;
- float: left;
- }
- .p-row{
- font-family: 'Noticia Text', serif;
- font-size: 14px;
- width: 100%;
- float: left;
- display: block;
- padding: 0 0 8px 0;
- }
- .p-title, .p-desc{
- float: left;
- }
- .p-title{
- width: 90px;
- }
- .p-desc{
- font-style: italic;
- color: #a9a9a9;:
- 0;
- position:r
- }
- a.bt-edit{
- float: left;
- font-family: 'Nunito', sans-serif;
- font-weight: 300;
- font-size: 14px;
- color: #dadada;
- background: #797979;
- padding: 10px 18px;
- }
- a.bt-add-video{
- padding: 10px 18px;
- margin: -15px 0 0 0;
- color: #FFF;
- font-family: 'Nunito', sans-serif;
- font-weight: 300;
- text-decoration: none;
- float: right;
- font-size: 14px;
- color: #dadada;
- background: #797979;
- }
- a.bt-remove{
- clear: both;
- float: right;
- margin: 20px 0 0 0;
- padding: 10px 25px;
- color: #FFF;
- font-family: 'Nunito', sans-serif;
- font-weight: 300;
- text-decoration: none;
- font-size: 14px;
- color: #dadada;
- background: #797979;
- }
- a.bt-remove:hover{
- text-decoration: underline;
- }
- ul.uploads{
- padding: 0; margin: -13px 0 0 -58px; list-style: none;
- float: left;
- }
- ul.uploads li{
- float: left;
- width: 286px;
- padding: 0;
- margin: 0 0 0 58px;
- }
- ul.uploads .box-row{
- float: left;
- margin-top: 34px;
- width: 286px;
- height: 129px;
- }
- .admin-container{
- padding-top: 35px;
- float: left;
- width: 100%;
- }
- .admin-tabs{
- float:left;
- width:100%;
- overflow:hidden;
- position:relative;
- }
- .admin-tabs ul{
- clear:left;
- float:left;
- list-style:none;
- margin:0; padding:0;
- position:relative;
- left:50%; text-align:center;
- }
- .admin-tabs ul li{
- display:block;
- float:left;
- list-style:none;
- margin:0; padding:0 0 0 30px;
- position:relative;
- right:50%;
- }
- .admin-tabs ul li.last{
- padding-right: 0;
- }
- .admin-tabs a{
- font-family: 'Nunito', sans-serif;
- font-size: 13px;
- color: #000;
- width: 174px;
- height: 41px;
- text-align: center;
- background: #d51616 no-repeat bottom center;
- padding: 24px 0 0px 0;
- display: block;
- line-height: 100%;
- }
- .admin-tabs a:hover{
- color: #FFF;
- text-decoration: none;
- }
- .admin-tabs ul li a.selected{
- background-image: url("../images/bt-menu-arrow.png");
- }
- h2.yellow, a.yellow{
- background-color: #eeb300;
- }
- h2.orange, a.orange{
- background-color: #ee7b00;
- }
- h2.blue, a.blue{
- background-color: #239fca;
- }
- hr{
- height: 6px;
- border: none;
- margin: 25px 0 54px 0;
- background: url('../images/image-box-bg.gif');
- }
- .admin-content-box{
- position: relative;
- }
- .admin-titles{
- width: 100%;
- float: left;
- position: absolute;
- top: -15px;
- background: red;
- height: auto;
- }
- .tl-admin{
- background: #797979;
- float: left;
- padding: 10px 14px;
- font-size: 15px;
- font-family: 'Nunito', sans-serif;
- font-weight: 300;
- color: #dadada;
- position: absolute;
- }
- .tl-fullname{
- left: 45px;
- }
- .tl-video{
- left: 285px;
- }
- .tl-category{
- left: 505px;
- }
- .video-row ul{
- margin: 0; padding: 0;
- list-style: none;
- }
- .video-row ul li{
- margin-bottom: 2px;
- padding: 37px 57px 51px 0px;
- background: url('../images/image-box-bg.gif');
- }
- a.bt-view{
- font-family: 'Noticia Text', serif;
- font-size: 14px;
- color: #6b6b6b;
- background: #FFf;
- border: 1px solid #cccdc7;
- padding: 10px 27px;
- float: right;
- margin-top: -10px;
- }
- a.bt-view:hover{
- background: #d7d7d7;
- }
- a.bt-view:hover{
- text-decoration: none;
- }
- a.green{
- background: #126b0b;
- color: #FFF;
- }
- .bt-left-margin{
- margin-left: 13px;
- }
- a.green:hover{
- background: #167e0e;
- }
- a.approve{
- font-size: 16px;
- float: none;
- display: block;
- width: 100px;
- text-align: center;
- margin: 0 auto 10px auto;
- }
- /* IF BROWSER < IE9 */
- html.lt-ie9 .input-row input.contact-text-input{
- height: 26px;
- padding: 6px 0 0 18px;
- }
- html.lt-ie9 ul.dropdown li.divider{
- margin: 0 22px 0 28px;
- }
- html.lt-ie8 ul.dropdown li a{
- padding: 10px 13px;
- }
- /* ==========================================================================
- Media Queries
- ========================================================================== */
- @media only screen and (min-width: 35em) {
- }
- @media print,
- (-o-min-device-pixel-ratio: 5/4),
- (-webkit-min-device-pixel-ratio: 1.25),
- (min-resolution: 120dpi) {
- }
- /* ==========================================================================
- Helper classes
- ========================================================================== */
- .ir {
- background-color: transparent;
- border: 0;
- overflow: hidden;
- *text-indent: -9999px;
- }
- .ir:before {
- content: "";
- display: block;
- width: 0;
- height: 150%;
- }
- .hidden {
- display: none !important;
- visibility: hidden;
- }
- .visuallyhidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- }
- .visuallyhidden.focusable:active,
- .visuallyhidden.focusable:focus {
- clip: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- position: static;
- width: auto;
- }
- .invisible {
- visibility: hidden;
- }
- .clearfix:before,
- .clearfix:after {
- content: " ";
- display: table;
- }
- .clearfix:after {
- clear: both;
- }
- .clearfix {
- *zoom: 1;
- }
- /* ==========================================================================
- Print styles
- ========================================================================== */
- @media print {
- * {
- background: transparent !important;
- color: #000 !important; /* Black prints faster: h5bp.com/s */
- box-shadow: none !important;
- text-shadow: none !important;
- }
- a,
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- /*
- * Don't show links for images, or javascript/internal links
- */
- .ir a:after,
- a[href^="javascript:"]:after,
- a[href^="#"]:after {
- content: "";
- }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
- thead {
- display: table-header-group; /* h5bp.com/t */
- }
- tr,
- img {
- page-break-inside: avoid;
- }
- img {
- max-width: 100% !important;
- }
- @page {
- margin: 0.5cm;
- }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
- h2,
- h3 {
- page-break-after: avoid;
- }
- }
- #Content_top_home
- {
- width: 984px;
- margin: 0px auto 0;
- padding: 0 0;
- }
- a.bt-view.top{
- margin: -30px 0 0 0;
- padding-left: 50px;
- padding-right: 50px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement