/* Theme Name: Teniescu-wp Version: 1.0 */ @import url('css/reset.css'); @import url('css/typography.css'); @import url('css/forms.css'); /* Global */ body { background: #2C8CB4; background-attachment: fixed; background-image:url("images/albastru.svg"); background-size:cover; background-position:50% 50%; } a { outline-style:none !important; } /* Header */ #header { height: 120px; } .tagline { display: block; margin: 0px 0px 0px 50px; } .dark_navigation #navigation { font-family: 'PT Sans Narrow', sans-serif; clear: both; display: block; float: left; margin-top:10px; width: 100%; height:38px; padding-bottom:5px; } .harden_edges { min-height: 100%; } .dark_navigation #navigation a { color:#f1f1f1; text-transform:uppercase; font-size:15px; } .dark_navigation #navigation li li a { color: #434343; } #navigation { background-color: rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(255,255,255,0.25); font-family: 'PT Sans Narrow', sans-serif; clear: both; display: block; float: left; margin: 0px; width: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #navigation li span { /* Default width of the span (acts as border). Z-index so it appears behind the words. */ width: 6px; z-index: -1; /* Position it absolutely so it goes where we want it to go */ position: absolute; left: 0; top: 0; height: 100%; /* Animation again, because both the span and the anchor will be animated */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } #navigation li:nth-of-type(1) span { background: #c04545; } #navigation li:nth-of-type(2) span { background: #c06b45; } #navigation li:nth-of-type(3) span { background: #88c045; } #navigation li:nth-of-type(4) span { background: #48c045; } #navigation li:nth-of-type(5) span { background: #45c0aa; } #navigation li:nth-of-type(6) span { background: #7945c0; } #navigation li:nth-of-type(7) span { background: #4576c0; } #navigation li:hover > span { min-width: 100%; } #navigation li a:hover { color: #fff; } #navigation:hover, #navigation li:hover { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } /* navigation */ #navigation ul { font-size: 13px; list-style: none; margin: 0px 0px 0px 10px; padding-left: 0; } #navigation li { float: left; position: relative; margin-top:7px; margin-right: 10px; } #navigation a { font-weight: bolder; display: block; line-height: 30px; padding: 1px 16px; text-decoration: none; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; /* border-width: 0px 2px 0px 0px; -moz-border-image: url("images/border.png") 0 2 0 0 stretch; -webkit-border-image: url("images/border.png") 0 2 0 0 stretch; -o-border-image: url("images/border.png") 0 2 0 0 stretch; border-image: url("images/border.png") 0 2 0 0 stretch; */ } #navigation ul ul { -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 99999; } #navigation ul ul ul { left: 100%; top: 0; } #navigation ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } #navigation li:hover > a, #navigation ul ul :hover > a, #navigation a:focus { } #navigation ul li:hover > ul { display: block; } #navigation .current_page_item > a, #navigation .current_page_ancestor > a { font-weight: bold; } /* Entries */ .entry { padding-top:20px; } .entry-single { padding-top:20px; } .entry-single p { clear: both; } /* Sidebar */ #sidebar { margin: 15px 0px 15px 0px; padding: 14px; background: #FFF; border: solid 1px #e3e3e3; -moz-box-shadow: inset 0 0 10px #f3f3f3; -webkit-box-shadow: inset 0 0 10px #f3f3f3; box-shadow: inset 0 0 10px #f3f3f3; } #pages, #archives, #categories, #feeds, #sidebarmeta, #blogroll { margin: 0px 0px 0px 0px; } /* post */ .postdate { position: absolute; margin-left: -33px; padding: 5px; width: 11px; background: rgb(202,6,6); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhMDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2NhMDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZTFkMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(202,6,6,1) 0%, rgba(202,6,6,1) 78%, rgba(142,29,4,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(202,6,6,1)), color-stop(78%,rgba(202,6,6,1)), color-stop(100%,rgba(142,29,4,1))); background: -webkit-linear-gradient(left, rgba(202,6,6,1) 0%,rgba(202,6,6,1) 78%,rgba(142,29,4,1) 100%); background: -o-linear-gradient(left, rgba(202,6,6,1) 0%,rgba(202,6,6,1) 78%,rgba(142,29,4,1) 100%); background: -ms-linear-gradient(left, rgba(202,6,6,1) 0%,rgba(202,6,6,1) 78%,rgba(142,29,4,1) 100%); background: linear-gradient(left, rgba(202,6,6,1) 0%,rgba(202,6,6,1) 78%,rgba(142,29,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0606', endColorstr='#8e1d04',GradientType=1 ); _z-index: -1; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; margin-top:8px; border:1px solid red; border-right: none; } .postdate:hover { margin-left:-62px; width:40px; } .post, .type-post, .type-page { padding: 10px 10px; margin: 15px 0px 15px 0px; background: #FFF; border: solid 1px #e3e3e3; -moz-box-shadow: inset 0 0 10px #f3f3f3; -webkit-box-shadow: inset 0 0 10px #f3f3f3; box-shadow: inset 0 0 10px #f3f3f3; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; } .post:hover { -moz-box-shadow: inset 0 0 20px #ccc; -webkit-box-shadow: inset 0 0 20px #ccc; box-shadow: inset 0 0 20px #ccc; } .swpf-img img { border: 2px solid #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 2px #888; overflow: hidden; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0px 20px 20px 0px; clear: both; } .alignright { float: right; margin: 0px 0px 20px 20px; clear: both; } .attachment-post-thumbnail, .attachment-thumbnail, .attachment-recent-thumbnails { float: left; min-width: inherit; border: 5px solid #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 2px #888; overflow: hidden; margin: 0 10px 2px 0; } #comment-block { background: url(images/comment-block-bg.png) no-repeat top center; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; box-shadow: 0 0 10px #F3F3F3 inset; margin: 15px 0; padding: 5px 20px 10px; _float: left; position: relative; } #comments { margin:20px 0px 10px 0px; padding:20px 0px 10px 0px; } .avatar img { border: 3px solid #FFFFFF; box-shadow: 0 0 2px #888888; margin: 0 5px 0 0; min-width: inherit; overflow: hidden; padding: 0; float: left; } .attachment-related { border: 3px solid #FFFFFF; box-shadow: 0 0 2px #888888; margin: 0 5px 0 0; min-width: inherit; overflow: hidden; padding: 0; position: relative; z-index: 99; } .customized-recent-comments .avatar { float: left; padding: 0; } /* Footer */ #footer { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25); border-bottom: 1px solid #0B3953; border-top: 1px solid #1675A8; color: #848484; margin-bottom: 15px; padding: 20px 0; } #footer ul { margin: auto 0; } #footer ul li { list-style: none; float: left; text-align: center; font-size: 10px; } /* Meta */ .time { background: url(images/calender-icon.gif) no-repeat top left; margin: 0 0 0 3px; padding: 0 0 2px 18px; } .post-comments { background: url(images/comment-icon.gif) no-repeat top left; margin: 0 0 0 3px; padding: 0 0 2px 18px; } .categories { background: url(images/file-icon.gif) no-repeat center left; margin: 0 0 0 2px; padding: 0 0 3px 20px; } .tags { background: url(images/tag-icon.gif) no-repeat top left; margin: 0 0 0 3px; padding: 0 0 4px 18px; text-transform: uppercase; } /* Misc */ .sticky { } .gallery-caption { } .bypostauthor { } .wp-caption-text { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* Pagination */ .pagenavi { margin: 0 auto 20px auto; width:400px; padding: 5px; background: #f3f3f3; border: 1px solid #ccc; -moz-box-shadow: inset 0 0 5px #fff; -webkit-box-shadow: inset 0 0 5px #fff; box-shadow: inset 0 0 5px #fff; } .pagenavi a { padding: 5px 6px 4px 6px; margin: 3px; text-decoration: none; color: #666; background-color: inherit; } .pagenavi a:hover { color: #000; } .pagenavi span.pages { padding: 5px 6px 4px 6px; margin: 3px; color: #333; font-weight:bold; background-color: inherit; } .pagenavi span.current { padding: 5px 6px 4px 6px; margin: 3px; font-weight:bold; color: #fff; background-color: red; } .related { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; box-shadow: 0 0 10px #F3F3F3 inset; } #recent-posts , #recent-comments { margin-bottom: 5px; float:left; } #recent-posts li, #recent-comments li { float: left; margin: 0; padding: 5px 5px 5px 5px; width: 98%; } .related-posts li { display: inline; float: left; margin: 0; padding: 5px; width: 166px; } .related-posts li p { position: relative; font-size: 13px; overflow: hidden; padding: 2px; z-index: 0; width: 98%; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .related-posts li:hover p { margin-top:0px; } #recent-comments li p, #recent-posts li p { padding: 0px; width: auto; display: inline; font-size: 12px; } #recent-comments img { border: 3px solid #FFFFFF; box-shadow: 0 0 2px #888888; margin: 0 10px 10px 0; min-width: inherit; overflow: hidden; padding: 0; float: left; } .gallery-item img { float: left; min-width: inherit; border: 5px solid #fff !important; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 2px #888; overflow: hidden; margin: 0px 20px 20px 0px; -moz-transition: all 0.2s ease 0.05s; -webkit-transition: all 0.2s ease 0.05s; -o-transition: all 0.2s ease 0.05s; transition: all 0.2s ease 0.05s; } .gallery-item img:hover { transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform:scale(1.15); -moz-transform: scale(1.15); } #recent-posts li:nth-child(odd), #recent-comments li:nth-child(odd) { background:#f1f1f1; } #recent-posts li:nth-child(odd):hover, #recent-comments li:nth-child(even):hover,#recent-posts li:hover, #recent-comments li:hover { background:#D2D2D2; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } hr { background: url("images/sep-300.png") repeat scroll left top transparent; height: 20px; } .textwidget { float:left; } .tagcloud, .copyright { text-align: center; } .copyright { font-size: 12px; color: #fff; } .error-404 { min-height: 400px; } .error-404 h1 { border-bottom: none; padding-top:50px; text-align: center; color: #fff; } #sharebox{ float: right; margin: 0; } .sharrre .box{ background:#6f838c; background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1)); background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:linear-gradient(top, #6f838c 0%, #4d5e66 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 ); -webkit-box-shadow:0 1px 1px #d3d3d3; -moz-box-shadow:0 1px 1px #d3d3d3; box-shadow:0 1px 1px #d3d3d3; height:22px; display:inline-block; position:relative; padding:0px 55px 0 8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:12px; float:left; clear:both; overflow:hidden; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .sharrre .left{ line-height:22px; display:block; white-space:nowrap; text-shadow:0px 1px 1px rgba(255,255,255,0.3); color:#ffffff; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } .sharrre .middle{ position:absolute; height:22px; top:0px; right:30px; width:0px; background:#63707e; text-shadow:0px -1px 1px #363f49; color:#fff; white-space:nowrap; text-align:left; overflow:hidden; -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -webkit-transition:width 0.3s linear; -moz-transition:width 0.3s linear; -o-transition:width 0.3s linear; transition:width 0.3s linear; } .sharrre .middle a{ color:#fff; font-weight:bold; padding:0 9px 0 9px; text-align:center; float:left; line-height:22px; -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; } .sharrre .right{ position:absolute; right:0px; top:0px; height:100%; width:45px; text-align:center; line-height:22px; color:#4b5d61; background:#f1faf9; background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1)); background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 ); } .sharrre .box:hover{ padding-right:130px; } .sharrre .middle a:hover{ text-decoration:none; } .sharrre .box:hover .middle{ width:90px; } .st-tag-cloud { text-align: center; } .download-link:link,.download-link:visited { height: 60px; font-size: 55px; color: #16CC32; text-decoration: none; background: #fff; display:inline; } .download-link:hover { display:inline; text-shadow: 1px 1px 1px #ccc; } .download-link-disabled { display:none; } .download-holder { width:100%; margin-top: 30px; } .hidden { display:none; } .likepls { font-size:16px; color:red; line-height:20px; } .comment-body p { color: #333; }