From 99422e158efe73a56f46ca2e1ee7eb1b4017223d Mon Sep 17 00:00:00 2001 From: Kanti Date: Thu, 15 Jan 2015 17:55:53 +0100 Subject: [PATCH 1/4] [TASK] CSS blockquote before and after --- themes/default/css/style.css | 856 +++++++++++++++++------------------ 1 file changed, 428 insertions(+), 428 deletions(-) diff --git a/themes/default/css/style.css b/themes/default/css/style.css index 42d03a3b..113a7acb 100644 --- a/themes/default/css/style.css +++ b/themes/default/css/style.css @@ -3,29 +3,29 @@ --------------------------*/ *{ - margin:0; - padding:0; + margin:0; + padding:0; } body { - font-family: Georgia, sans-serif, Arial; - font-size: 17px; - line-height: 1.6; - color: #343A3F; - padding: 0; - margin: 0; + font-family: Georgia, sans-serif, Arial; + font-size: 17px; + line-height: 1.6; + color: #343A3F; + padding: 0; + margin: 0; } section, footer, header, aside, nav{ - display: block; + display: block; } img { border: 0 none; height: auto; max-width: 100%; - outline: 0 none; + outline: 0 none; } /*------------------------- @@ -33,33 +33,33 @@ img { --------------------------*/ h1, h2, h3, h4, h5, h6 { - font-family: 'Open Sans',sans-serif; - line-height: 1.3; - margin: 0.5em 0; + font-family: 'Open Sans',sans-serif; + line-height: 1.3; + margin: 0.5em 0; } h1 { - font-size: 28px; + font-size: 28px; } h2 { - font-size: 24px; + font-size: 24px; } h3 { - font-size: 18px; + font-size: 18px; } h4 { - font-size: 16px; + font-size: 16px; } h5 { - font-size: 14px; + font-size: 14px; } h6 { - font-size: 12px; + font-size: 12px; } /*------------------------- @@ -67,53 +67,53 @@ h6 { --------------------------*/ #outer-wrapper { - margin:0; - padding:0; - float:left; - width: 100%; + margin:0; + padding:0; + float:left; + width: 100%; } #inner-wrapper { - padding: 0 10px; + padding: 0 10px; } .container { - padding: 0 20px; + padding: 0 20px; } #header-wrapper { - background: #546673; - position:relative; - padding: 1em 0; - float:left; - width: 100%; - color: #ffffff; - font-family: Georgia, sans-serif; - font-style:italic; + background: #546673; + position:relative; + padding: 1em 0; + float:left; + width: 100%; + color: #ffffff; + font-family: Georgia, sans-serif; + font-style:italic; } #content-wrapper { - float:left; - width: 100%; - padding: 3em 0; + float:left; + width: 100%; + padding: 3em 0; } #menu, #header, #content, #footer { - width: 800px; - margin: 0 auto; + width: 800px; + margin: 0 auto; } .admin #content { - width: 980px; - margin: 0 auto; + width: 980px; + margin: 0 auto; } #header { - text-align:center; + text-align:center; } .hide { - display:none; + display:none; } /*------------------------- @@ -121,33 +121,33 @@ h6 { --------------------------*/ a, a:visited { - outline:none; - color:#2E9FFF; - text-decoration:none; + outline:none; + color:#2E9FFF; + text-decoration:none; } a:hover{ - text-decoration:underline; + text-decoration:underline; } .tab { - width:100%; - margin: 1.5em 0 0 0; - line-height:1; - border-bottom: 1px solid #E4E7EE; + width:100%; + margin: 1.5em 0 0 0; + line-height:1; + border-bottom: 1px solid #E4E7EE; } .tab a { - background: #E4E7EE; + background: #E4E7EE; border-radius: 6px 6px 0px 0; color: #555555; text-align: center; - padding: 8px 14px; - display:inline-block; - margin: 0 5px; - font-size: 12px; - font-weight: bold; - font-family: 'Open Sans',sans-serif; + padding: 8px 14px; + display:inline-block; + margin: 0 5px; + font-size: 12px; + font-weight: bold; + font-family: 'Open Sans',sans-serif; } /*------------------------- @@ -156,7 +156,7 @@ a:hover{ blockquote:before { color: #BBBBBB; - content: "“"; + content: "''"; font-size: 3em; line-height: 0.1em; margin-right: 0.2em; @@ -165,31 +165,31 @@ blockquote:before { blockquote:after { color: #BBBBBB; - content: "”"; + content: "''"; font-size: 3em; line-height: 0.1em; vertical-align: -0.45em; } blockquote { - font-style: italic; - margin: 1em 0 1em 1em; + font-style: italic; + margin: 1em 0 1em 1em; } blockquote p { - display:inline; + display:inline; } pre { - margin: 1em 0; - overflow: auto; - background: #F1F1FF; - color: #333333; + margin: 1em 0; + overflow: auto; + background: #F1F1FF; + color: #333333; display: block; font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; font-size: 14px; padding: 10px; - line-height:1.3; + line-height:1.3; } code { @@ -197,7 +197,7 @@ code { font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; font-size: 15px; padding: 3px 8px; - background: #F1F1FF; + background: #F1F1FF; } pre code { @@ -205,91 +205,91 @@ pre code { display: block; font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; font-size: 14px; - padding:0; - line-height:1.6; + padding:0; + line-height:1.6; } .thumbnail { float: left; height: 80px; - width: 80px; + width: 80px; margin: 5px 15px 0 0; overflow: hidden; - display: block; - background-repeat: no-repeat; + display: block; + background-repeat: no-repeat; background-position: center; background-size: cover; } ul, ol { padding-left: 30px; - margin: 1em 0; + margin: 1em 0; } ul li, ol li{ - margin: 0.25em 0; + margin: 0.25em 0; } input[type=text], input[type=password] { - padding:4px 6px; - font-size: 14px; - background-color: #F6F7F9; - border: 1px solid #CFDAE5; + padding:4px 6px; + font-size: 14px; + background-color: #F6F7F9; + border: 1px solid #CFDAE5; } input[type=text]:hover , input[type=password]:hover{ - background-color: #F6F7F9; - border: 1px solid #CCCCCC; + background-color: #F6F7F9; + border: 1px solid #CCCCCC; } input[type=submit] { - padding:4px 6px; - font-size: 14px; - cursor:pointer; + padding:4px 6px; + font-size: 14px; + cursor:pointer; } input.text { - width: 75%; - padding: 5px; - font-size: 14px; - background-color: #F6F7F9; - border: 1px solid #CFDAE5; + width: 75%; + padding: 5px; + font-size: 14px; + background-color: #F6F7F9; + border: 1px solid #CFDAE5; } input.error, textarea.error { - border: 1px solid red; + border: 1px solid red; } textarea { - font-size: 15px; - font-family: Georgia, sans-serif; - line-height: 1.4; - background-color: #F6F7F9; - border: 1px solid #CFDAE5; - padding: 2%; - width: 96%; - min-height: 5em; - overflow: auto; + font-size: 15px; + font-family: Georgia, sans-serif; + line-height: 1.4; + background-color: #F6F7F9; + border: 1px solid #CFDAE5; + padding: 2%; + width: 96%; + min-height: 5em; + overflow: auto; } textarea:hover { - border: 1px solid #CCCCCC; + border: 1px solid #CCCCCC; } .error-message { - color: red; - background: #f4f4f4; - padding: 10px 0; - margin-bottom:2em; + color: red; + background: #f4f4f4; + padding: 10px 0; + margin-bottom:2em; } span.required { - color: red; + color: red; } span.help { - font-size: 12px; - font-style:italic; + font-size: 12px; + font-style:italic; } /*------------------------- @@ -297,55 +297,55 @@ span.help { --------------------------*/ table { - font-size:12px; - border: none; - width:100%; - color:#333333; - border: 1px solid #E3E3E3; - margin: 1em 0; - white-space: pre-wrap; - word-wrap:break-word; + font-size:12px; + border: none; + width:100%; + color:#333333; + border: 1px solid #E3E3E3; + margin: 1em 0; + white-space: pre-wrap; + word-wrap:break-word; } table h2.title { - margin:5px 0; + margin:5px 0; } th, td { - padding: 5px 10px; - border: none; + padding: 5px 10px; + border: none; } th.title { - margin:5px 0; - font-family: 'Open Sans',sans-serif; - font-size:16px; - font-weight:normal; + margin:5px 0; + font-family: 'Open Sans',sans-serif; + font-size:16px; + font-weight:normal; } td.title { - font-weight:normal; - background-color: #f6f6f6; - font-family: 'Open Sans',sans-serif; + font-weight:normal; + background-color: #f6f6f6; + font-family: 'Open Sans',sans-serif; } th { - background-color: #f6f6f6; - border-bottom: 1px solid #E3E3E3; - border-right: 1px solid #E3E3E3; - font-family: 'Open Sans',sans-serif; - font-size:16px; + background-color: #f6f6f6; + border-bottom: 1px solid #E3E3E3; + border-right: 1px solid #E3E3E3; + font-family: 'Open Sans',sans-serif; + font-size:16px; } td { - background-color: #fafafa; - border: 1px solid #E3E3E3; - border-top: none; - border-left:none; + background-color: #fafafa; + border: 1px solid #E3E3E3; + border-top: none; + border-left:none; } table.post-list td a { - margin:0 5px; + margin:0 5px; } /*------------------------- @@ -353,91 +353,91 @@ table.post-list td a { --------------------------*/ #menu-wrapper { - font-family: 'Open Sans',sans-serif; - color: #7E909D; - padding: 10px 0; - float:left; - width:100%; + font-family: 'Open Sans',sans-serif; + color: #7E909D; + padding: 10px 0; + float:left; + width:100%; } #menu { - font-weight:bold; - font-family: 'Open Sans',sans-serif; - color: #7E909D; - font-size: 14px; + font-weight:bold; + font-family: 'Open Sans',sans-serif; + color: #7E909D; + font-size: 14px; } #menu ul { - margin:0; - padding:0; + margin:0; + padding:0; } #menu a { - color: #7E909D; + color: #7E909D; } #menu ul li { - float:left; - margin:0 20px 0 0; - list-style:none; - padding-top:3px; + float:left; + margin:0 20px 0 0; + list-style:none; + padding-top:3px; } #menu ul li.active > a { - text-decoration:underline; + text-decoration:underline; } #menu ul li:last-child { - margin:0; -} + margin:0; +} /*---------------------------- Search form -----------------------------*/ #search-form { - position:relative; - float:right; + position:relative; + float:right; } .search-input{ - margin: 0; - padding: 4px 15px; - font-size:14px; - border:1px solid #0076a3!important; - background: #FFFFFF!important; - border-top-left-radius: 5px 5px; - border-bottom-left-radius: 5px 5px; - width: 120px; - color: #888888; + margin: 0; + padding: 4px 15px; + font-size:14px; + border:1px solid #0076a3!important; + background: #FFFFFF!important; + border-top-left-radius: 5px 5px; + border-bottom-left-radius: 5px 5px; + width: 120px; + color: #888888; } .search-button { - margin: 0; - padding: 4px; - font-size:14px; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - color: #ffffff; - border: solid 1px #546673; - border-right:0px; - background: #0095cd; - background: -webkit-gradient(linear, left top, left bottom, from(#2E9FFF), to(#2E9CCC)); - background: -moz-linear-gradient(top, #2E9FFF, #2E9CCC); - border-top-right-radius: 5px 5px; - border-bottom-right-radius: 5px 5px; - width: 60px; + margin: 0; + padding: 4px; + font-size:14px; + outline: none; + cursor: pointer; + text-align: center; + text-decoration: none; + color: #ffffff; + border: solid 1px #546673; + border-right:0px; + background: #0095cd; + background: -webkit-gradient(linear, left top, left bottom, from(#2E9FFF), to(#2E9CCC)); + background: -moz-linear-gradient(top, #2E9FFF, #2E9CCC); + border-top-right-radius: 5px 5px; + border-bottom-right-radius: 5px 5px; + width: 60px; } .search-button:hover { - text-decoration: none; - background: #007ead; - background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); - background: -moz-linear-gradient(top, #0095cc, #00678e); + text-decoration: none; + background: #007ead; + background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); + background: -moz-linear-gradient(top, #0095cc, #00678e); } /* Fixes submit button height problem in Firefox */ .search-button::-moz-focus-inner { - border: 0; + border: 0; } /*------------------------- @@ -445,81 +445,81 @@ table.post-list td a { --------------------------*/ .post { - border-bottom: 1px solid #EBF2F6; - padding: 1em 0; - float: left; - width: 100%; + border-bottom: 1px solid #EBF2F6; + padding: 1em 0; + float: left; + width: 100%; } .inpost .post { - padding-bottom: 0; + padding-bottom: 0; } p, ul { - margin :1em 0; + margin :1em 0; } .breadcrumb { - font-family: 'Open Sans',sans-serif; - font-size: 14px; - font-weight:normal; + font-family: 'Open Sans',sans-serif; + font-size: 14px; + font-weight:normal; } .date { - font-family: 'Open Sans',sans-serif; - font-size: 14px; - color: #A7A7A7; - font-weight:normal; - margin:1em 0; + font-family: 'Open Sans',sans-serif; + font-size: 14px; + color: #A7A7A7; + font-weight:normal; + margin:1em 0; } h1.blog-title, h2.blog-title { - font-style:normal; - font-size: 28px; + font-style:normal; + font-size: 28px; } h1.title-post a, h2.title-index a{ - color:#4f4f4f; - text-decoration: none; + color:#4f4f4f; + text-decoration: none; } h1.title-post a:hover, h2.title-index a:hover { - color: #2E9FFF; + color: #2E9FFF; } .inpost .post { - padding-top:0; - border: none; + padding-top:0; + border: none; } .inpage .border { - padding:0; - margin:0; - border:0; + padding:0; + margin:0; + border:0; } .inpage .post { - padding-top:0; + padding-top:0; } .infront .first, .inpost .post, .intag .first, .inarchive .first, .insearch .first { - padding-top:0; + padding-top:0; } .infront .first h2.title-index { - margin-top:0; + margin-top:0; } .inprofile .bio { - font-size: 14px; - font-style:italic; - border-bottom: 1px solid #EBF2F6; - padding-bottom: 1em; - margin-bottom: 2em; + font-size: 14px; + font-style:italic; + border-bottom: 1px solid #EBF2F6; + padding-bottom: 1em; + margin-bottom: 2em; } .post-list { - font-size: 14px; + font-size: 14px; } /*------------------------- @@ -527,41 +527,41 @@ h1.title-post a:hover, h2.title-index a:hover { --------------------------*/ .separator { - font-size: 20px; + font-size: 20px; } .share-box { - font-size: 14px; - float:left; + font-size: 14px; + float:left; } .author-info { - width: 540px; - float:left; + width: 540px; + float:left; } .author-info p { - font-style:italic; + font-style:italic; } .share { - width:140px; - margin-right: 1em; - float:right; + width:140px; + margin-right: 1em; + float:right; } .share a { - display: inline-block; - width: 18px; - height: 18px; - margin: 0; - padding: 0 5px; - vertical-align: middle; - -o-transition: all .3s; - -moz-transition: all .3s; - -webkit-transition: all .3s; - -ms-transition: all .3s; - text-indent: -9999em; + display: inline-block; + width: 18px; + height: 18px; + margin: 0; + padding: 0 5px; + vertical-align: middle; + -o-transition: all .3s; + -moz-transition: all .3s; + -webkit-transition: all .3s; + -ms-transition: all .3s; + text-indent: -9999em; } .share a.twitter { background: url(../img/share-twitter.png) left top no-repeat; } @@ -575,11 +575,11 @@ h1.title-post a:hover, h2.title-index a:hover { --------------------------*/ .comments { - position:relative; - display:block; - font-size:16px; - float:left; - width:100%; + position:relative; + display:block; + font-size:16px; + float:left; + width:100%; } .border { @@ -587,8 +587,8 @@ h1.title-post a:hover, h2.title-index a:hover { margin-bottom: 15px; margin-top: 10px; padding-bottom: 15px; - width: 100%; - float:left; + width: 100%; + float:left; } .border .fb-comments, .border #disqus_thread { @@ -596,9 +596,9 @@ h1.title-post a:hover, h2.title-index a:hover { } #disqus_thread { - font-family: Georgia, Times, Cambria, serif; - float:left; - width:100%; + font-family: Georgia, Times, Cambria, serif; + float:left; + width:100%; } /*------------------------- @@ -606,15 +606,15 @@ h1.title-post a:hover, h2.title-index a:hover { --------------------------*/ .related { - font-size: 14px; - font-family: 'Open Sans',sans-serif; - width:100%; - float:left; - margin-bottom: 1em; + font-size: 14px; + font-family: 'Open Sans',sans-serif; + width:100%; + float:left; + margin-bottom: 1em; } .related ul { - margin:0; + margin:0; } /*------------------------- @@ -622,12 +622,12 @@ h1.title-post a:hover, h2.title-index a:hover { --------------------------*/ .postnav{ - width:100%; - float:left; - padding-bottom:1em; - font-family: 'Open Sans',sans-serif; - font-size: 12px; - font-weight:bold; + width:100%; + float:left; + padding-bottom:1em; + font-family: 'Open Sans',sans-serif; + font-size: 12px; + font-weight:bold; } .postnav a { @@ -639,56 +639,56 @@ h1.title-post a:hover, h2.title-index a:hover { } .postnav a:hover { - text-decoration:none; - color:#333333; + text-decoration:none; + color:#333333; } .postnav .newer { - float:left; - margin-right:1em; - margin-bottom:0.1em; - padding: 10px 15px 10px 25px; + float:left; + margin-right:1em; + margin-bottom:0.1em; + padding: 10px 15px 10px 25px; } .postnav .older { - float:right; - padding: 10px 25px 10px 15px; + float:right; + padding: 10px 25px 10px 15px; } .postnav .pagination-arrow{ - display: inline-block; - border-radius: 3px; - color: #555 !important; - text-decoration: none !important; - text-transform: none; - position: relative; + display: inline-block; + border-radius: 3px; + color: #555 !important; + text-decoration: none !important; + text-transform: none; + position: relative; } .postnav .pagination-arrow.newer:before, .postnav .pagination-arrow.older:before{ - content: ''; - border: 5px solid #555; - border-color: transparent #555 transparent transparent; - width: 0; - height: 0; - position: absolute; - left: 5px; - top: 12px; + content: ''; + border: 5px solid #555; + border-color: transparent #555 transparent transparent; + width: 0; + height: 0; + position: absolute; + left: 5px; + top: 12px; } .postnav .pagination-arrow.older:before{ - left:auto; - right:5px; - border-color: transparent transparent transparent #555; + left:auto; + right:5px; + border-color: transparent transparent transparent #555; } .pager { - width:100%; - float:left; - padding: 30px 0 1em 0; - font-family: 'Open Sans',sans-serif; - font-size: 12px; - font-weight:bold; + width:100%; + float:left; + padding: 30px 0 1em 0; + font-family: 'Open Sans',sans-serif; + font-size: 12px; + font-weight:bold; } .pager a { @@ -701,16 +701,16 @@ h1.title-post a:hover, h2.title-index a:hover { } .pager .newer { - float:left; + float:left; } .pager .older { - float:right; + float:right; } .pager a:hover { - text-decoration:none; - color:#333333; + text-decoration:none; + color:#333333; } /*------------------------- @@ -718,17 +718,17 @@ h1.title-post a:hover, h2.title-index a:hover { --------------------------*/ #footer-wrapper { - background: #546673; - position:relative; - padding: 20px 0; - float:left; - width: 100%; - color: #ABB6C5; - font-family: 'Open Sans', sans-serif; + background: #546673; + position:relative; + padding: 20px 0; + float:left; + width: 100%; + color: #ABB6C5; + font-family: 'Open Sans', sans-serif; } #footer { - font-size: 14px; + font-size: 14px; } #footer a { @@ -737,60 +737,60 @@ h1.title-post a:hover, h2.title-index a:hover { } #footer ul { - margin:0.5em 0; + margin:0.5em 0; } .footer-column { - padding-bottom: 1.5em; - float:left; - width:100%; + padding-bottom: 1.5em; + float:left; + width:100%; } .column { - float: left; - width: 25%; + float: left; + width: 25%; } .recent ul { - padding-left: 20px; - width: 85%; + padding-left: 20px; + width: 85%; } .archive .toggle { - font-family: Georgia,Arial,sans-serif; - font-size: 16px; + font-family: Georgia,Arial,sans-serif; + font-size: 16px; } .social { - float:right; + float:right; } .social .inner { - padding-left:30px; + padding-left:30px; } .tagcloud ul { - padding:0; - margin:0; + padding:0; + margin:0; } .tagcloud ul li { - float:left; - list-style:none; - margin-right: 10px; + float:left; + list-style:none; + margin-right: 10px; } .copyright { - font-size: 12px; - float:left; - width: 100%; - border-top: 1px solid #ABB6C5; - padding-top:1em; + font-size: 12px; + float:left; + width: 100%; + border-top: 1px solid #ABB6C5; + padding-top:1em; } .copyright p { - margin: 0.5em 0; - line-height: 1.2; + margin: 0.5em 0; + line-height: 1.2; } /*---------------------------- @@ -798,31 +798,31 @@ h1.title-post a:hover, h2.title-index a:hover { -----------------------------*/ .message{ - padding:50px 20px 20px 20px; + padding:50px 20px 20px 20px; } .message h1{ - font-size:36px; - margin-bottom: 18px; + font-size:36px; + margin-bottom: 18px; } .message p{ - font-size:13px; + font-size:13px; } .center{ - text-align:center; + text-align:center; } .search-404 { - position:relative; - float:left; - width:100%; - margin-bottom: 1.2em; + position:relative; + float:left; + width:100%; + margin-bottom: 1.2em; } .search-404 #search-form { - float:none; + float:none; } /*---------------------------- @@ -831,64 +831,64 @@ h1.title-post a:hover, h2.title-index a:hover { @media all and (max-width: 700px) { - #menu, #header, #content, #footer { - margin: 0 auto; - width: 100%; - } - - .admin #menu, .admin #header, .admin #content, .admin #footer { - margin: 0 auto; - width: 100%; - } - - #menu-wrapper { - text-align:center; - } - - #menu ul li { - float:none; - display:inline-block; - } - - #search-form { - float:none; - padding: 10px 0; - } - - .author-info { - width: 100%; - float:left; - } - - .share { - width:100%; - margin-right: 0; - padding-bottom: 1em; - } - - .column { - float:left; - width:100%; - } - - .postnav .newer { - float:left; - margin-bottom:1em; - } - - .postnav .older { - float:left; - } - - .social .inner { - padding-left:0px; - } - - pre { - white-space: pre-wrap; - word-wrap:break-word; - } - + #menu, #header, #content, #footer { + margin: 0 auto; + width: 100%; + } + + .admin #menu, .admin #header, .admin #content, .admin #footer { + margin: 0 auto; + width: 100%; + } + + #menu-wrapper { + text-align:center; + } + + #menu ul li { + float:none; + display:inline-block; + } + + #search-form { + float:none; + padding: 10px 0; + } + + .author-info { + width: 100%; + float:left; + } + + .share { + width:100%; + margin-right: 0; + padding-bottom: 1em; + } + + .column { + float:left; + width:100%; + } + + .postnav .newer { + float:left; + margin-bottom:1em; + } + + .postnav .older { + float:left; + } + + .social .inner { + padding-left:0px; + } + + pre { + white-space: pre-wrap; + word-wrap:break-word; + } + } /*---------------------------- @@ -896,48 +896,48 @@ h1.title-post a:hover, h2.title-index a:hover { -----------------------------*/ .video-wrapper { - margin:1em 0; + margin:1em 0; } @media all and (min-width: 420px) { - .video-wrapper { - padding-top:315px!important; - position:relative; - width:100%; - max-width:420px!important; - max-height:315px!important; - } + .video-wrapper { + padding-top:315px!important; + position:relative; + width:100%; + max-width:420px!important; + max-height:315px!important; + } - .video-wrapper iframe, .video-wrapper object, .video-wrapper embed { - height: 100%; - left: 0; - position: absolute; - top: 0; - max-width:420px!important; - width: 100%; - max-height:315px!important; - } + .video-wrapper iframe, .video-wrapper object, .video-wrapper embed { + height: 100%; + left: 0; + position: absolute; + top: 0; + max-width:420px!important; + width: 100%; + max-height:315px!important; + } } @media all and (max-width: 420px) { - .video-wrapper { - position: relative; - padding-bottom: 56.25%; - padding-top: 30px; - height: 0; - overflow: hidden; - } - - .video-wrapper iframe, .video-wrapper object, .video-wrapper embed { - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - } + .video-wrapper { + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; + } + + .video-wrapper iframe, .video-wrapper object, .video-wrapper embed { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + } } From 65adddb3ddae8d878298192874174e144d6299b0 Mon Sep 17 00:00:00 2001 From: Kanti Date: Fri, 23 Jan 2015 11:55:36 +0100 Subject: [PATCH 2/4] [TASK] better development process --- index.php | 2 +- system/htmly.php | 1 - system/upgrade/run.php | 9 +++++++-- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/index.php b/index.php index 51775577..5827cd74 100644 --- a/index.php +++ b/index.php @@ -1,5 +1,5 @@ getCurrentInfo(); $versionNumber = substr($info['tag_name'], 1); @@ -32,5 +34,8 @@ function rrmdir($dir) } } -file_put_contents("index.php", file_get_contents("system/upgrade/index.php")); -rrmdir("system/upgrade/"); + +if(!config("dev")){ + file_put_contents("index.php", file_get_contents("system/upgrade/index.php")); + rrmdir("system/upgrade/"); +} From 5e5a8dc53f62e8cf3192eb903186401ac8040e03 Mon Sep 17 00:00:00 2001 From: Kanti Date: Fri, 23 Jan 2015 13:22:01 +0100 Subject: [PATCH 3/4] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 02916756..d34923e2 100644 --- a/README.md +++ b/README.md @@ -47,7 +47,7 @@ HTMLy requires PHP 5.3 or greater. Installations ------------- if you have openssl on your server, use the [Installer](https://github.com/Kanti/htmly-installer/releases/latest). read the [Instructions](https://github.com/Kanti/htmly-installer/blob/master/README.md#htmly-installerphp). -If you don't have openssl, download the latest version, extract it, then upload the extracted files to your server. Make sure the installation folder is writeable by your server. +If you don't have openssl, [download](https://github.com/danpros/htmly/releases/latest) the latest version, extract it, then upload the extracted files to your server. Make sure the installation folder is writeable by your server. Configurations -------------- From 5d6ec8461402a06d4c2e6cd1b42abbd210bf04fd Mon Sep 17 00:00:00 2001 From: Kanti Date: Tue, 10 Feb 2015 09:03:13 +0100 Subject: [PATCH 4/4] [TASK] fix youtube.com/watch links => only video ID will be saved --- system/admin/admin.php | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/system/admin/admin.php b/system/admin/admin.php index 295a22cc..d428b380 100644 --- a/system/admin/admin.php +++ b/system/admin/admin.php @@ -68,7 +68,7 @@ function edit_post($title, $tag, $url, $content, $oldfile, $destination = null, $post_title = $title; $post_fi = $fi; - $post_vid = $vid; + $post_vid = str_replace(["http://", "https://", "www.", "youtube", ".com", "/watch?v=", "/embed/"], "", $vid); $post_tag = preg_replace(array('/[^a-zA-Z0-9,.\-\p{L}]/u', '/[ -]+/', '/^-|-$/'), array('', '-', ''), remove_accent($tag)); $post_url = strtolower(preg_replace(array('/[^a-zA-Z0-9 \-\p{L}]/u', '/[ -]+/', '/^-|-$/'), array('', '-', ''), remove_accent($url))); if ($description !== null) { @@ -157,11 +157,11 @@ function edit_page($title, $url, $content, $oldfile, $destination = null, $descr // Add blog post function add_post($title, $tag, $url, $content, $user, $description = null, $fi, $vid) { - + $post_date = date('Y-m-d-H-i-s'); $post_title = $title; $post_fi = $fi; - $post_vid = $vid; + $post_vid = str_replace(["http://", "https://", "www.", "youtube", ".com", "/watch?v=", "/embed/"], "", $vid); $post_tag = preg_replace(array('/[^a-zA-Z0-9,.\-\p{L}]/u', '/[ -]+/', '/^-|-$/'), array('', '-', ''), remove_accent($tag)); $post_url = strtolower(preg_replace(array('/[^a-zA-Z0-9 \-\p{L}]/u', '/[ -]+/', '/^-|-$/'), array('', '-', ''), remove_accent($url))); if ($description !== null) { @@ -170,7 +170,7 @@ function add_post($title, $tag, $url, $content, $user, $description = null, $fi, $post_description = ""; } $post_content = '' . $post_description . "\n\n" . $content; - $post_content = '' . "\n\n" . '' . "\n\n" . $post_content; + $post_content = '' . "\n\n" . '' . "\n\n" . $post_content; if (!empty($post_title) && !empty($post_tag) && !empty($post_url) && !empty($post_content)) { if (get_magic_quotes_gpc()) {